/* Reseteo general */

@import url("gReset.css"); 



/* Estilos globales */

html { margin:0; padding:0; }

body { font: 11px Arial, Helvetica, sans-serif; color:#666; margin:0; padding:0; }

.container { margin:0 auto; position:relative; width:960px; }

.header { /*float:left;*/ height:159px; width:100%; position:relative; border-bottom:1px solid #666; }

.menuYbanner { float:left; width:205px; }

.content { float:right; width:755px;  clear:right; margin-bottom:5px; position:relative;}

.footer { clear:both; }

a { text-decoration:none; color:#669966; }

a:hover{ text-decoration:none; }

h2.titulo{ padding:20px 0 15px 15px; color:#9C8D6C; font-size:26px;  font-weight:normal; }

h3.subtitulo{ padding:0px 0 15px 15px; color:#666; font-size:20px;  font-weight:normal; margin-top:-15px; }

h3.subtitulo2{ padding:0px 0 15px 15px; color:#999; font-size:15px;  font-weight:normal; margin-top:-15px; width:340px;}

.mainContent{ padding:10px 0 10px 12px; /*overflow:auto;*/ background:url(../img/fondo-content.jpg) no-repeat top left; min-height:500px;  }

.clear{ display:block; height:1px;  clear:both; float:none; }

.path{ height:20px; padding:20px 0 10px 25px; clear:both; display:block; background:url(../img/fondo_path.jpg) repeat-x top; }

.path p{ background:url(../img/li-normal.gif) no-repeat center left; padding-left:10px; color:#669966; font-size:11px; font-weight:normal; }

.path strong { background:url(../img/path-vineta.gif) no-repeat 0 4px; color:#666; padding:0 10px; text-transform:uppercase; }

.path strong a{ color:#666; text-decoration:none; }

.path em { color:#9c8d6c; font-style:normal; }



/* Encabezado */

.header {  }

.header h1 { background:url(../img/logo.gif) no-repeat; height:99px; position:absolute; top:50px; left:18px; width:137px; z-index:20; }

.header h1 a { display:block; height:100%; text-indent:-9999px; }

.header .idiomas { color:#ccc; float:right; font-size:11px; line-height:15px; margin-top:-23px; }

.header .idiomas a { color:#9B875E; margin:0 7px; }

.header .idiomas a:hover,

.header .idiomas a.actual { color:#669966; text-decoration:none; }

.header h2 {  width:750px; height:72px; display:block; background:url(../img/logo2-fatarella.gif) no-repeat center; text-indent:-9999px; position:absolute; top:67px; right:0; }

.header ul.macro-secciones{ background:url(../img/fondo-menu-macro_secciones.jpg) repeat-x top; padding-top:9px; height:29px; padding-left:18px; }

.header ul.macro-secciones li{ background:url(../img/fondo-macro-secc.gif) repeat-x top; height:29px; float:left;   }

.header ul.macro-secciones li a{ padding-left:12px; background:url(../img/left1-macro-secc.gif) no-repeat left; display:block; height:29px; color:#A09F96; cursor:pointer;}

.header ul.macro-secciones li a:hover{ color:#000; }

.header ul.macro-secciones li a strong{ padding-right:12px; background:url(../img/right1-macro-secc.gif) no-repeat right; display:block; height:24px; padding-top:5px;}

.header ul.macro-secciones li.actual{ background-image:none; background-color:#9C8D6C; height:29px;  }

.header ul.macro-secciones li.actual a{ padding-left:12px; background:url(../img/left2-macro-secc.gif) no-repeat left; display:block; height:29px; color:#FFF;  }

.header ul.macro-secciones li.actual a strong{ padding-right:12px; background:url(../img/right2-macro-secc.gif) no-repeat right; display:block; height:24px; padding-top:5px;}



/* Columna izquierda */

.menuYbanner { padding-top:16px; padding-bottom:10px; background:url(../img/fondo-columna-izq.jpg) repeat-x top; clear:left; }

.menuYbanner p.hora { color:#666; font-size:11px; padding-left:20px; margin-bottom:15px; }

.menuYbanner h3 { background:url(../img/menu_h3.gif) repeat-x top; color:#669966; font-size:13px; padding:10px; text-transform:uppercase; }

.menuYbanner ul {   margin-bottom:15px; padding-left:16px; padding-right:8px; }

.menuYbanner ul li { border-bottom:1px dotted #DEDDD4; padding: 4px 0 4px 2px; font-size:13px; }

.menuYbanner ul li a { color:#666;  padding-left:8px; background:url(../img/li-normal.gif) no-repeat center left; }

.menuYbanner ul li.actual a { color:#669966; background:url(../img/li-actual.gif) no-repeat center left; }

.menuYbanner ul li a:hover { color:#9B875E; background:url(../img/li-hover.gif) no-repeat center left; }

.menuYbanner .banners{ text-align:center; }

.menuYbanner  .banners .banner, .menuYbanner  .banners img{ display:block; margin:0 auto 15px auto;}

.menuYbanner .banners .banner img{ display:block; margin-bottom:0px; }



/* Menu principal */

.mainMenu {  float:left; clear:right; padding-left:15px; padding-top:7px; width:740px; height:28px; background:url(../img/fondo-menu.jpg) repeat-x top; }

.mainMenu li {  float:left; height:35px;  position:relative; }

.mainMenu li a {  color:#FFF; font-size:16px;  padding:0 16px; border-right:1px solid #5B875B; }

.mainMenu.ca li a{ padding:0 12px; }

.mainMenu li.productes a{ border:0; }

.mainMenu li a:hover{ color:#ccc; }

.mainMenu li.actual a{  color:#ccc } 



/* Footer */

.footer { margin:15px 0 30px; display:block; clear:both; float:none;}

.footer ul{ padding:8px 0 8px 194px; background-color:#DEDDD4; height:15px; margin-bottom:10px; }

.footer ul li{ float:left; font-size:11px; color:#666; margin-left:10px; }

.footer ul li a{ color:#666; text-decoration:underline; }

.footer ul li.nombre{ font-weight:bold; color:#9C8D6C; padding-left:0;}

.footer a { color:#9C8D6C; text-decoration:underline; }

.footer a.css,

.footer a.wai,

.footer a.xhtml { background-repeat:no-repeat; float:left; height:15px; margin-right:10px; width:80px; text-indent:-9999px; }

.footer a.css { background-image:url(../img/footer_css.gif);  margin-left:15px; }

.footer a.wai { background-image:url(../img/footer_wai.gif); }

.footer a.xhtml { background-image:url(../img/footer_xhtml.gif);  }

.footer a.nota-legal { float:right; margin-right:15px;}



/* Especificos de la home */

#slideshow-wrap{ border: none; float:none; clear:both; }

#slideshow li{ background: #F2F2F2; padding: 0px; margin:0; }

#slideshow li img{ width:755px; height:auto; }

#slideshow-menu{ background:url(../img/fondo_path.jpg) no-repeat bottom; color:#c2b590; font-size:11px; padding:7px 10px; text-align:right; }

#slideshow-menu a{ color:#666; padding:0 5px; }

#slideshow-menu a.wactive{ color:#669966; font-weight:bold; }

.enlacesYbanners { background:url(../img/caja-media-top.gif) no-repeat top; float:right; padding-top:30px; width:272px; }

.hEnlaces_wrap  { background:url(../img/caja-media-bottom.gif) no-repeat bottom; float:left; padding-bottom:30px; width:272px; }

.hEnlaces { background:url(../img/caja-media-middle.gif) repeat-y; float:left; padding:0 30px; width:212px; }

.hEnlaces h3{color:#999; font-size:14px; font-weight:bold; text-transform:uppercase; height:auto; line-height:normal; padding-left:0;}

.hEnlaces h3 strong{color:#666; font-size:14px; text-transform:capitalize; font-size:25px; display:block; clear:both; font-weight:normal; }

.hEnlaces li { border-top:1px dotted #CCC; font-size:12px; padding:5px 3px; }

.hEnlaces li.top { border:none; }

.hEnlaces li a { color:#666; text-decoration:none; }

.hEnlaces li a:hover { color:#9c8d6c; }

.enlacesYbanners img { clear:both; display:block; margin:10px auto; }

.hSuport {clear:both; display:block; margin:15px 0; padding:0 0; position:relative; }

.hSuport h3 { color:#999; background-color:#EEEEEA; font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:15px; padding:8px; text-align:center;  }

.hSuport img{ margin-left:48px; }

.hSuport a{ margin-left:48px; }

.hSuport a img{ margin-left:0; }



/* Bienvenida*/

.bienvenida { padding:15px; float:left; font-size:12px; width:425px; }

.bienvenida p{ line-height:16px; margin-bottom:10px; font-size:12px; }

.bienvenida h2{ color:#9B875E; font-size:25px; font-weight:normal; }

.bienvenida h3{ color:#666; font-size:20px; font-weight:normal; margin-bottom:20px; }

.bienvenida .foto{ float:left; margin:0 15px 15px 0; border:1px solid #ccc; }

.bienvenida .foto img{ margin:2px; display:block; }

.bienvenida .foto h2{ color:#9B875E; font-size:12px; font-weight:bold; }

.bienvenida .foto h3{ color:#666666; font-size:11px; font-weight:bold; }

.bienvenida .foto .pie{ background-color:#F5F4F1; padding:10px; }

.bienvenida  h4{ color:#9B875E; font-size:14px; font-weight:bold; }

.bienvenida  h5{ color:#666666; font-size:11px; font-weight:bold; }





/*suscripcion / enviar-amigo*/

.suscripcion .texto { padding:0 15px; font-size:16px; color:#666; margin-top:-13px;  }

.enviarAmigo form#suscrip{ padding:0 0 15px 25px; }

.enviarAmigo h2.enviadoAmigo{ font-size:14px; color:#666; padding-left:25px; }

form#suscrip{ padding:20px 0 15px 25px; }

form#suscrip a{ color:#666; font-size:11px; }

form#suscrip p.obliga{ margin:15px 0; font-size:13px; }

form#suscrip legend{ font-size:20px; color:#666; }

form#suscrip label{ display:block; clear:left; font-size:14px; color:#999; font-weight:bold; padding-top:5px; margin-bottom:3px; }

form#suscrip textarea{ width:490px; float:left; clear:right; display:block; border:1px solid #CECFD0; margin-right:35px; margin-bottom:10px; padding-top:3px; padding-left:3px; height:200px; color:#666; }

form#suscrip .input{ width:490px; float:left; clear:right; display:block; border:1px solid #CECFD0; margin-right:35px; margin-bottom:10px; padding-top:3px; padding-left:3px; height:20px; color:#666;  }

form#suscrip .comentarios{ border:1px solid #CECFD0; color:#666; width:525px; height:98px; clear:right; display:block; padding:4px 2px;}

form#suscrip .declaracion p{ margin:10px 0 2px 0; font-size:12px; color:#666; clear:both; display:block; }

form#suscrip .declaracion textarea{ border:1px solid #AAAAAB; background-color:#EFEFEF; color:#666; width:485px; height:78px; clear:right; display:block; padding:4px 4px; margin-left:0; font-size:11px; }

form#suscrip .condiciones{ margin:10px 0 10px 0; font-size:12px; font-weight:normal; width:400px; }

form#suscrip .condiciones input{ float:left; }

form#suscrip .enviar{ margin:10px 0 10px 0; float:none; clear:both; display:block; border:1px solid #A8AAAC; background-color:#F6F8F8; color:#575559; font-size:13px;  }

.suscripcion b.error{ height:16px; width:16px; background:url(../img/alert16x16.gif) no-repeat; margin:0px 1px 0 0; float:left; text-indent:-9999px; width:20px; }

.suscripcion b.error4{ height:16px; width:16px; background:url(../img/alert16x16.gif) no-repeat; margin:0px 3px 0 0; text-indent:-9999px; display:block; float:left;  z-index:5; position:relative }

.suscripcion em { padding:10px 0; display:block; font-size:13px; color:#FF0000; }

.suscripcion .mensaje{ text-align:center; padding-top:15px; padding-right:20px; line-height:18px; font-size:13px;  }

.suscripcion .mensaje h2{ font-size:15px; color:#9C8D6C; letter-spacing:1px; font-weight:bold; margin-bottom:5px; }

.suscripcion .mensaje a{ color:#0a93d5; font-size:14px; letter-spacing:1px; clear:both; display:block; padding:15px 0; }



.noHay h4{ font-size:15px; color:#666; font-weight:normal; padding-left:16px;   }

.tipo-2 a.volver{  color:#0a93d5; font-size:14px; letter-spacing:1px; clear:both; display:block; padding:15px 0; }



/* fotos */

.fotoNavigation { border:dotted #DEDDD4; border-width:1px 0; font-size:14px; margin-bottom:10px; padding:5px 0; text-align:center; }

.fotoNavigation a { margin:0 10px; text-decoration:underline; }

#ftipo { padding-left:15px; }

.fotos { padding-bottom:25px; overflow:auto }

.fotos #fotonero{ position:relative;  }

.fotos #fotonero img{ display:block; width:680px; !important height:auto;  }

.fotos h3{ font-size:18px; font-weight:normal; color:#666; margin-bottom:10px; margin-top:9px; width:auto; }

.fotos h6{ font-size:15px; font-weight:normal; color:#666; margin-bottom:12px; width:auto; }

.fotos h3.externa{ background:url(../img/galeria-externa.jpg) no-repeat 5px center; padding-left:23px; }



.fotos .leermas{ background:url(../img/li-normal.gif) no-repeat 2px center; padding:3px 0 7px 10px; color:#666; font-size:11px; display:block; clear:both; }

.fotos .leermas:hover{ background:url(../img/li-actual.gif) no-repeat 2px center; color:#669966; }



.fotos ul li{ float:left; margin-right:7px; width:166px;  }

.fotos ul li .foto{ background:url(../img/fotos-fondo-thumb.jpg) repeat-y; }

.fotos ul li .foto .bottom{ height:8px; background:url(../img/fotos-bottom-thumb.jpg) no-repeat center bottom; }

.fotos ul li a{ display:block; background:url(../img/fotos-top-thumb.jpg) no-repeat top center; padding:8px 8px 0 8px; }

.fotos ul li h5{ color:#999; clear:both; display:block; padding:2px 0 5px 8px;}

.fotos ul li img{ display:block; width:149px; height:auto; }

.fotos ul li.ultima{ margin-right:0; }

.fotos ul li.separa{ margin:0; height:15px; float:none; display:block; width:auto; clear:both; text-indent:-99999px; }

.fotos a.volver{ color:#9C8D6C; font-size:13px; letter-spacing:1px; clear:both; display:block; padding:15px 25px; }

.fotos a.volver:hover{  color:#669966; }



/* videos */

.videos{ padding-bottom:25px; /*overflow:auto */}

.video{ /*overflow:auto;*/ padding-bottom:15px; }

.video h3{ font-size:18px; font-weight:normal; color:#9B875E; margin-bottom:0px; margin-top:9px; }

.video .codigo{  width:239px; background:url(../img/videos-fondo.jpg) repeat-y; float:left; }

.video .codigo span{ background:url(../img/videos-top.jpg) no-repeat top; padding-top:9px; display:block; }

.video .codigo span span{ background:url(../img/videos-bottom.jpg) no-repeat bottom; padding:0 8px 8px 9px; display:block;}

.video .codigo embed{ display:block; width:222px; height:180px; clear:both; }

.video p.fecha{ color:#999; font-size:11px; }

.videos .texto{ width:420px; float:right; margin-right:20px; }

.videos p{ margin-bottom:5px; line-height:15px; font-size:12px; }





/* paginaciones */

.paginacion a{ color:#666; font-size:14px; padding:0 5px 0 10px;}

.paginacion strong{ color:#9B875E; font-size:14px; padding:0 5px 0 10px; font-weight:bold;}

.paginacion a:hover{ color:#9B875E; text-decoration:none; }

.paginacion{ margin:25px; text-align:center; padding-top:10px; background:url(../img/puntos-x.gif) repeat-x top; display:block; clear:both; }

.paginacion strong.punto,

.paginacion a.punto{ background:url(../img/a-paginacion.gif) no-repeat left; }



.paginacion a.anterior,

.paginacion a.mostrarTodos,

.paginacion a.siguiente { text-decoration:underline;  }

.paginacion a.anterior{ padding-right:0; }

.paginacion a.mostrarTodos{}

.paginacion a.siguiente { padding-left:0;  }

.agenda .paginacion{ background:none; margin:25px 5px; }





/* Cotenido principal de las secciones */

.main { float:left; width:490px; }

.main h2 { color:#669966; font-size:24px; line-height:24px; margin-bottom:15px; }

.main h2 span { color:#666; display:block; font-size:20px; }

.main h3 { color:#9c8d6c; font-size:14px; font-weight:bold; }

.main h3.verde,

.main h3 strong { color:#696; }

.main p { margin-bottom:10px; }

.main p.copete { font-size:14px; font-weight:bold; line-height:20px; }

.main p.firma strong { color:#666; font-size:14px; font-weight:bold; line-height:20px; }

.main p.firma { color:#9c8d6c; font-weight:normal; }

.main ul { margin-bottom:10px; padding-left:13px; }

.main ul li { list-style:outside disc; }

.main .separador { background:url(../img/separador-500.gif) no-repeat; height:30px; margin:5px 0; }

.main.archivos,

#editorContent { font-size:12px; padding-left:15px; }



/* Cotenido extra de las secciones */

.extra_wrap {background:url(../img/caja-corta-top.gif) no-repeat; float:right; padding-top:30px; width:237px; }

.extra_wrap_2 { background:url(../img/caja-corta-bottom.gif) no-repeat bottom; float:left; padding-bottom:30px; width:100%; }

.extra { background:url(../img/caja-corta-middle.gif) repeat-y; clear:both; float:left; font-size:11px; margin-bottom:0px; padding:0 30px; width:177px; }

h4 {color:#999; font-size:14px; font-weight:bold; text-transform:uppercase; height:auto; line-height:18px; margin-bottom:10px; padding-left:0;}

h4 strong{color:#666; font-size:14px; text-transform:capitalize; font-size:25px; display:block; clear:both; font-weight:normal; }

.extra .separador { background:url(../img/caja-corta-separador.gif) no-repeat; height:30px; margin:5px 0; }

.extra li { padding:2px; }

.extra li a { color:#666; }

.extra li a:hover,

.extra li:hover { color:#669966; }

.extra .eNoticias li { background:url(../img/extras-noticia-vineta.gif) no-repeat 0 12px; border-top:1px dotted #CCC; padding:4px 2px 4px 8px; }

.extra .eNoticias li.top { background-position:0 10px; border:none; padding-top:2px; }

.extra .eNoticias li a { font-weight:bold; text-decoration:none; }

.extra .eArchivos li a { background:url(../img/extras-archivo-vineta.gif) no-repeat 0 5px; display:block; padding:1px 2px 6px 20px; }

.extra .eArchivos li a:hover { background-position:-186px 5px; }

.extra .eRelacionados li a { background:url(../img/extras-relacionado-vineta.gif) no-repeat 0 10px; padding:4px 2px 4px 8px; }

.extra .eRelacionados li a:hover { color:#9c8d6c; }

.caja_wrap {background:url(../img/caja-main-top.gif) no-repeat; padding-top:30px; width:490px; }

.caja_wrap_2 { background:url(../img/caja-main-bottom.gif) no-repeat bottom; padding-bottom:20px; width:100%; }

.caja { background:url(../img/caja-main-middle.gif) repeat-y; clear:both; font-size:11px; margin-bottom:0px; padding:0 30px; width:430px; }





/* Descarga de archivos */

.descargas { border-bottom: 1px solid #deddd4; border-top: 1px solid #deddd4; width:97%; }

.descargas thead td { background-color:#eeeee9; border-bottom:1px solid #FFF; border-top:1px solid #FFF; font-weight:bold; padding:5px 10px; }

.descargas tbody td { border-top:1px solid #deddd4; padding:5px 10px; }

.descargas tbody td a { background:url(../img/extras-archivo-vineta.gif) no-repeat left top; display:block; height:16px; text-indent:-9999px; width:14px; }

.descargas tbody td a:hover { background-position:right top; }



/* Contacto */

.main.contacta { width:728px; }

.dadesMapa_wrap {background:url(../img/caja-larga-top.gif) no-repeat; float:left; padding-top:30px; width:672px; display:block }

.dadesMapa_wrap_2 { background:url(../img/caja-larga-bottom.gif) no-repeat bottom; float:left; padding-bottom:25px; width:100%; }

.dadesMapa { background:url(../img/caja-larga-middle.gif) repeat-y; clear:both; float:left; padding:0 30px; width:612px; }

.dadesMapa .dades { float:left; width:200px; }

.dadesMapa .dades h4{ margin-bottom:0; }

.dadesMapa .mapa { float:right; width:400px; }

.dadesMapa .mapa #google_map{ background-color:#f1f1f1; border:1px solid #333; margin-bottom:5px; height:200px;}

.contacta form { clear:both; float:left; margin-left:10px; width:662px;}

.contacta form .campo { float:left; margin-right:10px; width:300px; }

.contacta form label { color:#999; float:left; font-size:14px; font-weight:bold; margin-top:12px; text-transform:uppercase; width:105px; }

.contacta form input { margin-top:10px; width:175px; }

.contacta form .error { clear:both; color:#F00; font-size:11px; font-weight:bold; padding:0 0 0 106px; }

.contacta form textarea.disabled { background-color:#f1f1f1; border:1px solid #CCC; margin:10px 0 0 105px; width:513px; }

.contacta form .campo_textarea { clear:both; float:left; width:100%; }

.contacta form .campo_textarea textarea { float:left; margin-top:10px; width:513px; }

.contacta form label.check { clear:both; color:#666; float:left; font-size:11px; font-weight:normal; margin:0 0 3px; padding-left:105px; text-transform:none; width:557px; }

.contacta form label.check input { width:auto; margin:10px 0 0; padding:0; }

.contacta form button { background:url(../img/prego-button.gif) no-repeat; border:none; clear:both; cursor:pointer; display:block; height:23px; margin:10px 0 0 105px; text-indent:-9999px; width:61px; }

.contacta .mensaje{ display:block; clear:both; padding:20px; }