/* GENERALES */

body{ margin:0; padding:0; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; letter-spacing:-25%; font-size:7pt;}
img{ border:0;}
.clear_both{ clear:both !important;}


/* TODO */

#web{ width:995px; margin:50px auto 0 auto;}

.sin-margin-arriba{ margin-top:0 !important;}

/* HOME */

#home{ width:950px; margin:35px auto 0 auto;}

#foto_home{ width:100%; text-align:center; float:left; margin-bottom:10px;}

#contenido_home{ width:100%; float:left;}

#contenido_home h2, #contenido_home_centrado h2{ font-size:8.5pt; margin:0; padding:0;}
#contenido_home h2 a, #contenido_home_centrado h2 a{ color:#000; text-decoration:none;}
#contenido_home h2 a:hover, #contenido_home_centrado h2 a:hover{ text-decoration:underline;}

#contenido_home p, #contenido_home_centrado p{ margin:5px 0 0 0; padding:0;}

#contenido_home div{ float:left; display:block;}

#home_castellano, #home_english{ width:15%; margin-right:15px;}

#home_contacto{ width:20%;}

#logo-pensando-home{ float:left; width:100%; margin-bottom:12px;}

#contenido_home #noticia{ width:45%; margin-right:15px;}

#contenido_home #privacidad{ margin-top:15px; font-size:6.5pt !important;}

#contenido_home_centrado{ width:475px; margin:0 auto;}

#contenido_home_centrado div{ float:left; display:block;}

#contenido_home_centrado #home_castellano, #contenido_home_centrado #home_english{ width:28%; margin-right:15px;}

#contenido_home_centrado #home_contacto{ width:35%;}

/* CABECERA */

#cabecera{ width:100%; background:#FFF; padding-bottom:14px;}
.cabecera_fixed{ position:fixed; overflow:auto; width:320px !important;}
.cabecera-menu{ position:fixed; padding-top:50px; background:#FFF;}


#logo{ width:100%; background:#FFF; padding-bottom:15px;}
#logo h1{ margin:0; padding:0; font-size:12.5pt;}

#slogan{ width:100%; background:#FFF; padding-bottom:3px;}
#slogan h2{ margin:0; padding:0; font-size:12.5pt;}

#privacidad{ width:100%; background:#FFF; font-size:6.5pt;}
#privacidad a{ text-decoration:none; color:#000;}
#privacidad a:hover{ color:#CCC;}


/* MENU PROYECTOS */

#menu{ width:100%; background-color:#FFF; float:left; min-height:590px; margin-top:160px;}
#menu ul{ margin:0; padding:0; list-style-type:none; float:left;} 
#menu ul li{float:left; width:165px; padding:18px 0 18px 0;}

#menu ul li .no_margen_derecha{ padding-right:0px !important;}
#menu ul li.primera_linea{ padding-top:0px !important;}
#menu ul li.ultima_linea{ padding-bottom:0px !important; margin-top:-1px;}

#menu ul li .menu_imagen{ width:150px; padding: 0 15px 10px 0; border-bottom:5px solid #000; margin-bottom:9px; text-align:center;}
#menu ul li .menu_titulo h3{ margin:0; padding:0; font-size:8pt;}
#menu ul li .menu_descripcion{ margin:0; padding:0 10px 0 0; font-size:7.5pt; line-height:9.5pt;}

#navegador{ width:100%; background:#FFF; font-size:10.5pt; font-weight:bold; padding-top:8px;}
#navegador a{ color:#000; text-decoration:none;}


/* PROYECTOS */

#proyecto{ float:left; width:320px; margin-right:41px; position:fixed; overflow:auto; margin-top:110px;}

#proyecto #imagen_proyecto{ width:100%; padding-bottom:10px; border-bottom:5px solid #000; margin-bottom:8px;}
#proyecto #titulo_proyecto{ width:100%; margin-bottom:43px; font-size:10.5pt; font-weight:bold;}
#proyecto #descripcion_proyecto{ width:100%; margin-bottom:17px; font-size:7.5pt; height:370px; overflow:auto; clear:both;}

#imagenes_proyecto{ float:left; width:614px; padding-top:41px; margin-left:361px; margin-top:100px;}
#imagenes_proyecto .imagen_ejemplo{ margin-bottom:10px;}
#imagenes_proyecto .pie_imagen{ margin-bottom:22px; font-size:7.5pt;}
#imagenes_proyecto .pie_imagen a{ text-decoration:underline; color:#000;}
#imagenes_proyecto .pie_imagen a:hover{ text-decoration:none;}

a.volver_home{ margin-left:10px;}

#flechas-scroll{ float:right; width:auto; padding-top:5px;}

#scroll_up {
    cursor: pointer;
	width:14px;
	float:left;
	height:6px;
	background-image:url(../imgs/flecha-arriba.jpg);
	margin-right:10px;
}
#scroll_down {
    cursor: pointer;
	width:14px;
	float:left;
	height:6px;
	background-image:url(../imgs/flecha-abajo.jpg);
}

#menu-subproyectos{ float:right; width:auto; margin-right:20px; font-size:7.5pt; padding-top:1px;}
#menu-subproyectos a{ color:#999; font-size:7.5pt;}
#menu-subproyectos a:hover{ color:#000;}
#menu-subproyectos span{ padding:0 3px;}

/* FORM LOGIN */
form#login{ width:350px; margin:0 auto; font-size:1.1em;}
form#login div{ width:350px; border:1px solid #000; padding:10px; margin-top:170px; float:left;}
form#login div dl{ float:left; width:100%;}
form#login div dl dt{ float:left; width:20%; clear:both; margin-bottom:.3em;}
form#login div dl dd{ float:left; width:60%; margin-bottom:.3em;}
form#login div input{ background:#FFF; border:1px solid #000; font-size:1.1em; font-family:Arial, Helvetica, sans-serif;}
form#login div p.error{ color:#F00; font-weight:bold; font-size:1.1em;}

/* TEXTO LEGAL */
#logo-legal{ float:left; width:100%; padding-bottom:8px; border-bottom:5px solid #000; margin-bottom:12px;}
#texto-legal{ float:left; width:100%; font-size:7.5pt; padding-bottom:8px; border-bottom:5px solid #000;}
#texto-legal h2{ font-size:8pt; font-weight:bold;}
#texto-legal strong{ display:block; font-size:8pt; margin-top:20px;}
#texto-legal a{ color:#000; text-decoration:none;}
#texto-legal a:hover{ text-decoration:underline;}

/* PIE */
#pie{ float:left; width:995px; margin-top:20px; border-top:1px solid #404040; padding-top:10px; background:#FFF; padding-bottom:10px;}

#pie-menu{ float:left; width:995px; padding-bottom:12px; border-bottom:1px solid #404040; margin-bottom:12px;}
#pie-menu ul{ float:left; width:995px; list-style-type:none; margin:0; padding:0;}
#pie-menu ul li{ float:left; width:auto; font-size:8pt; width:168px; color:#999; font-weight:bold;}
#pie-menu ul li.primera{ margin-left:0 !important;}
#pie-menu ul li.ultima{ margin-right:0 !important; width:155px;}
#pie-menu ul li a{ color:#000; text-decoration:none; font-weight:bold;}
#pie-menu ul li a:hover{ text-decoration:underline;}

#pie-legal{ float:left; width:995px; text-align:center; margin-top:15px;}
#pie-legal p{ margin:0; padding:0; font-size:7pt;}

/* CONTACTO */
#logo_contacto{ margin-top:160px; width:100%; float:left;}

#contenido_contacto{ margin-top:10px; float:left; width:995px; border-top:5px solid #000;}
#contenido_contacto h3{ padding:0; margin:0; margin-top:9px; margin-bottom:30px; font-size:8pt; font-weight:bold;}

#contenido_contacto h4{ margin:0; padding:0; font-size:8pt; font-weight:bold; margin-bottom:2px;}
#contenido_contacto p{ margin:0; padding:0; font-size:8pt; margin-bottom:15px;}

#contenido_contacto a{ color:#000;}
#contenido_contacto a:hover{ text-decoration:none;}

#contenido_contacto fieldset{ border:0; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:10px;}
#contenido_contacto fieldset legend{ margin:0; padding:0; font-size:140%; font-weight:bold;}
#contenido_contacto dl dt{ float:left; clear:both; margin-bottom:3px; width:7%; font-size:110%;}
#contenido_contacto dl dd{ float:left; margin-bottom:3px; width:70%; font-size:110%;}
#contenido_contacto input{ font-family:Arial, Helvetica, sans-serif; color:#000; background:#FFF; border:1px solid #000; font-size:110%;}

/* PROYECTOS DESTACADOS */
#destacado{ float:left; width:995px; margin:14px 0 0 0; min-height:560px;}
#destacado a{ color:#000;}

#elementos{ float:left; width:995px; margin:14px 0 0 0;}
#elementos ul{ margin:0; padding:0; list-style-type:none; float:left;} 
#elementos ul li{float:left; width:165px; padding:18px 0 18px 0;}

#elementos ul li.primera_linea{ padding-top:0px !important;}

#elementos ul li .imagen_elemento{ width:150px; padding: 0 15px 10px 0; border-bottom:5px solid #000; margin-bottom:9px; text-align:center;}
#elementos ul li h3{ margin:0; padding:0; font-size:8pt;}
#elementos ul li p{ margin:0; padding:0 10px 0 0; font-size:7.5pt; line-height:9.5pt;}

.volver-home{ float:left; position:relative; margin-top:-23px;}

/* EXTRAS DESTCADOS */
#extra-destacados{ float:left; width:840px;}
#extra-destacados h3{ font-size:9pt;}
#extra-destacados h4{ font-size:8pt; padding:0; margin:0 0 5px 0;}
#extra-destacados p{ font-size:8pt; padding:0; margin:0 0 15px 0;}
#extra-destacados a{ color:#000;}
#extra-destacados a:hover{ text-decoration:none;}

#extra-destacados li{ font-size:8pt;}
#extra-destacados li ol{ list-style-type:lower-latin;}

/* OBTENER CATALOGO */
#msg_catalogo{ text-align:left; padding:10px; float:left;}
#msg_catalogo input[type="password"]{ font-size:7pt; background:#FFF; border:1px solid #000; padding:3px; margin:0 0 10px 0;}
#msg_catalogo input[type="button"]{ float:right; font-size:7pt; background:#FFF; border:1px solid #000; padding:3px; margin:0 0 10px 0;}
#msg_catalogo .error{ color:#F00; font-weight:bold; display:none;}