/* Globales */
html {background: #FFF;}
body {color: #222; font-family: Arial, Helvetica, sans-serif; background-color: #FFF;}
h1,h2,h3 {}
h4,h5,h6 {}
input, textarea {border: 1px solid #CCC; font-size: 11px;}
* a {text-decoration: none; color: #666;}
* a:hover {text-decoration: underline;}
strong {font-weight: bold;}
em {font-style: italic;}
hr {visibility: hidden; clear: both;}

/* Clearfix */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both; font-size: 1px; height: 1%;}
.ocultar {position: absolute; left: -9999px;}
.separa {margin: 5px 0; clear: both; height: 1px; clear: both;}

/* Estructura general */
#all {background-color: #FFF; text-align: center;}
#todocabecera {width: 1002px; margin: 0 auto; padding: 0; clear: both; text-align: left; font-size: 100%; background-color: #FFF;}
#todocontenido {width: 1002px; margin: 0 auto; padding: 0; clear: both; text-align: left; font-size: 100%; background-color: #FFF;}
#todopie {width: 1002px; margin: 0 auto; padding: 0; clear: both; text-align: left; font-size: 100%; background-color: #FFF;}

/* Cabecera */
#cabecera {text-align: center; margin: 0 auto;}
.cabecera {padding: 7px 18px; text-align: left; margin: 0 auto; height: 55px;}
#logo {float: left; clear: none; height: 50px; width: 200px; background: transparent url(/img/logotipo.gif) no-repeat top left; text-align: center;}
#logo a {display: block; height: 50px; width: 200px; text-indent: -9999px; font-size: 1px; color: #FFF;}
.lema {display: block; height: 55px; line-height: 55px; font-weight: bold; font-size: 22px; float: right; font-style: italic;}

/* Pie */
#pie {width: 1002px; height: 70px; margin: 0 auto 0 auto; clear: both; font-size: 11px; color: #222; text-align: left; font-family: Arial, Helvetica, sans-serif; border-top: 1px solid #666;}
#pie .pie1 {padding: 0 5px; height: 30px; line-height: 30px; float: left; width: 324px; margin: 0 auto; font-size: 11px; font-weight: bold; text-align: left;}
#pie .pie2 {padding: 0 5px; height: 30px; line-height: 30px; float: left; width: 324px; margin: 0 auto; font-size: 11px; font-weight: bold; text-align: center;}
#pie .pie3 {padding: 0 5px; height: 30px; line-height: 30px; float: left; width: 324px; margin: 0 auto; font-size: 11px; font-weight: bold; text-align: right;}
#pie a {color: #222; font-size: 11px; font-weight: bold;}
#pie a:hover {color: #222;}

/*idiomas*/
#idiomas {text-align: center; margin: 0 auto; padding: 10px; color: #000; font-size: 100%; width: 1002px;}
.idiomas {width: 400px; margin: 0 auto; clear: both; font-size: 11px; color: #FFF; text-align: right; font-family: Arial, Helvetica, sans-serif; padding-right: 22px; float: right;}
.idiomas a {color: #FFF; font-size: 11px;}
.idiomas a.activo {color: #FFF; font-weight: bold;}

/* Menu */
#menu {padding: 0; margin: 0;}
#menu ul.nivel1 {list-style: none; background-color: #999; border-left: 1px solid #666; z-index: 99;}
#menu ul.nivel1 li.nivel1 {padding: 0px; margin: 0; position: relative; border-right: 1px solid #666; float: left;}
#menu ul.nivel1 li.nivel1 a {display: block; font-size: 12px; color: #222; line-height: 12px; padding: 10px; font-family: Arial, Verdana, Helvetica; text-decoration: none; font-weight: bold;}
#menu ul.nivel1 li.nivel1.activo a, #menu ul.nivel1 li.nivel1 a:hover {background-color: #666; color: #FFF; font-weight: bold;}
#menu ul.nivel1 li.nivel1 ul.nivel2 {display: none; position: absolute; top: 32px; left: -1px; background-color: #FFF; border: 1px solid #666; width: 150px;}
#menu ul.nivel1 li.nivel1.hover ul.nivel2 {display: block;}
#menu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 {float: none; border-bottom: 1px solid #DBDBDB; color: #FFF;}
#menu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2:last-child {border-bottom: none;}
#menu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 a {font-weight: normal; color: #000; display: block; padding: 10px; text-decoration: none;}
#menu ul.nivel1 li.nivel1.activo ul.nivel2 li.nivel2 a {background-color: #FFF; color: #000; font-weight: normal;}
#menu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 a:hover {background-color: #999;}
#menu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 ul {display: none;}

/* Submenu */
#submenu {width: 100%;}
#submenu .nombre {display: none;}
#submenu ul.nivel1 {margin-bottom: 10px;}
#submenu ul.nivel1 li.nivel1 {border-bottom: 1px solid #DBDBDB; padding: 8px 4px; text-indent: -11px;}
#submenu ul.nivel1 li.nivel1 a {font-weight: normal; text-decoration: none; color: #FFF; padding-left: 20px;}
#submenu ul.nivel1 li.nivel1.activo a {text-decoration: underline; font-weight: bold;}
#submenu ul.nivel1 li.nivel1 ul.nivel2 {display: none; margin: 11px 8px 0; border-top: 1px solid #DBDBDB;}
#submenu ul.nivel1 li.nivel1.activo ul.nivel2 {display: block;}
#submenu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 {border-bottom: 1px solid #DBDBDB; padding: 8px 6px; background-color: #F7F7F7;}
#submenu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 a {font-weight: normal; text-decoration: none; color: #222;}
#submenu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2.activo a {text-decoration: underline; font-weight: bold;}
#submenu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 ul.nivel3 {display: none; border-bottom: 1px solid #DBDBDB; margin: 11px 0px 0px 0px; background-color: #FFF; font-weight: normal; margin: 11px 8px 0; padding: 4px 0;}
#submenu ul.nivel1 li.nivel1.activo ul.nivel2 li.nivel2.activo ul.nivel3 {display: block;}
#submenu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 ul.nivel3 li.nivel3 {padding: 4px 6px;}
#submenu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 ul.nivel3 li.nivel3 a {font-weight: normal; text-decoration: none; color: #222;}
#submenu ul.nivel1 li.nivel1 ul.nivel2 li.nivel2 ul.nivel3 li.nivel3.activo a {text-decoration: underline; font-weight: bold;}

/* Miga */
.migapan {padding: 5px 10px 11px 10px; font-size: 11px; color: #666; text-align: right;}
.migapan a {text-decoration: underline; color: #666;}

/* Contenido */
#todocontenido #todocol {background-color: #FFF;}
#todocontenido #contenido-AB #todocol, #todocontenido #contenido-ABC #todocol {background: url("/img/f_contenido.gif") repeat-y left top;}
#todocontenido #col-A {padding: 11px;}
#todocontenido #col-A .titulo, #popup .popup_contenido .titulo {font-weight: bold; font-size: 16px; padding: 5px 0 11px;}
#todocontenido #col-A .texto, #popup .popup_contenido .texto {font-weight: normal; font-size: 11px; line-height: 17px;}

/* Sin submenú Sin columna*/
#contenido {}
#contenido-A #col-A {width: 980px; float: left;}
#contenido-A #col-B {display: none;}
#contenido-A #col-C {display: none;}

/* Con submenú Sin columna */
#contenido-AB {}
#contenido-AB #col-A {width: 726px; float: left; clear: none;}
#contenido-AB #col-B {width: 254px; float: left; clear: none;}
#contenido-AB #col-C {display: none;}

/* Sin submenú Con columna */
#contenido-AC {}
#contenido-AC #col-A {width: 680px; float: left; clear: none;}
#contenido-AC #col-B {display: none;}
#contenido-AC #col-C {width: 300px; float: right; clear: none;}

/* Con submenu Con columna*/
#contenido-ABC {}
#contenido-ABC #col-A {width: 680px; float: left; clear: none;}
#contenido-ABC #col-B {width: 254px; float: left; clear: none;}
#contenido-ABC #col-C {width: 300px; float: right; clear: none;}

/* Módulos */
.header {background: #000; color: #fff; height: auto; text-align: left; margin: 0 auto; padding: 8px; font-size: 12px; font-weight: bold;}
.header a {color: #fff;}
.content {line-height: 17px; padding-top: 5px;}
.content p {padding: 5px 0 0 0;}
.content p a {color: #000;}

/*contenidos portada*/
#flash-portada {padding-bottom: 10px;}
#modulo-catalogo {margin: 5px 5px 10px 5px;}

/* Formulario de contacto */
.contacto {}
.contacto input {}
.contacto .bloque {clear: both; padding: 8px 5px; min-height: 21px;}
.contacto .label {float: left; clear: none; width: 30%; font-weight: bold; text-align: right; height: 21px; line-height: 21px;}
.contacto .label .nombre {margin: 0 10px;}
.contacto .caja {float: left; clear: none; width: 69%;}
.contacto .caja .campo {margin: 0 10px;}
.contacto .caja .campo input {height: 17px; width: 200px;}
.contacto .caja .campo textarea {height: 100px; width: 100%;}
.contacto .caja button {
	background-color: #CCC; font-size: 11px; padding:0 4px; height: 21px; color:#666; font-weight: bold;
	border:1px solid #666; -moz-border-radius: 3px; border-radius: 3px;
}

/* Noticias */
.noticias {}
.noticias .noticia_listado {padding: 10px 0; border-bottom: 1px solid #CCC; margin: 0 10px;}
.noticias .noticia_listado .antetitulo {font-weight: normal;}
.noticias .noticia_listado .antetitulo a {color: #222; font-weight: bold;}
.noticias .noticia_listado .titular {font-size: 14px; font-weight: bold; margin: 5px 0;}
.noticias .noticia_listado .titular a {color: #222;}
.noticias .noticia_listado .entradilla {font-weight: normal;}

/* Noticia */
.noticia {margin-top: 0px; padding: 0 10px 10px;}
.noticia .antetitulo {font-weight: bold; padding: 0;}
.noticia .titular {font-size: 30px; margin: 5px 0;}
.noticia .firma {margin-bottom: 5px;}
.noticia .entradilla {color: #333; font-size: 12px; font-weight: normal; margin-bottom: 5px;}

/* Enlaces */
.enlaces {}
.enlaces .categoria {border-bottom: 1px solid #666; margin: 15px 0 0; font-size: 14px; color: #222; font-weight: bold;}
.enlaces .categoria a {color: #222; font-weight: bold;}
.enlaces .categoria a:hover {text-decoration: none;}
.enlaces .enlace {padding: 10px 0; border-bottom: 1px solid #CCC; margin: 0 10px;}
.enlaces .enlace h3 {font-size: 13px; font-weight: bold; margin: 5px 0 3px;}
.enlaces .enlace h3 a {color: #222;}
.enlaces .enlace .entradilla {font-weight: normal;}

/* Paginación */
.paginacion {height: 22px; line-height: 22px; text-align: center; margin: 10px 0; font-size: 12px;}
.paginacion a {border: 1px solid #666; height: 16px; line-height: 16px; width: 16px; padding: 2px; color: #222; display: block; float: left; margin: 0 2px;}
.paginacion a:hover, .paginacion a.activo {text-decoration: none; background-color: #999; font-weight: bold; color: #222;}

/* Popup */
#popup {z-index: 999; position: absolute; top: 0px; left: 0px; background: url(/img/f_popup.png) repeat left top; display: none; text-align: center;}
#popup .popup_scroll {position: relative; width: 800px; padding: 0; margin: 0 auto;}
#popup .popup_scroll .popup_scroll_in {position: absolute; top: 50px; width: 800px; overflow-y: auto; overflow-x: hidden; background-color: #FFF;}
#popup .popup_scroll .popup_scroll_in .popup_contenido {text-align: left; padding: 11px;}
#popup .popup_scroll .popup_cerrar {
	position: absolute; left: 0px; top: 30px; width: 30px; height: 20px; background: #FFF url(/img/x_popup.png) no-repeat 5px top; cursor: pointer;
	-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px;
}
/* set the width and height to match your images */
#slideshow {position:relative; height:294px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}