/* CSS Document */

*{margin:0; padding:0;}

img{border:0;}

html{height:100%;}

body{height:100%; background-image:url(../imgs/fondo-body.gif); background-position:left; background-repeat:repeat;}

* html #contenedor {
height:100%;
}
#contenedor {
min-height:100%;
width:100%;
margin:0 auto;
}
#pie{height:24px;
background:#617997;
position:relative;
margin:0 auto;
margin-top:-24px;
width:900px;
text-align:center;
}
/*  *************************** HASTA AQUI PARA EL PIE *************************   */

#principal{position:absolute;width:900px;height:533px;left:50%;margin-left:-450px;background-color:#C9D3ED;top:50%;margin-top:-266px;}
#principal2{position:relative;width:898px;height:531px;background-color:#617997;top:1px;left:1px;}

#menu-idioma{position:relative; width:208px; height:28px; background-color:#C9D3ED; left:669px;top:-24px;}
.menu-idioma2{position:relative; width:68px; height:20px; top:1px; background-color:#617997; float:right; text-align:center; padding-top:7px;}
.menu-idioma2 a:link,.menu-idioma2 a:visited,.menu-idioma2 a:active{color:#CBD6ED; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.menu-idioma2 a:hover{color:#CBD6ED; text-decoration:underline; font-size:11px; font-family:Arial, Helvetica, sans-serif;}


#div-logo{position:relative; width:884px; height:80px; background-color:#3B4A5B; top:-20px; margin:0 auto; background-image:url(../imgs/fondo-capa-logo.gif); background-position:right; background-repeat:repeat-y;}
#logo{position:relative; left:28px; top:12px;}			
#div-home-correo{position:relative; width:43px; height:12px;float:right; right:26px;}

.linea-azul{position:relative; width:884px; height:1px; margin:0 auto; background-color:#C9D3ED; top:-20px;}

#contenido-portada{position:relative; width:884px; height:436px; margin:0 auto;top:-20px;}		
#contenido-portada-izquierda{position:relative; width:333px; height:436px;float:left; background-color:#fff;}			
#contenido-portada-derecha{position:relative; width:551px; height:436px;float:right;}						

#linea-azul-oscuro{position:relative; width:333px; height:19px; background-color:#1376C0;}
#contenido-portada-izquierda h1{font-family:Arial narrow, Arial, Helvetica, sans-serif;color:#106EB5; margin:0 auto; text-align:center; width:190px; font-size:18px;margin-top:46px;}			

.cuadro-menu{position:relative; width:153px; height:23px; background-color:#242D39; margin-top:23px;}			
.cuadro-flecha{position:relative; width:23px; height:21px; background-color:#054B80; background-image:url(../imgs/flecha.gif); background-position:center; background-repeat:no-repeat; float:left;}
.cuadro-enlace{position:relative; width:119px; height:17px; background-color:#1676BE; float:left; padding-left:10px; padding-top:4px;}
.cuadro-enlace a:link,.cuadro-enlace a:visited,.cuadro-enlace a:active{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none; font-weight:bold;}
.cuadro-enlace a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:underline; font-weight:bold;}

#contenido-portada-izquierda p{font-family:Arial, Helvetica, sans-serif; width:191px; color:#242D39;margin:0 auto;text-align:center;font-size:12px;margin-top:3px;}			
#contenido-portada-izquierda p a:link,#contenido-portada-izquierda p a:active,#contenido-portada-izquierda p a:visited{color:#1376C0; text-decoration:underline; font-weight:bold;}			
#contenido-portada-izquierda p a:hover{color:#1376C0; text-decoration:none; font-weight:bold;}
			
#pie p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#C7D3EC;}			
#pie p a:link, #pie p a:active, #pie p a:visited{color:#C7D3EC; text-decoration:none;}			
#pie p a:hover{color:#C7D3EC; text-decoration:underline;}
			
/*  *************************** PAGINA INTERIOR 1 *************************   */
#principal-int{position:absolute;width:901px;height:533px;left:50%;margin-left:-450px;top:50%;margin-top:-266px;}

#cabecera-int{position:relative; width:901px; height:113px; background-color:#C9D3ED;}
#cabecera-int2{position:relative; width:899px; height:113px; background-color:#617997;left:1px; top:1px;}
#div-logo-int{position:relative; width:884px; height:80px; background-color:#3B4A5B; top:-20px;left:8px; background-image:url(../imgs/fondo-capa-logo.gif); background-position:right; background-repeat:repeat-y;}
.linea-azul-int{position:relative; width:884px; height:1px;left:8px; background-color:#C9D3ED; top:-20px;}
#menu{position:relative; width:884px; height:23px; top:-20px; left:8px; background-color:#242D39;}
#menu2{position:relative; width:614px; height:23px; background-color:#1376C0;}
#menu2 ul{position:relative; font-size:12px; left:90px; top:4px;}
#menu2 li{position:relative; font-size:12px; display:inline; background:url(../imgs/flechas.gif) left no-repeat;}
#menu2 li a{padding:0 20px 0 15px;}
#menu2 li a:link,#menu2 li a:active,#menu2 li a:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#E5EBF7; text-decoration:none;}
#menu2 li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#E5EBF7; text-decoration:underline;}


#izquierda{position:relative; width:772px; height:420px; float:left; background-color:#C9D3ED;}
#izquierda2{position:relative; width:771px; height:419px; left:1px;background-color:#617997;}
#izquierda-contenido{position:relative; width:763px; height:411px; left:8px;}
.linea-azul-contenido{position:relative; width:763px; height:1px; background-color:#C9D3ED;}
#foto-grande{position:relative; width:436px; height:410px; background-color:#617997; float:left;}
#div-foto-grande{position:relative; width:435px; height:351px;}
.linea-azul-foto-grande{position:relative; width:435px; height:1px; background-color:#C9D3ED;}
#pie-foto{position:relative; width:415px; height:57px; background:url(../imgs/fondo-pie-foto.gif) left repeat-x; padding:0 0 0 20px;}
#pie-foto h1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#B8CAEA;}
#pie-foto p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#B8CAEA;}

#texto1{position:relative; width:327px; height:410px; background-color:#C9D3ED; float:right;}
#texto2{position:relative; width:327px; height:409px; background-color:#fff; background-image:url(../imgs/puntos.gif); background-position:right; background-repeat:repeat-y; overflow:auto;}
#texto2 p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#242D39; padding:0 26px 0 26px; margin:10px 0 0 0;}
p.servicios{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#242D39; padding:0; padding:0 26px 0 10px; margin:10px 0 0 0; background:url(../imgs/detalle.gif) 18px 4px no-repeat;}
#texto2 ul{position:relative; font-style:11px; top:10px;} 
#texto2 ul li{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#242D39; padding:0 26px 0 26px;}
#texto2 a{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#texto2 p a:link,#texto2 p a:active,#texto2 p a:visited{color:#1376C0; text-decoration:underline;}
#texto2 p a:hover{color:#1376C0; text-decoration:none;}
#texto2 h4{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1376C0; margin:15px 0 0 18px;}

#derecha{position:relative; width:129px; height:372px; float:right; background-color:#C9D3ED;}
#derecha2{position:relative; width:128px; height:371px;background-color:#617997;}
#derecha-contenido{position:relative; width:121px; height:362px; background-color:#242D39;}
.raya-1{position:relative; width:59px; height:1px; background-color:#C9D3ED;}
.raya-vertical{position:relative; width:1px; height:17px; background-color:#C9D3ED; left:58px;}
.cuadro-foto1{position:relative; width:69px; height:56px; background-color:#C9D3ED; left:22px;}
.cuadro-foto2{position:relative; width:66px; height:53px; background-color:#242D39; left:1px; top:1px; padding:1px 0 0 1px;}

/*  *************************** PAGINA INTERIOR 2 *************************   */

#izquierda-pag2{position:relative; width:711px; height:421px; background-color:#C9D3ED;float:left;}
#izquierda2-pag2{position:relative; width:710px; height:420px; background-color:#617997; left:1px;}
#izquierda-contenido2{position:relative; width:702px; height:413px; background-color:#C9D3ED; left:8px;}
#menu-y-texto{position:relative; width:236px; height:412px; background-color:#C9D3ED; float:left;}
#foto-grande-pag2{position:relative; width:466px; height:411px; float:right; background-color:#425061; top:1px; background-image:url(../imgs/puntos2.gif); background-position:left; background-repeat:repeat-y;}
#foto-grande2-pag2{position:relative; width:444px; height:391px; background-color:#8894AA; float:right;}
#foto-grande3-pag2{position:relative; width:442px; height:390px; background-color:#546275; left:1px;}
#div-foto-grande2{position:relative; width:440px; height:388px; top:1px; left:1px;}
#menu-izquierda{position:relative; width:236px; height:auto !important; min-height:105px; height:105px;}
.linea-blanca{position:relative; width:236px; height:1px; background-color:#fff;}
.cuadro-azul{position:relative; width:208px; height:14px; background-color:#C7D3EC; background-image:url(../imgs/flechas-negras.gif); background-position:10px 8px; background-repeat: no-repeat; padding:3px 0 0 28px;}
.cuadro-azul a{font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.cuadro-azul a:link,.cuadro-azul a:visited,.cuadro-azul a:active{color:#242D39; text-decoration:none;}
.cuadro-azul a:hover{color:#242D39; text-decoration:underline;}
#texto-izquierda{position:relative; width:235px; height:412px; background-color:#fff; left:1px;}
#menu-y-texto h1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1376C0; margin:15px 0 0 18px;}
#menu-y-texto h3{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1376C0; margin:5px 0 0 18px;}
#menu-y-texto p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#242D39; margin:15px 20px 0 18px;}



#derecha-pag2{position:relative; width:190px; height:366px; background-color:#C9D3ED; float:right;}
#derecha2-pag2{position:relative; width:189px; height:365px; background-color:#617997;}
#derecha-fotos{position:relative; width:182px; height:354px; background-color:#242D39;}
#marco1{position:relative; width:131px; height:18px; background:url(../imgs/marcos1.gif) left no-repeat;}
#marco2{position:relative; width:131px; height:35px; background:url(../imgs/marcos2.gif) left no-repeat;}
#fotos-pequenas{position:relative; width:151px; height:242px; left:15px;}
.cuadro-foto-izq{position:relative; width:69px; height:56px; background-color:#C9D3ED; float:left;}
.cuadro-foto-der{position:relative; width:69px; height:56px; background-color:#C9D3ED; float:right;}

/*  *************************** FORMULARIO *************************   */			

#form-arriba{position:relative; width:435px; height:351px; background-color:#fff;}
#form-arriba2{position:relative; width:385px; height:351px;margin:0 auto;}
#form-arriba2 h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#617997; font-weight:bold;}
#form-arriba2 p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#617997;}
input.largo{position:relative; width:100%; height:18px; background-color:#fff; border:0; border-bottom:1px solid #617997; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#617997; margin-top:6px;}
input.boton{position:relative; width:51px; height:15px; background-color:#FFFFFF; border:1px solid #617997;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#617997;}

#form-derecha{position:relative; width:100%; height:100%; background-color:#FF0000;}
#texto-sobre-foto{position:relative; width:326px; height:215px; float:right;}
#foto-form{position:relative; width:326px; height:194px; float:right;}

#texto-sobre-foto p{font-family:Arial, Helvetica, sans-serif; width:191px; color:#242D39;margin:0 auto;text-align:center;font-size:12px;margin-top:3px;}			
#texto-sobre-foto p a:link,#texto-sobre-foto p a:active,#texto-sobre-foto p a:visited{color:#1376C0; text-decoration:underline; font-weight:bold;}			
#texto-sobre-foto p a:hover{color:#1376C0; text-decoration:none; font-weight:bold;}

/*  *************************** CLASESS *************************   */			
.negrita{font-weight:bold;}		
h2.blanco{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;font-weight:bold;}		
.txtazul{color:#1376C0;}			
			
#fotampliables{font-family:Arial, Helvetica, sans-serif; color:#c9d3ed; position:absolute; font-size:11px; z-index:40; left:15px; top:300px;}

#iso{ margin-top:8px;}