@charset "utf-8";
html,

body {
	background-color: #f1f1f3;
	background-image:url(images/backg.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6d6d6d;
	margin:0;
	padding:0;
	height:100%;
}
a{
   text-decoration:none;
    color: #FFFFFF;
	}
a:hover{
	color:#85b8d0;
}
#container {
   min-height:100%;
   position:relative;
	height:auto !important; 
	height:100%;
}
#header {
   height:154px;
}
#main{
	padding:0 0 10px 0;
	padding-bottom:119px;   /* Height of the footer */
	width:900px;
	clear:both;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#footer{
	background-image:url(images/footer.jpg);
	background-repeat:repeat-x;
	height:127px;/* Height of the footer */
	width:100%;
    bottom:0;
    width:100%;
	float:left;
	}
#leng{
	width:900px;
	height:37px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
}
.sp{
	width:70px;
	height:25px;
	background-image:url(images/sp.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:40px;
	line-height:11px;
	padding-top:10px;
	float:right;
	position: inherit;
	text-decoration:none;
}
.en{
	width:70px;
	height:25px;
	background-image:url(images/en.jpg);
	background-repeat:no-repeat;
	text-align:left;
	line-height:11px;
	padding-top:10px;
	padding-left:40px;
	float:right;
	text-decoration:none;
}
.on{
	color:#85b8d0;
	}
.backgtop{
	background-image: url(images/optima_header.jpg);
	background-repeat:no-repeat;
	width:1200px;
	height:111px;
	float:left;
	margin-left:auto;
	margin-right: auto;
	}
.backgtopsp{
	background-image: url(images/optima_header_sp.jpg);
	background-repeat:no-repeat;
	width:1200px;
	height:111px;
	float:left;
	margin-left:auto;
	margin-right: auto;
	}
.logotop{
	background-image:url(images/logo_top.png);
	background-repeat:no-repeat;
	width:399px;
	height:111px;
	margin-left:171px;
	}
/* menu */
.menu {
    float:left;
	font-size:14px;
	text-decoration:none;
	text-align:left;
	height:32px;
	position:relative;
	z-index:999 !important;
}

ul.bar {
	margin:0;
	float:left;
	list-style-type:none; /*quitar las viñetas*/
	text-align:left;
	width:900px;
	
}

ul.bar li{
	margin:0; /*le quito el margen al elemento de la lista*/
	text-decoration:none;
	float:left;
	margin-right:20px;	
	display:block;
	position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */

}

ul.bar ul{
	display:none;
	list-style:none;
	background-image:none;
	left:10px; /* Para que no monte sobre el <li> */
	top:-100px;
	position:absolute;
	}
	
ul.bar > li > ul /* Solo para los ul debajo de los li de primer nivel. */
{
   position:absolute;
   left:-28px;
   margin-top:0;
   top:31px;
   display:none;
   list-style:none;
   border:#000e43 thin solid;/* Borde todo el recuadro*/

}
ul.bar > li /* Sólo para li de primer nivel */
{
   	display:inline;
	background-image:url(images/div.png);
	background-repeat:no-repeat;
	padding-left:17px;
    line-height:32px;
	
}
	
ul.bar li:hover > ul
{
   display:block;
   padding:0;!important;
   width:140px;
   font-size:12px;
   background-image:url(images/bgmenu.jpg);
   margin-left:30px; !important;
   padding-left:5px;!important;
   padding-top:2px;
   border:#336600 2 2 2 2;
   
}

ul.bar li a{
	margin:0;
	color: #FFFFFF; /*mas*/ 
	width:60px; /*defino el ancho del rectangulo del vinculo*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/
	background-image:none;
	
	
}

ul.bar li a:hover {
	margin:0;
	color:#081644;
	text-decoration:none;
	line-height:32px;	
	}
	
ul.bar a{
	text-decoration:none;

}

ul.bar a:hover { 
	margin:0;
	color:#081644;
	text-decoration:none;
	
}
ul.bar li.selected a {
	color: #FFFFFF;
	font-weight:bold;
}
ol {
	padding:0 25px 0 15px;
	list-style-image:url(images/bul.gif);	
}

.main .menu .bar ul {
	margin:0;!important; 
	border:#081644 1px solid;
	padding-top:3px;
	margin-top:2px;
	margin-left:5px;!important;
}
/* menu */
h1{
	color:#081644;
	display:block;
	width:464px;
	height:20px;
	float:left;
	position:relative;
	padding-bottom:20px;
	padding-top:10px;
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	}
h2{
	color:#081644;
	display:block;
	width:550px;
	height:20px;
	float:left;
	position:relative;
	padding-bottom:20px;
	padding-top:10px;
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	}
h3{
	color:#081644;
	font-size:13px;
	margin:30px 0 10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:10px;
}

h5{
	color:#1e1f23;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	padding:5px 36px 5px 36px;
	background:url(images/com_1.jpg) top left no-repeat, url(images/com_2.jpg) bottom right no-repeat #b6c5c5; 
	width:500px;
	
}
.coma{
	background-image:url(images/com_2.jpg);
	background-position:right;
	background-repeat:no-repeat;
	vertical-align:bottom;
	float:right;
	width:27px;
	height:60px;
	position:relative;
	}
#content{
	width:815px;
	float:left;
	position: inherit;
	padding:0 0 0 30px;
	line-height:18px;
	margin: 40px 0 40px 30px;
	background-color:#FFFFFF;
	box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  text-align:justify;
	}
#innercontent{
	width:560px;
	float:left;
	position:relative;
	padding:0 30px 30px 30px;
	margin: 40px 0 40px 30px;
	line-height:18px;
	background-color:#FFFFFF;
	box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  text-align:justify;
  min-height:510px;
 
	}
.left{
color:#1e1f23;
	width:192px;
	float:left;
	position:relative;
	margin:40px 0 30px 30px;
	}
.mission{
	background-image:url(images/mission.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:250px 10px 10px 10px;
	height:250px;
}
.technology{
	background-image:url(images/technology.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:290px 10px 10px 10px;
	height:400px;
}
.consulting{
	background-image:url(images/consulting.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:290px 10px 10px 10px;
	height:400px;
}
.logo_footer{
	background-image:url(images/logo_foot.png);
	float:left;
	width:274px;
	height:79px;
	margin-top:10px;
	
	}
.links{
	float:left;
	vertical-align:middle;
	width:550px;
	padding-top:25px;
	padding-left:171px;
	color:#fff;
	text-align:center;
	line-height:25px;
	}
.form{
	width:290px;
	float:left;
	position:relative;
	text-align:left;

	}
	
.entry input{
margin:11px 0 10px 0px;	
width:290px;
height:10px;
padding:12px 0 0 2px;
background-color:#ffffff;
border:1px #081643 solid;
color:#6d6d6d;
float: inherit;
}
.notify input{
margin:15px 0 0 10px;	
width:100px;
height:22px;
padding:0;
background-color:#e2e2e2;
border:1px #081643 solid;
font-family:Arial, Helvetica, sans-serif;
color:#114684;
float:left;
text-align:center;
vertical-align:middle;
line-height:13px
}

.contactcontent{
	width:550px;
	float:left;
	position: inherit;
	margin:0 20px 30px 35px;
	padding:20px 20px 20px 20px;
	line-height:18px;
	background-color:#FFFFFF;
	box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
	
	}
.textarea{
width:290px;
background-color:#ffffff;
border:1px #378a8e solid;
color:#6d6d6d;
float: inherit;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.phone{
	width:330px;
	height:135px;
	background:url(images/pin.jpg) top left no-repeat,url(images/bg_contact.jpg)repeat-x #b6c5c5;
	color:#081644;
	font-size:18px;
	line-height:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	padding: 45px 35px 0 40px;
	margin-top:30px;
}
.mail{
	width:350px;
	height:190px;
	background:url(images/pin.jpg) top left no-repeat,url(images/bg_contact.jpg)repeat-x #b6c5c5;
	color:#081644;
	font-size:18px;
	line-height:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:right;
	margin-top:30px;
	padding: 25px 35px 0 40px;
}
.state{
	width:350px;
	color:#1e1f23;
	background-color:#b6c5c5;
	float:left;
	text-align:left;
	margin-bottom:20px;
}
.state a{
 	color:#081644;}
	
.namestate{
	width:330px;
	color:#081644;
	font-size:15px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:10px;
	margin-bottom:10px;
	display:block;
	float:left;
	background-color:#b6c5c5;
}
.datastate{
 	width:330px;
	padding:15px;
	margin:0 0 10px 0;
	float:left;
	clear:both;
}