/* ------------------------------- */
/* 1. CUERPO
/* ------------------------------- */
body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #878685; }

/* ------------------------------- */
/* 2. CONTENEDOR GRAL.
/* ------------------------------- */
#cuerpo { width: 100%; margin: 0 auto; }

/* ------------------------------- */
/* 3. BANDA SUPERIOR
/* ------------------------------- */
#top-cuerpo { width: 100%; height: 30px; background: #000000;}
#top-modulo { width: 940px; height: 30px; margin: 0 auto; line-height: 30px; }
#top-modulo span { font-size: 11px; font-weight:bold; }
#top-modulo span.count { color: #FFF; float: left; display: inline; }
#top-modulo span.count strong { color: #657600; }
#top-modulo span.rss { float: right; display: inline; }
#top-modulo span.rss a { padding: 0 20px 0 0; color: #FFF; text-decoration: none; background: url(../assets/images/rss_icon.jpg) no-repeat center right; }
#top-modulo span.rss a:hover { text-decoration: underline; }

/* ------------------------------- */
/* 4. CABECERA
/* ------------------------------- */
#cabecera-cuerpo { width: 100%; height: 94px; background-image:url(../imagenes/fdoBurdeos.jpg); }
#cabecera { width: 940px; height: 94px; margin: 0 auto; }

/* Header Module Logo */
#cabecera #logo { width: 163px; height: 93px; float: left; display: inline; }
#cabecera #logo a { width: 163px; height: 93px; background: url(../imagenes/logo.jpg) no-repeat; display: block; }

/* Header Module Search */
#busacdor { width: 300px; height: 40px; margin: 24px 0 0 0; float: right; display: inline; background: url(../assets/images/search_bg.jpg) no-repeat; } 
#buscador #searchform { padding: 10px 0 0 10px; }
#buscador #searchform #s { padding: 2px 0 0 0; color: #FFF; border: 0; background: #2B2D21; }

/* ------------------------------- */
/* 5. MENU PRINCIPAL
/* ------------------------------- */
#menu-module-wrap { width: 100%; background-image:url(../imagenes/fdoMenu.jpg); }
#menu-module { width: 940px; margin: 0 auto; }
#menu, #menu * { margin:0; padding:0; list-style: none; }
#menu { height: 33px; }
#menu li { line-height: 30px; float: left; }
#menu li a { color: #000000; display: block; padding: 0 10px; font-size: 12px; font-weight:bold; line-height: 30px; text-decoration: none; }
#menu li a:hover { color: #000000; text-decoration:none; background:#FFFFFF; }
#menu li.active { font-weight: bold; background:#CFCFC9; }
#menu li.active a:hover { color: #323429; }
#menu li ul { width:15em; margin-top:0px; position:absolute; left: -999em; }
#menu li:hover ul, 
#menu li.sfhover ul { margin-top: 1px; margin-left: -1px; left:auto; z-index:10 !important; }
#menu li:hover ul li a:hover { color: #657600; }
#menu li.sfhover ul li a { font-weight: normal; }
#menu li.sfhover ul li a:hover { color: #657600; }
#menu li ul li { color: #FF0000; display:block !important; width:12em; border:1px solid #ddd !important; border-right: none !important; border-top:none !important; background:#fff; }

#menu .version { color:#990000; float:right; }
#menu .version a { color:#990000; text-decoration:none; font-weight:bold; }


/* ------------------------------- */
/* 6. MIGA DE PAN
/* ------------------------------- */
#miga-pan { height: 25px; margin-right: 20px; margin-bottom: 15px; }
#miga-pan span.flotaH1 { float: left; display: inline; }
#miga-pan span.flotaH1 a { color: #323429; text-decoration: underline; }
#miga-pan span.flotaH1 a:hover { text-decoration: none; }
#miga-pan span.flotaH1 span { font-weight: bold; }
#miga-pan span.volver { padding:0; margin:8px 0 0 0; font-size: 11px; font-weight:bold; color:#FDD373; float: right; display: inline; }
#miga-pan span.volver a { text-decoration: none; color:#FDD373; }
#miga-pan span.volver a:hover { text-decoration: underline; }
#miga-pan h1 {font-size:20px; font-weight:bold; color:#FFFFFF;}
#miga-pan h2 {font-size:18px; font-weight:bold; color:#FFFFFF; margin-bottom:30px; }

/* ------------------------------- */
/* 7. GALERIA HOME 
/* ------------------------------- */
#galeria-cuerpo { width: 940px; margin: 20px auto; }
#galeria-modulo	{ width: 640px; float: left; display: inline; overflow: hidden; }

/* TEXTOS Y FOTO DE PORTADA */
#txtPortada { width:620px; background:#FFFFFF; float:left; margin: 0 0 15px 0; }
* html #txtPortada { width:620px; background:#FFFFFF; float:left; padding-bottom:10px; margin: 0 0 15px 0; }
.txtIzq { width: 600px; margin: 0 10px 10px 10px; background-color:#EFEDED; }
* html .txtIzq { width: 600px; margin:0 10px 0 10px; background-color:#EFEDED; }
.txtIzq p { padding:9px; font-size:11px; color:#000000; text-align:justify; line-height:17px;}
.foto { width: 600px; height:175px; margin: 10px 10px 0 10px; }
* html .foto { width:600px; height:175px; margin: 10px 10px 0 10px; background-color:#EFEDED;}

/* TEXTO ULTIMOS TRABAJOS */
#txtPortadaTrabajos { width:620px; float:left; margin: 0 0 15px 0; }
#txtPortadaTrabajos h2 {font-size:18px; font-weight:bold; color:#FFFFFF; }

/* Gallery Thumbs */
.galeria-thumb { width: 298px; height: 182px; margin: 0 20px 20px 0; float: left; display: inline; background: #FFF; border: 1px solid #DCDCD4; position: relative; }
.galeria-thumb a img { margin: 6px 6px 8px 6px; width: 284px; height: 147px; display: block; border: 1px solid #DCDCD4; }
.galeria-thumb h2 { margin: 0 0 0 6px; font-size: 11px; font-weight: normal;}	 											
.galeria-thumb h2 a { color: #323429; text-decoration: none; display: block;}
.galeria-thumb h2 a span { position: absolute; right: 6px; color: #657600;}
.galeria-thumb h2 a:hover { text-decoration: underline; }

/* ------------------------------- */
/* 8. PAGINACIÓN GALERÍA
/* ------------------------------- */
#paginacion { font-size: 12px; clear: both; margin-bottom: 20px; }
* html #paginacion { margin-bottom: 0px;  }
#paginacion a { font-family: Verdana, Arial, Helvetica, sans-serif;padding: 10px;margin: 0 0 0 5px;float: left;  display: inline;text-decoration: none;border: 1px solid #fff;color: #fff;background-color:#333333;	}
#paginacion a:hover { border: 1px solid #706f6f;color: #114477;background-color: #FFFFFF;}
#paginacion span.paginas { padding: 10px; float: left;  display: inline;color: #fff;border: 1px solid #DCDCD4;background-color: #333333;}
#paginacion span.actual { font-weight: bold; color: #ffffff; background:#990000; }
#paginacion span.extend {padding: 10px; float: left;  display: inline;	border: 1px solid #706f6f;color: #323429;background-color: #FFFFFF;}

/* ------------------------------- */
/* 9. COLUMNA DERECHA
/* ------------------------------- */
#lateral { width: 300px; float: right; display: inline; }

/* Banners 267x60  */
#banners { padding: 15px 0 0 0; margin: 39px 0 20px 0; width: 298px; height: auto; background: #EBE9E9; border: 1px solid #333333; overflow: hidden;}
#banners a { width: 267px; height: 60px; position: relative;}
#banners a img { height: 60px; width: 267px; margin: 0 0 15px 15px; float: left; display: inline; overflow: hidden; }

/* Listado de recursos */
#recursos, #arch { width: 298px; margin: 0 0 20px 0; padding: 0 0 5px 0; background:#F5F5F5; border: 1px solid #333333; overflow: hidden; }
#recursos h2, #arch h2 { margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#recursos h3, #arch h3 { margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#recursos ul, #arch ul { list-style: none; }
#recursos ul li, #arch ul li { width: 149px; padding: 0 0 10px 0; font-size: 11px; float: left; display: inline; }
#recursos ul li a, #arch ul li a { padding: 0 15px 0 15px; color:#990000; text-decoration: none; }
#recursos ul li a:hover, #arch ul li a:hover { text-decoration: underline; color:#FF9900;}

/* ------------------------------- */
/* 10. Pie de página
/* ------------------------------- */
#pie-cuerpo { width: 100%; background: #FFF; overflow: hidden; clear: both; border-top: 1px solid #DCDCD4; position: relative; }
#pie-modulo { width: 100%; margin-top: 10px; background: #4B2C0D; overflow: hidden;}
#pie	{ width: 940px; margin: 35px auto; overflow: hidden; }

/* Contenidos del pie */
#izquierda { width: 300px; margin: 0 20px 0 0; float: left; display: inline; }
#central { width: 298px; margin: 0 20px 0 0; float: left; display: inline; }
#derecha { width: 300px; margin: 0; float: right; display: inline; }
#izquierda h3, #central h3, #derecha h3 { color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; }
#izquierda ul, #central ul, #derecha ul { list-style: none;}
#izquierda ul li, #central ul li, #derecha ul li { padding: 7px 5px 7px 5px; font-size: 12px; background: #1B1004; margin: 0 0 1px 0; display: block; }
#izquierda ul li a, #central ul li a, #derecha ul li a { color:#FFA74F; text-decoration: none; font-size: 11px; } 
#izquierda ul li a:hover, #central ul li a:hover, #derecha ul li a:hover { color: #FFCC00; text-decoration: underline; font-size: 11px; }


#bannerAbajo { width: 298px; margin: 0 20px 0 0; float: left; display: inline; }
#bannerAbajo h2 { color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; }
#bannerAbajo .thumb-wrap	{ width: 298px; height: 161px; background: #2B2D21; overflow: hidden; }
.thumb-wrap a img { margin: 6px 6px 8px 6px; width: 284px; height: 147px; display: block; } 

/* Copyright */
#copyright-cuerpo { height: 40px; width: 100%; background: #1B1004; border-top: 1px solid #3d3f32;}
#copyright { width: 940px; margin: 0 auto; line-height: 40px;}
#copyright img {margin-left:20px; margin-top:6px;}
span.copy-txt { font-size: 11px; font-weight:bold; color: #FFFFFF; float: left; display: inline;}
span.copy-txt span { color: #FFCC00; }
span.anchor-link { font-size: 11px; float: right; display: inline; }
span.anchor-link a	{ color:#FFCC00; text-decoration: none; }
span.anchor-link a:hover { text-decoration: underline!important;}

/* FIN ESTILOS HOME */

/* ---------------------------------------*/
/* 11. 2º NIVEL Y GALERÍA DE PROYECTOS
/* --------------------------------------*/

#contenido	{ width: 620px; background: #FFFFFF; border: 1px solid #DCDCD4; float: left; display: inline; margin-bottom:40px; }
#contenido h2 { padding: 10px 10px 0 10px; font-size: 22px; font-weight: normal; }
#contenido #entry p { font-size: 12px; text-align: justify; padding: 5px 0 5px 0; line-height: 18px; color: #323429;}
#contenido #contGaleria { margin: 10px 10px 0 10px; overflow: hidden; border-top:1px dashed #999999; height:400px; }
#contenido #contGaleria img.thumbnail { margin: 10px 0 10px 0; width: 598px; height: 400px; border: 1px solid #DCDCD4; display: block; overflow: hidden;}
#contenido #descripcion { display: block; color:#000000; margin:60px 10px 10px 10px; border-top:1px dashed #999999; }
#contenido #descripcion p { font-size: 11px; line-height: 15px; text-align: left; }
#contenido #descripcion p a	{ color: #657600; text-decoration: none;}
#contenido #descripcion p.url { margin: 10px 0 10px 0; font-size: 11px;}
#contenido #descripcion p.url span { color:#333333; } 
#contenido #descripcion p.url a { font-weight:bold; text-decoration:none; }
#contenido #descripcion p.url a:hover { text-decoration:underline; }
#contenido #descripcion p.desc { font-size: 11px; margin: 0 0 10px 0; }
#contenido #descripcion p.desc span {color:#333333;}
#contenido #descripcion p.desc a,
#contenido #descripcion p.tecno a { color: #657600; text-decoration: none; }
#contenido #descripcion p.tecno { padding: 0 0 10px 0; font-size: 11px; }

/* Comments Module */
#comments-module { margin: 20px 20px 0 0; width : 620px; overflow: hidden; }
#comments-module h2 { color: #323429;padding: 5px 0 5px 10px; font-size: 16px; font-weight: bold; }
.comments-entry { padding: 0 10px 0 10px; border-top: 1px solid #DCDCD4; }
.comments-entry img.gravatar { float: left; width: 50px; height: 50px; display: block; border: 1px solid #DCDCD4; margin: 10px 10px 10px 0; }
.comments-entry .entry-meta { font-size : 11px; color: #606060;}
.comments-entry p { padding : 10px 0 5px 0; font-size : 12px; text-align: justify; line-height: 18px; color: #323429; margin-left: 60px; }

/* FIN ESTILOS 2º NIVEL */

/* ------------------------------- */
/* GALERIA DE PROYECTOS
/* ------------------------------- */
#galeria-modulo-proy { width: 940px; float: left; display: inline; overflow: hidden; }

/* Thumbs GALERIA */
.galeria-thumb-proy { width: 298px; height: 182px; margin: 0 10px 20px 0; float: left; display: inline; background: #FFF; border: 1px solid #DCDCD4; position: relative; }
.galeria-thumb-proy a img { margin: 6px 6px 8px 6px; width: 284px; height: 147px; display: block; border: 1px solid #DCDCD4; }
.galeria-thumb-proy h2 { margin: 0 0 0 6px; font-size: 11px; font-weight: normal;}	 											
.galeria-thumb-proy h2 a { color: #323429; text-decoration: none; display: block;}
.galeria-thumb-proy h2 a span { position: absolute; right: 6px; color: #657600;}
.galeria-thumb-proy h2 a:hover { text-decoration: underline; }

/* ------------------------------- */
/* CURRICULUM
/* ------------------------------- */
#bloqueCurr { width:620px; background:#FFFFFF; height:229px; float:left; margin-bottom:20px; }
#bloqueCurr h2 { padding: 10px 10px 0 10px; font-size: 20px; font-weight: normal; }

/* LISTAS CURRICULUM*/
#curriculum { width: 308px; margin: 0 10px 10px 0; float: left; height:270px; display: inline; background:#5C5C5C; border: 1px dashed #999999; position: relative; color:#FFFFFF; }
* html #curriculum { width: 308px; padding-bottom:20px; margin: 0 10px 10px 0; float: left; display: inline; background:#5C5C5C; border: 1px dashed #999999; position: relative; color:#FFFFFF; }
#curriculum h2 { margin: 15px 15px 10px 15px; font-size: 12px; font-weight:bold; color:#F9E391; padding: 0 0 5px 0; border-bottom: 1px solid #666666; }
#curriculum ul { list-style:none; margin-left:20px;}
#curriculum ul li { list-style-image:url(../imagenes/bullet.gif); padding: 0 10px 10px 0; font-size: 11px; line-height:14px; color: #FFFFFF; float: left; display: inline; }
* html #curriculum ul li { list-style-image:url(../imagenes/bullet.gif); width:270px; padding: 0 10px 10px 0; font-size: 11px; line-height:14px; color: #FFFFFF; float: left; display: inline; }
#curriculum ul li.margenAbajo { margin-bottom:20px; }
#curriculum ul li span.negrita { font-weight:bold; }
#curriculum ul li a { padding: 0 15px 0 15px; color:#CCCCCC; text-decoration: none; }
#curriculum ul li a:hover { text-decoration: underline; }	


/* ------------------------------- */
/* CONTACTO
/* ------------------------------- */
#bloqueContacto { width:620px; background-image:url(../imagenes/fdoForm.jpg); float:left; margin-bottom:20px; border:1px dashed #999999; }
#bloqueContacto h2 { padding: 10px 10px 0 10px; font-size: 20px; font-weight: normal; color:#FFCC00; }
#bloqueContacto p { padding: 25px 10px 0 10px; color:#fff; font-size:12px; font-weight:normal; margin-bottom:15px; }
#bloqueContacto p.espaciado1 { padding: 0 10px 0 10px; font-size:12px; font-weight:normal; margin-bottom:15px; }
#bloqueContacto p.espaciado2 { padding: 0 10px 15px 10px; font-size:12px; font-weight:normal; margin-bottom:15px; }
#bloqueContacto span.negritaAm { font-weight:bold; font-size:14px; color:#FFCC00; }
#bloqueContacto span.gris { font-weight:bold; color:#666666; font-size:14px; color:#FFFFCC; }
#bloqueContacto a { text-decoration:none; font-weight:bold; color:#FFFFCC; font-size:14px; }
#bloqueContacto a:hover { text-decoration:underline; font-weight:bold; color:#CCCCCC; font-size:14px; }

#bloqueContactoMsg { width:620px; height:517px; border:1px dashed #999999; background-image:url(../imagenes/fdoForm.jpg); float:left; margin-bottom:20px; text-align:center;}
#bloqueContactoMsg h2 { padding: 130px 10px 15px 10px; font-size: 20px; color:#FFCC00; font-weight: normal; line-height:30px;}
#bloqueContactoMsg p { margin-top: 60px;}

/* FORMULARIO DE CONTACTO */
#formuContacto 	{ padding: 5px; 10px 0 10px;display: block; font-size : 12px; }
#formuContacto h3 { color: #323429;padding: 5px 0 5px 0; font-size: 16px; font-weight: bold; }
#formuContacto label { font-size : 11px; font-weight:bold; color : #ffffff;}
#formuContacto input { background:#EEEEEE; margin-top:5px; width:300px; font-size:12px; padding: 2px 0 2px 2px; border:1px solid #000; }
#formuContacto .cuerpoMsg { margin-top : 10px;font-size : 12px;border : 1px solid #000; background:#E5E5E5;}
#formuContacto #enviar { padding : 0; width : 170px; height : 37px; border : none; overflow : hidden; background-image:url(../imagenes/btnEnviar.jpg); cursor:hand;}
#formuContacto #borrar { padding : 0; width : 170px; height : 37px; border : none; overflow : hidden; background-image:url(../imagenes/btnBorrar.jpg); cursor:hand;}
#formuContacto p { padding : 5px 0 0 0;font-size : 10px;color : #606060;}
#formuContacto p.boton { padding : 0; font-size : 10px; color : #606060;}


/* ------------------------------------------ */
/* ARTÍCULOS
/* ------------------------------------------ */
#bloqueArticulos { width:616px; background:#676767; float:left; margin: 0 0 15px 0; border:1px dashed #999999; }
#articulos { width:600px; font-size:11px; color:#FFFFFF; background:#676767; float:left; padding:8px; line-height:14px; }
#articulos .negrita { font-weight:bold; }
#articulos h2 {font-size:12px; font-weight:bold; }
#articulos h2 a { text-decoration:none; }
#articulos h2 a:hover { text-decoration:underline; }
#articulos a { color:#FFCC00; text-decoration:underline; font-weight:bold; padding-left:0; }
#articulos a:hover { text-decoration:none; font-weight:bold; }
#articulos p { margin-top:10px; margin-bottom:5px; text-align:justify; margin-left:0; }
#articulos p.boton { margin:20px 0 10px 0; border-top:1px dashed #CCCCCC; padding:15px 0 0 0; text-align:right; }
#articulo span.fuentes { color:#EDDD81; }
#articulo span.fuentes a { text-decoration:none; color:#EDDD81; font-weight:bold; }
#articulo span.fuentes a:hover { text-decoration:underline; color:#EDDD81; font-weight:bold; }

/*------------------------------------------- */
/* INTRO
/*------------------------------------------- */