@charset "utf-8";
/* estructura en comun */

#contenedor { background:url(../images/mundo.png) no-repeat; padding:25px 42px 0 20px;
width:960px; height:550px; margin:auto; }
#encabezado { background:url(../images/bg-header.png) no-repeat;height:208px;padding:10px;width:938px;}
#encabezado .izq { width:155px; padding-left:10px; }
#encabezado .espacio {margin:5px 0 10px 0}
#contenido #engloba p { padding-bottom:1.3em}
#cuerpo { clear:both; display:block}
#encabezado ul li { height:1.2em}

	/* Menu */
	#menu li { float:left; margin-left:0px; position:relative }
	#menu li h4 a,
	#menu li h2 a {   background: url(../images/sprite-menu.png) no-repeat top left; display:block; width:236px; height:36px; text-indent:-9999px }
.eng #menu li h4 a,
.eng #menu li h2 a { background:url(../images/eng-sprite-menu.png) no-repeat top left}
	 #menu li h4.btn1 a,
	 #menu li h2.btn1 a { background-position: 0 0; width: 236px; height: 36px;}
	 #menu li h4.btn1 a:hover, 
	 #menu li h2.btn1.activo a,
	 #menu li h2.btn1 a:hover { background-position: 0 -86px; width: 236px; height: 36px; } 
	 
	 #contacto { float:right; height:31px; position:relative; width:250px; text-align:right; padding-top:3px}
	 #contacto a{background:url(../images/btn-contactenos-eng.png) no-repeat top left; width:107px; height:27px; cursor:pointer;display:block; text-indent:-9999px; float:right}
	 #contacto a:hover{background:url(../images/btn-contactenos-eng.png) no-repeat bottom; width:107px; height:27px}
	 
	 #contacto-esp { float:right; height:31px; position:relative; width:250px; text-align:right; padding-top:3px}
	 #contacto-esp a{background:url(../images/btn-contactenos.png) no-repeat top left; width:107px; height:27px; cursor:pointer;display:block; text-indent:-9999px; float:right}
	 #contacto-esp a:hover{background:url(../images/btn-contactenos.png) no-repeat bottom; width:107px; height:27px}
	 
	 #tracking { float:left; height:31px; position:relative; width:250px; text-align:left; padding-top:3px}
	 #tracking a{background:url(../images/tracking.png) no-repeat top left; width:109px; height:30px; cursor:pointer; display:block; text-indent:none; float:left;}
	 #tracking a:hover{background:url(../images/tracking.png) no-repeat bottom; width:109px; height:29px}
	 
	 #tracking-esp { float:left; height:31px; position:relative; width:250px; text-align:left; padding-top:3px}
	 #tracking-esp a{background:url(../images/tracking.png) no-repeat top left; width:109px; height:30px; cursor:pointer; display:block; text-indent:-9999; float:left;}
	 #tracking-esp a:hover{background:url(../images/tracking.png) no-repeat bottom; width:109px; height:29px}
	 
	 #cleaner {clear:both; maring:0 auto;}
	 
	 #menu li h4.btn2 a,
	 #menu li h2.btn2 a{ background-position: 0 -172px; width: 236px; height: 36px; } 
	 #menu li h4.btn2 a:hover,
	 #menu li h2.btn2.activo a,
	 #menu li h2.btn2 a:hover { background-position: 0 -258px; width: 236px; height: 36px; } 
	 
	 #menu li h4.btn3 a,
	 #menu li h2.btn3 a{ background-position: 0 -344px; width: 236px; height: 36px; } 
	 #menu li h4.btn3 a:hover,
	 #menu li h2.btn3.activo a,
	 #menu li h2.btn3 a:hover { background-position: 0 -430px; width: 236px; height: 36px; } 
	 
	 #menu li h4.btn4 a,
	 #menu li h2.btn4 a { background-position: 0 -516px; width: 236px; height: 36px; } 
	 #menu li h4.btn4 a:hover,
	 #menu li h2.btn4.activo a,
	 #menu li h2.btn4 a:hover { background-position: 0 -602px; width: 236px; height: 36px; } 
	 
	 #menu img { position:absolute; top:36px; left:0px}
	 
	 
/* >>>>>>>>>>>>>>>>>>>>>> Home */
#home #cuerpo ul li.titulo { width:235px; height:225px; float:left; background: url(../images/bg-recuadro-home.png) no-repeat left bottom; display:inline; margin-left:5px}
#home #cuerpo ul li.titulo:first-child {margin-left:0px}
#home #cuerpo ul li.titulo img { padding-left:7px}

#home #cuerpo ul li.titulo2 { width:235px; height:26px; float:left; display:inline; margin-left:5px}
#home #cuerpo ul li.titulo2:first-child {margin-left:0px}

/* >>>>>>>>>>>>>>>>>>>>>> Seccion */

#contenido { clear:both; background: url(../images/bg-contenido.png) repeat-y; margin-top:35px; margin-left:-1px}
#contenido span.top { background:url(../images/bg-contenido-top.png) no-repeat left top; display:block; height:2px}
#contenido h3 { color:#0099c6; font-size:1.6em; border-bottom:solid 2px #0099c6; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.5em; margin-bottom:7px}
#seccion span.bottom { background:url(../images/bg-contenido-bottom.png) no-repeat bottom left; display:block; height:5px; margin:auto; clear:both}
#contenido h4 {color:#0099c6; font-size:1.4em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.5em; margin-bottom:7px}
#contenido h5 {color:#000; font-size:1.2em; font-weight:bold; line-height:1.5em; margin-bottom:0px; margin-top:7px}

#contenido #engloba { padding:15px}
#contenido #engloba ul li,
#contenido #engloba p { color:#444444; font-size:1.3em; line-height:1.7em }
#contenido #engloba ul li { background:url(../images/bullet-lista.gif) no-repeat left 8px; padding-left:10px}
#contenido #engloba ul li.first { background:none; padding-left:0; border-bottom:solid 1px #444444; margin-top:15px}
#contenido #engloba ul li.first em { font-style:italic}


	/* quienes somos */
	#contenido.quienesSomos .izq { width:545px}
	
	/* contactenos */
	#contenido.contactenos label,
	#contenido.contactenos input,
	#contenido.contactenos textarea { font-size:1.2em; color:#444; font-family:Arial, Helvetica, sans-serif; padding:2px }
	
	#contenido.contactenos #engloba > .izq { width:680px}
	#contenido.contactenos #engloba > .der { width:205px; height:200px}
	#contenido.contactenos #engloba > .der strong { color:#10b7e9}
	
	#contenido.contactenos .columnasIguales span { display:block; height:30px} 
	#contenido.contactenos label { width:80px; float:left}
	#contenido.contactenos input,
	#contenido.contactenos textarea { width:235px; border:solid 1px #cecece}
	#contenido.contactenos .columnasIguales .der { position:relative}
	#contenido.contactenos .columnasIguales .der textarea,
	#contenido.contactenos .columnasIguales .der label { float:none; display:block}
	#contenido.contactenos .columnasIguales .der textarea { width:325px; height:85px}
	#contenido.contactenos .columnasIguales .der p { padding:5px 0 8px !important}
	
	#dnexo{ width:950px; text-align:right; padding-top:7px}
	
	/* btn generico  */
	.btnsubmit  {background:url("../images/btn-accion-izq.gif") no-repeat scroll 0 0 transparent  !important;display:block;overflow:visible;padding:0 !important;position:absolute;right:0;bottom:0;}
	.btnsubmit button,
	.btnsubmit input {background:url("../images/btn-accion-resto.gif") no-repeat scroll right top transparent  !important;border:none !important;color:#FFFFFF !important;cursor:pointer;display:block;height:25px;margin:0 0 0 4px;padding:0 5px 2px 0 !important;font-weight:bold;}
	.btnsubmit input { font-size:1em  !important; width:80px !important}
	.btnsubmit button { font-size:1.1em}
	
	
	
/* buscar */
#buscar  { position:relative; height:30px }
#buscar form { position:absolute; right:125px; top:5px;}
#buscar input { font-size:1em; padding:2px; width:130px; color:#999999 }
#buscar .btn { background:url(../images/search.html) no-repeat right 2px; cursor:pointer; border:none; text-indent:-9999px; width:19px; height:21px;} 
#buscar span { position:absolute; right:15px; bottom:10px; text-align:right}
#buscar span a { color:#FFFFFF; text-decoration:none; font-size:1.2em;border-left:solid 1px #FFFFFF; padding-left:5px}
#buscar span a:hover { text-decoration:underline}
#buscar span a.activo { color:#000033; font-weight:bold}
#buscar span a:first-child { border:none }
.home a{ background:url(../images/icon-home.png) no-repeat; width:27px; height:23px; text-indent:-9999px; border:none; float:right; margin-right:115px; cursor:pointer}

/* Resultado de B&uacute;squeda */
.busqueda caption { color:#11a0ca; border-bottom: groove 2px #666666; font-size:1.3em; font-weight:bold; line-height:1.5em; margin-bottom:7px}
.busqueda table { color:#444444; position:relative; width:700px;}
.busqueda table td,
.busqueda table th { line-height:1.6em; font-size:1.1em}
.busqueda table td { line-height:1.2em}

.busqueda .detalle th { font-weight:bold; background:url(../images/bullet.gif) no-repeat 5px center; padding-left:15px;width:180px }
.busqueda .bg { background-color:#f1f1f1 !important}
.busqueda .btndoc  { right:10px; bottom:0 }

.busqueda .historial { margin-top:25px}
.busqueda .historial caption em { color:#444444; font-size:0.9em; font-weight:bold }
.busqueda .historial th { font-weight:bold; background-color:#cbcbcb; border-left:solid 1px #adadad; border-bottom:solid 1px #FFFFFF; padding:5px }
.busqueda .historial td { background-color:#f1f1f1; border-left:solid 1px #adadad; padding:5px }
.busqueda .historial th:first-child,
.busqueda .historial td:first-child { border-left:none}

.resultados em { font-weight:bold; color:#319fc0}
#contenido.resultados #engloba > .der { width:210px; margin-right:10px}
#contenido.resultados #engloba > .der p.paises { font-size:0.9em; color:#319fc0; font-weight:bold; line-height:1.4em; }
#contenido.resultados #engloba > .der p { color:#444444; font-size:1.1em}


/* Proyectos */
.proyectos img {  margin-top:5px;  padding:3px}
.proyectos .der img {border:solid 1px #91abc6; padding:2px; cursor: wait}


/* si tiene IE 6 aparecera esto */
#atencion { background-color:#fff; border:solid 5px  #990000; width:920px; margin:10px auto; height:100px; padding:10px; position:relative}
#atencion strong {color: #FF0000}
#atencion p { font-size:14px; line-height:20px}
#atencion a {  float:left; height:40px;  padding-right:10px; padding-top:10px}
#atencion .cerrar { position:absolute; right:0; top:0}





/* >>>>>>>>>>>>>>>>>>>>>> Clases comunes */
.izq { float:left; display:inline}
.der { float:right; display:inline}
.columnasIguales  .der,
.columnasIguales  .izq { width:48%; margin:0 0.5%; display:inline}
.nota { font-size:1em !important; line-height:1.2em !important}
.noAbs { position:relative}
.floatR { float:right; margin-right:10px}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1;  } /* IE7 */
