body, h1, h2, h3, h5, h5, ul, ol, li, p, form {margin: 0; padding: 0;}
.izq {display: block; float: left;}
.dch { float: right;}
.block {display:block}
img {border:0}

.gris59 {color:#595959}
.blanco {color:#fff}
.rojo {color:#a60b0b}
.negro { color:#000}
.gris44 {color:#444}
.azul {color:#2a74b0}

/* Estructura */

body { background:#fff}

#warper {
	background-image: url(../images/fondo-general.jpg);
	background-repeat: repeat-y;
	width: 1024px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0 3px 0 3px;
	
	}

#cabecera {width:1030px; height: 70px; position:relative; margin: 0 auto 0 auto; overflow: hiddden;}
	#cabecera #logo {position:absolute; bottom:5px; left:43px}
	#cabecera #idiomas {position:absolute; bottom:20px; right:57px;/*width:126px; height:24px;*/ font:normal 10px Arial; color:#000; line-height:1.6em}
			#idiomas #idioma-on {width:63px; height:24px; background:url(../images/fondo-idioma.jpg) no-repeat; text-align:center; color:#fff; float:left}
			#idiomas #idioma-off  {/*width:43px; float:left; text-align:center*/}
			#idiomas #idioma-off a {color:#000; text-decoration:none}	
			#idiomas #idioma-off a:hover {text-decoration: underline}										
			
#banner {
	display: block;
	clear: both;
	margin: 0 auto 0 auto;
	}

				
#menu {width:984px; height:37px; background:url(../images/fondo.menu.jpg) repeat-x; padding:0 0 0 40px; font:bold  16px Arial; color:#cacaca; line-height:2.1em; margin: 0 auto 0 auto;}
	#menu .opcion {float:left; width:150px; margin-right:50px;text-align:center }
	#menu .opcion  a, #menu .opcion-ultimo a{color:#cacaca; text-decoration:none}
	#menu .opcion  a:hover, #menu .opcion-ultimo a:hover{color:#fff}
	#menu .opcion-ultimo {float:left; width:150px}
    .opcion-somos {float:left; width:150px; margin-right:28px;text-align:center}
	.opcion-somos a{color:#cacaca; text-decoration:none}
	
	
	
#contenedor {width:1024px; background:#fff; padding-bottom:30px; margin: 0 auto 0 auto; overflow:hidden}
	#contenedor #caja-informacion {width:917px;  margin:20px 0 0 53px}
		#contenedor #caja-informacion p {margin-bottom: 10px;}
		#caja-informacion-izq  {float:left; width:599px}
			#caja-informacion-izq h1{font:normal 25px Verdana; color:#444; margin:0 0 12px 0; letter-spacing: -1px;}
			#caja-informacion-izq h2 {font:normal 25px Verdana; color:#444; margin:0 0 12px 0; letter-spacing: -1px; }
			#caja-informacion-izq .columna {width:287px; font:normal 11px "Trebuchet MS"; color:#51464a; text-align:justify; line-height:15px; margin-bottom:16px}
			
			#caja-informacion-izq .columna ul {
				margin-bottom: 10px;
				list-style-type: none;
				margin-left: 4px;
				}
				#caja-informacion-izq .columna ul li{
					padding-left: 10px;
					background-image: url(../images/bullet_lista.gif);
					background-position: left 4px;
					background-repeat: no-repeat
					}
		
		#caja-informacion-dch {float:left; width:288px; height:196px; margin-left: 21px; margin-top: 45px; /*background:url(../images/fondo-madpixel.jpg) no-repeat; margin-left:15px*/} 
		     #caja-informacion-dch #contenido {margin:60px 0 0 34px; font:bold 11px Arial; color:#000; text-align:center}
			 		   #caja-informacion-dch #contenido .info {width:116px; float:left}
					   #caja-informacion-dch #contenido .info a{color:#000; text-decoration:underline}
			#caja-informacion-dch span#titular {font:normal 18px Verdana; color:#444}
			#caja-informacion-dch span#madpixel {font:normal 28px Verdana; color:#000}
			#caja-informacion-dch p {font:normal 10px Arial; margin-top:20px; text-align:justify; line-height:15px}
	 
	 #leer-mas {width:288px;height:22px;text-align:right;font:normal 11px "Trebuchet MS"; margin-top:5px}
	 	#leer-mas a {color:#000; text-decoration:none}

#contenedor-pastillas {width:913px; clear:both;  float:left}
#contenedor-pastillas  h2 {font:normal 25px Verdana; color:#444; margin:0 0 12px 0; letter-spacing: -1px; }			
.pastilla-gigapixel {width:288px; height:140px; font:normal 10px Arial;  background:url(../images/pastilla-fotos_en.gif) no-repeat; float:left}
.pastilla-earth {width:288px; height:140px; font:normal 10px Arial;  background:url(../images/pastilla-earth_en.gif) no-repeat; float:left}
.pastilla-flash {width:288px; height:140px; font:normal 10px Arial;  background:url(../images/pastilla-flash_en.gif) no-repeat; float:left}
	.leer {margin:111px 36px 0 0; color:#fff; text-align:right}
	.leer a{color:#fff; text-decoration:none}
.separacion-pastilla {margin-right:22px}

.earth { background:url(../images/pastilla-earth_en.jpg) no-repeat}
		 
		 
#pie {width:914px; height:57px; padding: 7px 55px 0 55px; background:url(../images/fondo-pie2.gif) repeat-x; 
		font: normal 11px Trebuchet MS; color:#fff; text-align:center; line-height:3em; margin: 0 auto 0 auto; clear: both;}
   #pie a {color:#fff; text-decoration:underline}
   #pie .izq {float: left;}
   #pie .dch {float: right;}
   
   
/* Estilos paginas interiores ************ */

#menu-int {width:984px; height:42px; background: url(../images/fondo-menu-int.jpg) repeat-x; padding:0 0 0 40px; font:bold 16px Arial; color:#cacaca; line-height:2.1em; margin: 0 auto 0 auto;}
	#menu-int .opcion {float:left;width:150px;text-align:center;margin-right:50px}
	#menu-int .opcion  a, #menu-int .opcion-ultimo a{color:#cacaca; text-decoration:none}
	#menu-int .opcion  a:hover, #menu-int .opcion-ultimo a:hover{color:#fff}
	#menu-int .opcion-ultimo {float:left; width:150px}
	

#migas {float:left; height:13px; font: normal 10px "Trebuchet MS"; color:#a40101; background:#fff; /*width:500px;*/ margin:12px 0 20px 0; padding-left:48px}
	#migas a {color:#52464a; text-decoration:none}
	#migas a:hover {text-decoration:underline}
	#migas strong {color:#52464a;}
	
.contenido {width:1024px; background:#fff; margin: 0 auto 0 auto;}
	
	
	.caja-texto {width:443px; font:normal 11px "Trebuchet MS"; color:#51464a; text-align:justify; line-height:15px; margin-bottom: 15px;}
		.caja-texto a {color: #444;}	
	    .caja-img {padding:0 0 15px 0; float:left}
		.caja-img-inferior {margin:20px 0 10px 0; clear: both; overflow: hidden;}
		.caja-img-inferior .separacion {margin-right:10px}
		.pie-foto {font: italic 10px Arial; color:#717171; margin:0; padding-right:5px; text-align:right}
		
/* Pagina que es ****/

.on-quees { background:url(../images/fondo-quees.jpg) no-repeat; width:150px; height:42px; color:#434343}
	#que-es {width:917px; margin:0 0 0 48px; float:left; clear:both; display:inline}
	#que-es h1 {font:normal 25px verdana; color:#444; margin:0 0 12px 0; letter-spacing: -1px;}
	#que-es h2 {font:normal 25px verdana; color:#444; margin:0 0 12px 0; letter-spacing: -1px;}

/* Pagina Servicios ***/

.on-servicios {
	background:url(../images/fondo-servicios.jpg) no-repeat;
	width:162px;
	height:42px;
	color:#434343;
	margin-right:38px;
	text-align:center;
	float:left;
}

.caja-img-servicios {width:913px; margin: 0 0 15px 0; float:left}
	.caja-img-servicios .caja-texto {margin:70px 0 0 280px; font:normal 11px Trebuchet MS; color:#fff; width:292px; text-align:justify; line-height: 15px;}
		.caja-img-servicios .caja-texto .conocer{ width:290px; height:25px; text-align:right;  line-height:2.2em;}
				/*.gigapixel {background:url(../images/icono-conocer.gif) no-repeat right;}
				.google {background:url(../images/icono-google.jpg) no-repeat right;}
				.visor {background:url(../images/icono-flash.jpg) no-repeat right;}*/
				
		.caja-img-servicios .caja-texto a{color:#fff; text-decoration:none}
.servicio-gigapixel { background:url(../images/img-servicio01a_en.jpg) no-repeat;height:200px}
.servicio-google { background:url(../images/img-servicio02a_en.jpg) no-repeat; height:220px}
.servicio-visor { background:url(../images/img-servicio03a_en.jpg) no-repeat; height: 200px; }

/* Pagina Casos ****/

.on-casos {
	background:url(../images/fondo-casos.jpg) no-repeat;
	width:152px;
	height:42px;
	color:#434343;
	margin-right:48px;
	text-align:center;
	float:left;
}

.contenedor-casos {width:920px; height:400px; background:url(../images/info-caso-int.jpg) repeat-x; position:relative;margin-bottom:30px}
	.contenedor-casos .lat-izq{width:13px; height:400px; background:url(../images/info-caso-izq.jpg) no-repeat; position:absolute; top:0; left:0; }
	.contenedor-casos .lat-dch{width:13px; height:400px; background:url(../images/info-caso-dch.jpg) no-repeat; position:absolute; top:0; right:0}
	.contenedor-casos .caja-izq {width:386px; height:400px; border-right:1px solid #b1b1b1; float:left; margin-left:20px; display:inline}
	.contenedor-casos .caja-dch {width:495px; height:394px; border-left:1px solid #eee; float:left; padding:7px 0 0 5px; 
								 font: normal 11px Trebuchet MS; color:#5c5c5c}
	
.ver-foto {float:left; width:89px; height:27px; background:url(../images/fondo-verfoto.gif) no-repeat;padding:0 0 0 15px; 
             border-right:1px solid #b1b1b1; line-height:2.4em }
	.ver-foto a, .numeracion a {color:#5c5c5c; text-decoration:none}
.numeracion {float:left; width:285px; height:27px; border-left:1px solid #eee;text-align:center; line-height:2.4em; padding-left:93px}

.ver-video {float:left; width:89px; height:27px; background:url(../images/fondo-vervideo.gif) no-repeat;padding:0 0 0 15px; 
             border-right:1px solid #b1b1b1; line-height:2.4em }
	.ver-video a{color:#5c5c5c; text-decoration:none}
	
.caja-izq .lugar {width:384px; height:48px; background:url(../images/fondo-museo-prado.gif) no-repeat; position:relative; margin:1px 0 22px 0;}
			.lugar .nombre{position:relative;top:19px;font: normal 18px Arial;color:#444;text-transform:uppercase;width:300px;overflow: hidden;}
			.lugar .numero{ position:absolute; top:19px; right:24px; font: bold 19px Verdana; color:#abaaaa}
			
            .casos_exito .subtitulo {font:bold 12px "Trebuchet MS"; margin: 0 12px 0 20px; color: #444;}
			.casos_exito p {font:normal 11px Trebuchet MS; color:#484848; margin:10px 20px 20px 0; line-height: 15px;}
			.casos_exito p.enlaces  {font:bold 11px Trebuchet MS; color:#a60b0b; margin:0 0 5px 0}
			.signo-enlaces  {font:normal 10px Trebuchet MS;color:#e40001}
			.enlace a {font:normal 11px Trebuchet MS; color:#484848; text-decoration:underline}
			/*.separacion-casos {margin-bottom:30px}*/
			
			.casos_exito .bloque {
				font-family: "Trebuchet MS";
				font-size: 11px;
				color: #484848;
				font-weight: bold;
				margin: 10px 14px 0 20px;
				}
				.casos_exito .bloque .subbloque {
					margin-left: 10px;
					margin-bottom: 10px;
					}
					.casos_exito .bloque .subbloque span {
						font-weight: normal;
						}
			
.linea-subrayado { background:url(../images/linea-subrayado.gif) repeat-x; width:345px; font-size:1px; margin:15px 0 10px 0}

			.caja-izq p.donde {font: bold 12px Trebuchet MS; color:#202020; margin:0 0 10px 0}
			.verlo-earth { width:340px; background:url(../images/icono-earth.gif) no-repeat left; padding-left:20px; 
							font:normal 11px Trebuchet MS; margin: 5px 0 5px 5px;}
				.verlo-earth a, .verlo-web a {color:#3e3c3c; text-decoration:underline}
			.verlo-web { width:340px; background:url(../images/icono-web.gif) no-repeat left; padding-left:20px; font:normal 11px Trebuchet MS; cursor:pointer; margin-left: 5px;}

.pause-play {float:left; width:26px; height:27px; border-left:1px solid #eee; border-right:1px solid #b1b1b1}
.linea-movie {float:left; width:254px; height:27px; border-left:1px solid #eee}
.tiempo {float:left; width:63px; height:27px; border-right:1px solid #b1b1b1; text-align:center; line-height:2.4em}
.volumen {float:left; width:26px; height:27px; border-left: 1px solid #eee}

/* Pagina quienes somos **/

.on-somos {background:url(../images/fondo-somos.jpg) no-repeat;width:152px;height:42px;color:#434343;margin-right:48px;text-align:center;float:left}
#margen-izq-somos {margin-left:48px}

/* Pagina contacto **/

#contenedor-contacto {width:932px; margin:0 0 0 48px; float:left; clear:both; display:inline}
	#contenedor-contacto h2 {font:normal 25px Verdana; color:#444; margin:0 0 12px 0; letter-spacing: -1px;}
	
.on-contacto {background:url(../images/fondo-contacto.jpg) no-repeat;width:115px;height:42px;color:#434343;margin-right:20px;text-align:center;float:left}
.caja-contacto {width:464px; font:normal 11px Verdana; color:#51464a; text-align:justify; line-height:15px}
#mapa {
	width:274px;
	height:152px;
	background:url(../images/img-mapa.jpg) no-repeat;
	padding:215px 20px 10px 170px;
	float:left
}
    .texto-mapa {font-family:Trebuchet MS;width:275px}
	.texto-mapa .madpixel {font-size:20px; margin:0 0 20px 0; color:#000}
	.texto-mapa p {font-size:14px; margin:0 0 3px 0; color:#5d5d5d; font-weight:bold}
	.texto-mapa p a{color:#000; text-decoration:underline}

.caja-formulario {width:380px; height:430px; background:url(../images/fondo-formulario.jpg) no-repeat; padding:35px 35px 0 35px}
	.caja-formulario #contenedor-formulario {width:380px}
	
	#contenedor-formulario h3 {font: normal 18px Arial, Helvetica, sans-serif; color:#555; text-transform:uppercase; margin-bottom:27px; letter-spacing: -1px;}
	#contenedor-formulario label {width:352px; height:17px; background:url(../images/icono-label.gif) no-repeat left; padding-left:22px; 
								   font: bold 14px Trebuchet MS; color:#444}
	#contenedor-formulario .caja-input {width:371px; height:22px; background:url(../images/fondo-input.gif) no-repeat;
										margin:5px 0 9px 0}
	#contenedor-formulario input { font: normal 12px Trebuchet MS; color:#444; line-height:2.6em; width:355px; 
	                               height:18px; padding-left:7px; border:0; background:transparent }
								   
	#contenedor-formulario textarea {width:365px; height:105px; border:1px solid #ccc;background-color:#fff;}
	
	#enviar {margin-top:10px; float:right; padding-right:10px}
	
	.margen-leermas {margin: 3px 5px 0 0}
		
/* Pagina obtencion servicios */

.caja-img-obtencion {width:913px; margin:0 0 17px 0; float:left}

.servicio-earth { background:url(../images/fondo-servicio-earth.jpg) no-repeat top left; width:293px; height:96px; font-family:Trebuchet MS; font-size:11px;
color:#51464a; text-align:justify; line-height:15px; padding:0 10px 0 140px; color:#52464a; overlow: hidden; clear: left;}
.servicio-flash { background:url(../images/fondo-visor-flash.jpg) no-repeat top left;width:293px; height:96px; font-family:Trebuchet MS; font-size:11px; color:#51464a; text-align:justify; line-height:15px; padding:0 10px 20px 140px;color:#52464a; overflow: hidden;}
.servicio-fotos-gigapixel { background:url(../images/fondo-obtener-gigapixel.jpg) no-repeat left top;width:293px; height:96px; font-family:Trebuchet MS; font-size:11px; color:#51464a; text-align:justify; line-height:15px; padding:0 10px 20px 140px;color:#52464a}

.servicio-earth a, .servicio-flash a, .servicio-fotos-gigapixel a {color:#52464a; text-decoration:none}
.servicio-earth a:hover, .servicio-flash a:hover, servicio-fotos-gigapixel a:hover {text-decoration:underline}

    .servicio-earth .earth { background:url(../images/img-conocer-earth.jpg) no-repeat right}
	.servicio-flash .flash { background:url(../images/img-conocer-flash.jpg) no-repeat right}
	.servicio-earth .titular {font:normal 20px  "Trebuchet MS";  margin:0 0 5px 0; letter-spacing: -1px; color:#2a74b0;}
	.servicio-fotos-gigapixel .titular {font:normal 20px  "Trebuchet MS";  margin:0 0 5px 0; letter-spacing: -1px; color:#444;}
	.servicio-flash  .titular {font:normal 20px  "Trebuchet MS";  margin:0 0 5px 0; letter-spacing: -1px;  	color:#a60b0b;}
	.servicio-earth .conocer, .servicio-flash  .conocer, .servicio-fotos-gigapixel .conocer {text-align:right; margin-top:5px; height:20px}
	.margen-conocer {margin-right:5px}
		.margen-conocer a:hover {text-decoration: underline;}
		
	h1.otros_servicios {margin-bottom: 20px !important; clear: both;}
	.obtencion {margin-bottom: 20px;}
	
	
/* casos exito */
.casos_exito {
	width: 921px;
	height: 381px;
	background-image: url(../images/fondo_casos_exito.jpg);
	margin: 0 0 20px 0;
	}
	.casos_exito .datos {
		width: 395px;
		float: left;
		margin: 1px 0 0 16px;
		display: inline;
		}
			.casos_exito .datos h1 {
				background-image: url(../images/fondo_h1_casos.jpg);
				width: 359px;
				height: 48px;
				padding: 0 25px 0 11px;
				font-family: Arial, Helvetica, sans-serif !important;
				font-size: 14px !important;
				font-weight: bold !important;
				}
				.casos_exito .datos h1 .izq {
					float: left;
					margin-top: 23px;
					color: #444;
					}
				.casos_exito .datos h1 .dch {
					float: right;
					margin-top: 17px;
					color: #aaa;
					font-family: Verdana, Arial, Helvetica, sans-serif !important;
					font-weight: bold;
					font-size: 19px;
					}
				
	.casos_exito .img_caso {
		float: right;
		margin: 9px 11px 0 0;
		}