/*############################ Revisado 13-07-2011 ### Jesús #########################*/ /*---- Reseter y valores generales ----*/ body {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; background: #280e19 url(../img/general/fondo-general-muy-alta.jpg) center top no-repeat;} html, body, p, h1, h2, h3, h4, h5, h6, dd, dt, dl, ul, li, ol, img {padding: 0; margin: 0;} a {text-decoration: none; color: #ff9600;} a:hover {text-decoration: underline;} img {border: 0;} table {border-collapse: collapse;} td, th {margin: 0; padding: 0;} thead, tfoot, caption, legend {display:none;} ul li {list-style-type: none;} hr {display:none;} .acess {display:none;} .lft {float:left !important;} .rgt {float:right !important;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear{clear: both;} /*---- ESTRUCTURA (contenedores principales) ----*/ #contenedor{width: 960px; margin: 0 auto;} #contenedor:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #cabecera {width: 100%; margin: 0 0 28px 0;} #cabecera:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #cuerpoContenidos {width: 100%; margin: 0 0 28px 0;} #cuerpoContenidos:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #pie {width: 100%; margin: 0 0 0 0; height: 60px; background: url(../img/general/fondo-pie-general.png) left top repeat-x;} #pie:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*---- CABECERA ----*/ #cabecera h1 a {display: block; height: 0; width: 380px; padding: 100px 0 0 0; margin: 27px 0 0 100px; overflow: hidden; background: transparent url(../img/general/logo-cabecera-general.png) 0 0 no-repeat; cursor: pointer; text-decoration: none;} #cabecera h1 a:hover {background-position: 0 -100px; text-decoration: none;} /*---- Menú Principal ----*/ #navegacionPrincipal {width: 100%; float: left; clear: both; padding: 0; margin: 28px 0 0 0;} #navegacionPrincipal ul {float: left !important;} #navegacionPrincipal ul li {float: left !important; position: relative; display: inline;} #navegacionPrincipal ul li a{float: left; display: block; height: 47px; padding: 23px 18px 0 18px; margin: 0; font-size: 20px; font-weight: bold; color: #ffffff; background: url(../img/general/fondo-menu-enlace.png) 0 70px repeat-x; text-decoration: none;} #navegacionPrincipal ul li a:hover{background-position: 0 0; color: #ffffff; text-decoration: none;} #navegacionPrincipal ul li.iselect{} #navegacionPrincipal ul li.iselect a{background-position: 0 -70px;} * html #navegacionPrincipal ul li a {background: none;} * html #navegacionPrincipal ul li a:hover {background: #6b0044;} * html #navegacionPrincipal ul li.iselect {background: #000000;} /*---- ESTRUCTURA CONTENIDOS ----*/ .contenidos1Col {float: left; width: 910px; min-height: 400px; padding: 25px; margin: 0 0 0 0; background: url(../img/general/fondo-columna-contenidos-general.png) left top repeat-x;} .contenidos2ColLft {float: left; width: 185px; min-height: 400px; padding: 25px; margin: 0 25px 0 0; background: url(../img/general/fondo-columna-contenidos-general.png) left top repeat-x;} .contenidos2ColRgt {float: left; width: 650px; min-height: 400px; padding: 25px; margin: 0; background: url(../img/general/fondo-columna-contenidos-general.png) left top repeat-x;} .contenidosBlogLft {float: left; width: 600px; min-height: 400px; padding: 25px; margin: 0 25px 0 0; background: url(../img/general/fondo-columna-contenidos-general.png) left top repeat-x;} .contenidosBlogRgt {float: left; width: 235px; min-height: 400px; padding: 25px; margin: 0 0 0 0; background: url(../img/general/fondo-columna-contenidos-general.png) left top repeat-x;} * html .contenidos1Col {background: #430e25;} * html .contenidos2ColLft {background: #430e25;} * html .contenidos2ColRgt {background: #430e25;} * html .contenidosBlogLft {background: #430e25;} * html .contenidosBlogRgt {background: #430e25;} /*---- ELEMENTOS CONTENIDOS ----*/ #contenidosCabecera {width: 910px; height: 35px; padding: 0 25px 0 25px; margin: 0 0 28px 0; background: url(../img/general/fondo-migas.png) right top no-repeat;} #contenidosCabecera h2 {float: left; font-size: 25px; font-weight: bold; color: #ffffff;} #migas {float: right; padding: 10px 0 0 0;} #migas .cabecera {display:inline; padding: 0 5px 0 5px; color: #ffffff;} #migas ul {display:inline;} #migas ul li {display:inline; font-weight: bold; color: #ffffff;} #migas ul li a {color: #ff9600;} * html #contenidosCabecera {background: none;} #navegacionSeccion {width: 100%; padding: 0; margin: 0;} #navegacionSeccion ul {padding: 0; margin: 0;} #navegacionSeccion ul li {padding: 0; margin: 0;} #navegacionSeccion ul li a{display: block; padding: 5px 0 5px 0; margin: 0; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none;} #navegacionSeccion ul li a:hover{color: #ff9600; text-decoration: none;} #navegacionSeccion ul li.iselect{} #navegacionSeccion ul li.iselect a{} /*---- PIE de PÁGINA ----*/ #pie .copy {float: left; padding: 25px 0 0 110px;} #pie .copy a {color: #ff9600; text-decoration: none; cursor: pointer;} #pie .copy a:hover {text-decoration: underline;} #pie .enlaces {float: right; padding: 25px 25px 0 0;} #pie .enlaces a {color: #ff9600; text-decoration: none; cursor: pointer;} #pie .enlaces a:hover {text-decoration: underline;} /*---- INICIO ----*/ /*---- Slide Destacados Inicio ----*/ #slideDestacadosInicio {float: left; position: relative; width: 960px; margin: 0 0 28px 0; background: url(../img/inicio/destacados-inicio/fondo-destacados-inicio.png) no-repeat;} * html #slideDestacadosInicio {background: #430e25;} #slideDestacadosInicio .scrollableDestacadosInicio {float: left; position:relative; overflow:hidden; width: 960px; height: 300px;} #slideDestacadosInicio ul {width: 20000em; position: absolute;} #slideDestacadosInicio ul li {float: left; position:relative; width: 960px; height: 300px; margin: 0;} #slideDestacadosInicio ul li .destacadosImage {float: left; display: block; width: 503px; height: 300px; overflow: hidden; padding: 0 9px 0 0; background: url(../img/inicio/destacados-inicio/fondo-destacados-inicio-imagen.jpg) right top no-repeat;} #slideDestacadosInicio ul li .destacadosContent {float: left; width: 373px; padding: 75px 50px 0 25px;} #slideDestacadosInicio ul li .destacadosTitle {font-size: 50px;} #slideDestacadosInicio ul li .destacadosTitle a {color: #ffffff; text-decoration: none;} #slideDestacadosInicio ul li .destacadosTitle a:hover {color: #ff9600; text-decoration: none;} #slideDestacadosInicio ul li .destacadosDescription {padding: 38px 0 0 0;} /* Botones Accion */ #slideDestacadosInicio .browse {width: 25px; height: 0; padding: 36px 0 0 0; overflow: hidden; margin: 52px 0; cursor: pointer; background: url(../img/inicio/destacados-inicio/boton-slide-destacados.png) no-repeat;} * html #slideDestacadosInicio .browse {background: url(../img/inicio/destacados-inicio/boton-slide-destacados.gif) 0 0 no-repeat;} #slideDestacadosInicio .right {display: block; float: left; position: absolute; z-index: 1; top: 80px; left: 915px; background-position: -25px 0;} #slideDestacadosInicio .right:hover {background-position: -25px -36px;} #slideDestacadosInicio .right:active {background-position: -25px 0;} #slideDestacadosInicio .left {display: block; float: left; position: absolute; z-index: 1; top: 80px; left: 20px; background-position: 0px 0px;} #slideDestacadosInicio .left:hover {background-position: 0px -36px;} #slideDestacadosInicio .left:active {background-position: 0px 0px;} #slideDestacadosInicio a.disabled {visibility:hidden !important;} /*---- Contenidos Inicio ----*/ #contenidosInicio1Col {float: left; width: 910px; min-height: 314px; padding: 25px 25px 0 25px; margin: 0; background: url(../img/inicio/fondo-columna-contenidos-inicio.png) left top repeat-x;} #contenidosInicio2ColLft {float: left; width: 461px; min-height: 314px; padding: 25px 25px 0 25px; margin: 0; background: url(../img/inicio/fondo-columna-contenidos-inicio.png) left top repeat-x;} #contenidosInicio2ColRgt {float: left; width: 424px; min-height: 314px; padding: 25px 25px 0 0; margin: 0; background: url(../img/inicio/fondo-columna-contenidos-inicio.png) left top repeat-x;} * html #contenidosInicio2ColLft {background: #430e25;} * html #contenidosInicio2ColRgt {background: #430e25;} /*---- Blog Inicio ----*/ #contenidosInicio2ColRgt .PostList {float: left !important; width: 100%; margin: 0 0 20px 0;} /*---- Título ----*/ #contenidosInicio2ColRgt .PostList .PostTitle{margin: 0 0 0 0;} #contenidosInicio2ColRgt .PostList .PostTitle h3 {font-size: 16px; font-weight: bold; color: #ff9600;} #contenidosInicio2ColRgt .PostList .PostTitle a {display: block; color: #ff9600; text-decoration: none; padding: 2px 0 2px 0;} #contenidosInicio2ColRgt .PostList .PostTitle a:hover {text-decoration: underline;} /*---- Fecha y comentarios ----*/ #contenidosInicio2ColRgt .PostList .Submitted{width: 100%; float: left !important; clear: both; padding: 0 0 5px 0; margin: 0 0 0 0; font-size: 14px; color: #ff9600;} #contenidosInicio2ColRgt .PostList .SubmittedBy{float: left !important; font-weight: normal; padding: 0 0 0 0;} #contenidosInicio2ColRgt .PostList .SubmittedBy a {font-weight: bold;} #contenidosInicio2ColRgt .PostList .SubmittedDate {float: left !important; padding: 2px 0 2px 0; font-size: 12px;} #contenidosInicio2ColRgt .PostList .InfoComments {float: left !important; margin: 0 0 0 2px; padding: 2px 5px 2px 25px ; font-size: 12px; background: transparent url(../img/blog/fondo-comentarios-listado-inicio.gif) 0 -1px no-repeat;} #contenidosInicio2ColRgt .PostList .InfoComments a{color: #ff9600; text-decoration: none;} #contenidosInicio2ColRgt .PostList .InfoComments a:hover {text-decoration: underline;} #contenidosInicio2ColRgt .PostList .InfoComments a span{padding: 0 0 0 5px;} /*---- Descripción en Listado ----*/ #contenidosInicio2ColRgt .PostList .PostDescription{float: left !important; padding: 0 0 0 0; margin: 0; font-size: 12px;} #contenidosInicio2ColRgt .PostList .PostDescription a {display: none; font-weight: bold; text-decoration: none;} #contenidosInicio2ColRgt .PostList .PostDescription a:hover {text-decoration: underline;} #contenidosInicio2ColRgt .PostList .PostDescription img {display: none;} /*---- PNG FIX IE6 ----*/ * html #cabecera h1 a, * html #pie {behavior: expression((this.runtimeStyle.behavior = "none") && (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1) && (this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','') + "', sizingMethod='crop')", this.runtimeStyle.zoom = 1, this.runtimeStyle.backgroundImage = "none"));}