@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
body {
	font-family: DejaVu Sans;
	color: #000;
}
.col-md-6 {
	margin-top: 8px;
	text-align: center;
}
.kodak {
	float:left;
	
}
.fujitsu {
	float:right;
	margin-top:-15px;
}
.header {
	padding: 0.5em 0;
	background: #ffffff;
}
.header-top {
	margin: 0em 0;
	padding: 1em 0;
}
.logo {
	float: left;
	margin-top: 0.5em;
}
.header-bottom {
	float: right;
	width: 60%;
}
.top-nav {
	float: right;
}
.top-nav ul li {
	display: inline-block;
}
.top-nav ul li a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-weight: 400;
	font-size: 1.1em;
	margin: 1.2em;
}
.top-nav ul li a:hover, .top-nav ul li.active a {
	color: #27AFE6;
}
.top-nav ul li a {
	color: #fff;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}
.top-nav ul li a::before {
	color: #27AFE6;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}
.top-nav ul li a:hover::before, .top-nav ul li a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}
.top-nav ul li a {
	position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-weight: 400;
	font-size: 1.2em;
	margin: 1.2em;
	color: #1A478C;
}
.top-nav span.menu {
	display: none;
}
/*Glyphicon*/
i.glyphicon.glyphicon-envelope {
	color: #1A478C;
	font-size: 1.0em;
}
i.glyphicon.glyphicon-earphone {
	color: #1A478C;
	font-size: 1.0em;
}
/*Contenido*/
.scanner {
	margin-top: 100px;
}
p {
	text-align: center;
	font-size: 2.5em;
	font-weight: normal;
}
.red {
	color: #E30613;
	font-weight: bold;
}
#boxcontainer, #logos_container {
	display: block;
	width: 60%;
	margin: 0 auto;
}

#info {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 5px;
}
#img_container{
	position:relative;
	display:block;
	width:605px;
	height:605px;
	margin: 0 auto;
	top:30px;
}
#img_container img{
	margin:0;
	padding:0;
	width:300px;
	height:300px;
	display:inline-block;
}
#text_inside{
	position:absolute;
	width:65%;
	height:20px;
	top:5px;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	font-size:16pt;
	text-align:left;
	line-height:40px;
	color:#1A478C;
}
#tex_kodak{
	position:absolute;
	width:65%;
	height:20px;
	top:5px;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	font-size:16pt;
	text-align:right;
	line-height:40px;
	color:#1A478C;
}
#text_fujitsu{
	position:absolute;
	width:65%;
	height:20px;
	top:5px;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	font-size:16pt;
	text-align:left;
	line-height:600px;
	color:#1A478C;
}
#tex_fujitsu{
	position:absolute;
	width:65%;
	height:20px;
	top:5px;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	font-size:16pt;
	text-align:right;
	line-height:600px;
	color:#1A478C;
}
/*Contacto*/
h2 {
	text-align: left;
	margin-top: 70px;
}
.contacto {
	text-align: center;
	margin-top: 120px;
}
.contact-grid input[type="text"], .contact-grid textarea, .contact-grid select {
	width: 100%;
	padding: 1em;
	margin: 0.5em 0;
	background: none;
	outline: none;
	border: 1px solid #eee;
	font-size: 1em;
	color: #A6A4A4;
}
.contact-grid textarea {
	resize: none;
}
.send input[type="submit"] {
	width: 20%;
	font-size: 1.3em;
	background: #1A478C;
	padding: 0.4em 0.8em;
	text-align: center;
	color: #fff;
	border: none;
	outline: none;
	-webkit-appearance: none;
}
.send input[type="submit"]:hover {
	background: #27AFE6;
}
.contact-form {
	padding: 3em 0;
}
.address-more {
	padding: 0 0 2em;
}
.contact-in p {
	font-size: 1em;
	color: #1A478C;
	width: 72%;
	line-height: 1.7em;
	text-align: left
}
.address-more h4 {
	color: #1A478C;
	font-size: 1.4em;
	font-family: 'DejaVu Sans';
}
.address-more p a {
	text-decoration: none;
	color: #1A478C;
}
.address-more p a:hover {
	color: #27AFE6;
}
/*Pie de pagina*/
.footer {
	background: #1A478C;
	padding: 1.5em 0;
	text-align: center;
}
p.footer-grid {
	color: #fff;
	font-size: 1.2em;
	float: right;
}
p.footer-grid a {
	text-decoration: none;
	color: #fff;
}
p.footer-grid a:hover {
	color: #27AFE6;
}
.footer {
	background: #1A478C;
	padding: 0.5em 0;
}
.footer-bottom {
	border-bottom: 1px dashed #fff;
	border-top: 1px dashed #fff;
	margin: 0em 0;
	padding: 2.5em 0;
}
/* -- message sys -- */

div#message-sys {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .8);
	z-index:2500;
}

div#message {
	margin: auto;
	width: 50%;
  	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	font-size:12pt;
	background-color:rgba(255, 255, 255, .9);
	border:4px #006AB3 solid;
}
div#message p{
	font-size:12pt;
}
h1#title-message {
	margin:0;
	padding:0;
	padding:5px;
	font-size:16pt;
	background-color:#006AB3;
	font-weight:bold;
	color:#FFF;
}

#close-btn {

	position:absolute;

	display:inline-block;

	color:#FFF;

	right:0;

	top:-4px;

}

#close-btn:hover {

	cursor:pointer;

}

#info-mess p, #info-li {

	padding:10px;

}

#info-mess p{
	margin-bottom:5px;
	text-align:left;
}

#info-li {

	list-style-position:inside;

}

#info-li li {

	text-indent:20px;

}

#loading_frame{

	display:none;

	position:absolute;

	color:#fff;

	top:0; left:0; right:0; bottom:0;

	width:70px;

	height:70px;

	margin:auto;

	z-index:9000;

}
/* -- ends message sys -- */