/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body { line-height:1.5; }
/*table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
table, td, th { vertical-align:middle;}*/
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
:focus { outline:solid 0px white;}
/* Tipografia */
body {font-size:small;color:#333;background:#fff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#111;}
h1 {
font-size:3em;
line-height:1em;
font-family: Verdana, Geneva, sans-serif;
color: #3070AC;
margin-bottom: 5px;
padding-right: 100px;
font-weight: bold;
}
h2 { font-size:2em; line-height:2.4;}
h3 { font-size:1.5em; line-height:1.5em; margin-bottom:5px; color:#7B9EBC;}
h4 { font-size:1.2em; line-height:1.2em; margin-bottom:1.25em;}
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em;}
h6 {
font-size:1em;
font-weight:bold;
color: #666;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 10px; }
img.izquierda { float:left; margin:0 20px 20px 0; padding:0;}
img.derecha { float:right; margin:0 0 20px 20px;}
a, a:visited { color:#336E9A; text-decoration:underline;}
a:focus, a:hover {color:#558fbc;text-decoration:underline;}
blockquote { margin:10px; color:#666; font-style:italic;}
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 10px; font-style:italic;}
del { color:#666;}
pre { margin:1.5em 0; white-space:pre;}
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;}
li ul, li ol { margin:0 10px;}
ul, ol { margin:0 10px 10px 20px;}
ul { list-style-type:disc;}
ol { list-style-type:decimal;}
dl { margin:0 0 10px 0;}
dl dt { font-weight:bold;}
dd { margin-left:10px;}
/*table { margin-bottom:0em; width:99%;}
th { font-weight:bold;}
thead th { background:#c3d9ff;}
th, td, caption { padding:4px 10px 4px 5px;border-bottom:solid 1px #ddd;}
tfoot { font-style:italic; font-size:80%;}
*/
caption {
font-size: 110%;
font-style: italic;
text-align: center;
font-weight: bolder;
}
/* Formas y formularios */
label { font-weight:bold; }
fieldset { padding:1.4em; margin:0 0 1.5em 0;}
legend { font-weight:bold; font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; }
input[type=text], input[type=password], input.text, input.title, textarea, select { margin:0.5em 0; }
input.text, input.title { width:300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:390px; height:250px; padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em;}
#comment-form, #suscripcion{
margin:1em 0;
padding-top:1.5em;
color:#246878;
width:400px; /* customize width, this form have fluid layout */
background:#fbfaf4;
float:left;
margin-right:20px;
}
#suscripcion { width:340px;}
#comment-form h3, #suscripcion h3{margin:0 20px;height:28px;}
#comment-form fieldset, #suscripcion fieldset{margin:0;padding:0;border:none;padding-bottom:1em;}
#comment-form legend, #suscripcion legend{display:none;}
#comment-form p, #suscripcion p{margin:.5em 20px;}
#comment-form label, #suscripcion label{display:block;}
#comment-form input, #comment-form textarea, #suscripcion input, #suscripcion textarea{width:350px;border:1px solid #dfdfdf;background:#fff;padding:5px 3px;}
#suscripcion input, #suscripcion textarea{width:300px;}
#comment-form textarea, #suscripcion textarea{ height:125px;overflow:auto;}
#comment-form p.submit, #suscripcion p.submit{text-align:right;}
#comment-form button, #suscripcion button{margin:0;padding:0;overflow:hidden;width:88px;height:36px;border:none;cursor:pointer;text-align:center;}
#comment-form input:focus, #comment-form textarea:focus, #suscripcion input:focus, #suscripcion textarea:focus {background-color:#FDFDE8;border:1px solid #CFCFCF;}
#cont_correo_error {
background:none repeat scroll 0 0 #FFDFD5;
border:1px solid #CC0000;
color:#CC293A;
margin:5px;
padding:5px;
text-align:center;
}
form .error_hide {
display:none;
}
/* Reticula */
.encabezado, .publicidad, .contenedor, .pie {width: 960px;margin:0 auto;background-color:#fff;}
.publicidad {
border-left:solid 20px white;
/*background-image: url(img/fondo_esquina.png);
background-repeat: no-repeat;
background-position: right top;*/
padding-top:10px;
}
.encabezado, .contenedor { border-left:solid 20px white;}
.pie { border-left:solid 20px #D1D6DA;border-bottom:solid 20px #D1D6DA;background-color:#D1D6DA; padding:20px 0;}
body {
margin:0;
background-color:#fff;
}
/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16 {float:left;margin-right: 20px;}
/* Use these classes to set the width of a column. */
.span-1 { width: 40px;}
.span-2 { width: 100px;}
.span-3 { width: 160px;}
.span-4 { width: 220px;}
.span-5 { width: 280px;}
.span-6 { width: 340px;}
.span-7 { width: 400px;}
.span-8 { width: 460px;}
.span-9 { width: 520px;}
.span-10 { width: 580px;}
.span-11 { width: 640px;}
.span-12 { width: 700px;}
.span-13 { width: 760px;}
.span-14 { width: 820px;}
.span-15 { width: 880px;}
.span-16, div.span-16 { width: 940px; margin: 0; }
div.ultimo, .ultimo { margin-right: 0; }
div.primero, .primero { margin-left: 10px; }
hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:0.1em;
margin:0 0 10px;
border:none;
}
.clearfix:after, .container:after, .servicios:after, .widget:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container, .servicios, .widget { display:block; }
.clear { clear:both; }
.raya { margin-right:10px !important; padding-right:9px; border-right:solid 1px #ccc;}
.rayainf {
margin-bottom:0px !important;
padding-bottom:9px;
border-bottom:solid 1px #ccc;
}
/* --------------------------- Comienza zona de personalización --------------------------- */
/* Encabezado
-------------------------------------------------------------- */
h1.logotipo {
margin:0;
padding:0;
position:relative;
width:355px;
height:140px;
overflow:hidden;
left:0px;
top:0px;
}
.logotipo a, h1.logotipo a { text-decoration:none; }
h1.logotipo span {display:block;position:absolute;left:0;top:0;z-index:1;width:355px;height:140px;margin:0;padding:0;background:url(img/logo_home.png) no-repeat left top;}
.logotipo {margin:0;padding:0;position:relative;width:253px;height:100px;overflow:hidden;left:10px;top:10px;}
.logotipo span {display:block;position:absolute;left:0;top:0;z-index:1;width:253px;height:100px;margin:0;padding:0;background-image: url(img/logo_interior.png);background-repeat: no-repeat;background-position: left top;}
.opciones {float: right;color: #666;font-weight: bold;}
p.opciones { margin-bottom:0; padding-right:160px;}
p.centrado {text-align: center}
ul.opciones { display:inline;}
ul.opciones li{ float:left; list-style:none; display:block;}
ul.opciones li a {color: #666;padding: 0 0 0 12px;background: url(img/bullet.gif) no-repeat left bottom; margin: 0 0 0 12px;text-decoration:none;}
ul.opciones li a:hover {color: #999;text-decoration:underline;background: url(img/bullet-1.gif) no-repeat left top;}
/* Navegacion
-------------------------------------------------------------- */
ul.navegacion {
margin:0 0 10px 0;
background-color:#404040;
height:30px;
}
ul.navegacion li {
margin: 0;
padding:6px 6px;
color:#fff;
float:left;
list-style: none;
font-size:12px;
border-left:none;
border-right:solid 1px #fff;
}
ul.navegacion li.start {
}
ul.navegacion li.end {
border-right:none;
}
ul.navegacion li a {
font-weight:normal;
color: #ccc;
background: inherit;
text-decoration:none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul.navegacion li a:hover {
color: #fff;
background: inherit;
text-decoration:none;
}
ul.navegacion li a:active {
border: none;
}
ul.navegacion li.active {background: #333;}
ul.navegacion li.active a { color:white;font-weight:bold;}
ul.navegacion li:last-child {border-right:none;}
ul.navegacion li:first-child {border-left:none;}
/* Navegacion lateral */
ul.botones { margin:0; padding:0;}
ul.botones li { display:block; height:49px; border-bottom:solid 1px #D0D6DA; background-color:#D0D6DA; margin-bottom:2px; padding:0;}
ul.botones li a{ display:block; padding:12px 0 12px 36px; color:#204360; font-size:17px; font-weight:bold; text-decoration:none;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75);}
ul.botones li.youtube a { background: #D0D6DA url(img/icono_videos.png) no-repeat 0 center;}
ul.botones li.blog a { background: #D0D6DA url(img/icono_blog.png) no-repeat 0 center;}
ul.botones li.directorio a { background: #D0D6DA url(img/icono_directorio.png) no-repeat 0 center;}
ul.botones li.podcast a { background: #D0D6DA url(img/icono_podcast.png) no-repeat 0 center;}
ul.botones li.foro a { background: #D0D6DA url(img/icono_foro.png) no-repeat 0 center;}
ul.botones li.rti a { background: #D0D6DA url(img/icono_rti.png) no-repeat 0 center;}
ul.botones li.libros a{ background: #D0D6DA url(img/icon_libro.png) no-repeat 0 center; font-size:14px; height:25px;}
ul.botones a:hover, ul.botones li.youtube a:hover, ul.botones li.blog a:hover, ul.botones li.podcast a:hover, ul.botones li.directorio a:hover, ul.botones li.foro a:hover, ul.botones li.rti a:hover,ul.botones li.libros a:hover { background-color:#0072C6; color:white; text-shadow:none;}
/* Contenido
-------------------------------------------------------------- */
.contenedor {
padding-bottom:20px;
}
.contenido {
font-family: Georgia, "Times New Roman", Times, serif;
}
.contenido img {
margin: 10px;
}
/* Titulares para home y secciones */
.introduccion {
background:#fff;
height:150px;
margin:0;
padding:10px 0 0 0;
clear:both;
}
.introduccion2 {background:#fff;height:120px;margin:0;padding:0;clear:both;}
.introduccion h2, .introduccion h1, .introduccion2 h2, .introduccion2 h1 { text-indent:-9999em;}
.introduccion p, .introduccion2 p {
float: left;
padding: 0 0 0 595px;
width:480px;
color:#336E9A;
position:relative;
top:-140px;
margin: 0;
height: 0px;
}
.introduccion2 p {top:-95px;}
.introduccion a, .introduccion2 a { color:#336E9A;}
.introduccion a:hover, .introduccion2 a:hover {text-decoration:none;}
/* Migas de pan */
ul.migas {
list-style: none;
margin:0;
padding:0 0 5px 0;
display:block;
}
.migas li {
display: inline;
padding: 0;
margin: 0;
color: #999;
}
.migas li a {
color: #99b;
}
.migas li a:hover { text-decoration:none;}
/* Elementos del byline */
p.abstract {
font-size:1.25em;
line-height:1.6;
margin-bottom:1.25em;
margin-top:0;
font-style: normal;
color: #555;
}
p.credito { margin: 0 0 10px 0; padding: 0 0 20px 0; font-size: 110%; font-style: italic; border-bottom: 1px solid #ccc;}
p.credito a { color: #333;}
p.credito a:hover { color: #555;}
.fechapub {color: #999; font-style:italic}
p.credito span.fechapub {margin-left: 9px; padding-left: 9px; font-style: normal; border-left: 1px solid #999;}
/* Titulares con auxiliares */
div.titular {
margin: 0;
padding: 8px 10px;
border-left: 0;
display:block;
height:15px;
clear:both;
background-repeat: no-repeat;
background-position: top left;
}
div.titular h4, div.widget2 h4 {
float: left;margin: 0;padding: 0;
font-size: 120%;
text-transform:lowercase;
color: #666;
text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75);
text-indent: -9999px; }
div.widget2 h4 {
height:35px;
width:100px;
}
div.titular h4 a {color: #666;font-weight:bold;text-decoration:none;font-size: 90%; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75);}
div.titular h4 a:hover { text-decoration:underline; text-shadow:none;}
div.titular ul {float: right;margin: 0;padding: 0;list-style: none;}
div.titular ul li {display: inline;margin: 0 10px 0 0;padding: 0 10px 0 0;font-size: 85%;color: #7f7f7f;border-right: 1px solid #9a9a9a;}
div.titular ul li.ultimo {margin: 0;padding: 0;border: none;}
div.titular ul li.ultimo a img { margin-bottom:-3px; }
div.titular ul li a { color: #333; text-decoration:none;}
div.titular ul li a:hover {text-decoration:underline;}
h3.catheader {color: #999; border-top: 1px dotted #CCC;}
.str_4 .catheader {
color: #ccd; font-weight:bold; font-size: 18px;
border-top: 1px dotted #dde; clear:both;
margin-top: 15px; padding-top: 5px; margin-bottom: 5px;
font-style:italic;
}
/* Catlist, tecnica por Paul O’Brien de search-this.com [search-this.com/2008/08/13/my-css-is-cat-categories-with-css] */
* html dd { height:1% }
dl.catlist {
width:auto;
padding:0;
overflow:hidden;
border-bottom:none;
clear:both;
margin: 0;
}
dl.en_su_negocio {
margin-bottom: 0px;
}
dl.catlist dt {
font-size:120%;
font-weight:normal;
margin:0;
clear:both;
}
dl.catlist dt a {
text-decoration:underline;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
line-height:1.2;
}
dl.catlist dt a:hover{ text-decoration:none;}
dl.catlist dt a img {
border: none;
float: left;
margin:0 10px 10px 0;
padding:1px;
border:solid 1px #0072C6;
}
.str_4 dl.catlist dt a img {
width: 120px;
height: 120px;
border: 0;
}
dl.noticia_principal dt a img { float: right; margin:0 0 0 20px;}
dl.catlist dd.nowrap-def {
margin:0;
overflow:auto;
padding:0 0 5px 0;
}
dl.catlist dd, .reticula dd {margin:0;margin-bottom:10px;padding-bottom:10px; }
dl.catlist dd img {margin:0 20px 10px 0;float:left;}
dl.catlist dt span{
font-size:90%;
font-weight:normal;
font-variant:small-caps;
}
dl.catlist dt span a {text-decoration:none;line-height:1.8em; color:#336E9A; font-size:12px; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif}
dl.catlist dd p, .reticula dd p {margin:0;padding:0;}
dl.catlist dd.metalist, .reticula dd.metalist {
font-size:90%;
line-height:1.5em;
margin:0;
padding:0;
border-top:none;
border-bottom:none;
font-style: italic;
color: #aaa;
}
dl.catlist dd.metalist a.cont-comentarios {background:transparent url(img/comment.png) no-repeat scroll 6px 15%;border-left:1px solid #999;margin-left:9px;padding-left:24px;}
dl.catlist dd.metalist a:hover.cont-comentarios, dl.catlist dd.metalist a:hover { text-decoration:none; }
dl.catlist dd a.columna {
text-transform: uppercase;
font-size: 85%;
color: #668;
}
/*Reticula horizontal */
.reticula { margin: 5px 0; }
.reticula dl {width:188px;margin:0 0 10px 5px;float:left;border-bottom:1px solid #ccc;padding:5px;background:#f0f0f0;display:block;height:75px;}
.reticula dt img {float:left;margin:0 10px 0 0;border:2px solid #0066CC;padding:0;}
.reticula dt a:hover img { border:2px solid #CC3300; }
.reticula dt a:hover { color:#CC3300; }
/*Reticula horizontal 2 _______*/
ul.galeria { margin:5px 0 0 0; padding:0;}
ul.galeria li {
width: 295px;
min-height: 60px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0 15px 10px 0;
zoom: 1;
padding-bottom:5px;
color:#666;
}
ul.galeria li:hover { background-color:#fafafa;}
ul.galeria li h4{ margin-bottom:5px; font-size:110%; font-weight:bold;}
ul.galeria li img{ display:block; margin-bottom:5px; padding:0;}
ul.galeria li p.topics{ padding:0;}
ul.galeria li.ultimo { margin-right:0;}
/* Diferentes tamaños de galería */
.galeria_chica li {width: 140px !important;}
/*Caja casi infinitamente expandible */
.box2 {padding:0 12px 0 0;background:#fff url(img/borders.gif) 100% 0 repeat-y;}
.bi {padding:0 0 0 12px;background:#fff url(img/borders.gif) 0 0 repeat-y;}
.bt {height:17px;margin:0 -12px;background:url(img/box.gif) 100% 0 no-repeat;}
.bt div {width:18px;height:17px;background:url(img/box.gif) 0 0 no-repeat;}
.bb {height:17px;margin:0 -12px;background:url(img/box.gif) 100% 100% no-repeat;}
.bb div {width:18px;height:17px;background:url(img/box.gif) 0 100% no-repeat;}
.box2 h2 {margin:0 !important;padding:10px;background:#efece6;font:bold 120%/1.2 Georgia, "Times New Roman", Times, serif;}
.box2 h3 {margin:0;color:#CC3300;padding:0.3em 10px;font:bold 1.2em/1.1 Georgia, "Times New Roman", Times, serif;}
.box2 p, .box2 ul, .box2 img {margin:0;padding:4px 10px;}
.box2 li {margin:0 0 0 20px;padding:0;}
.box2-relleno {background-color:#fafafa;padding:5px;}
/* Barra de paginación de resultados */
.paginacion-resultados {margin: 15px 0 20px 0;padding: 0 0 3px 0;border-bottom: 1px solid #ccc;height:2em;}
.resultados-abajo {clear: both;margin: 15px 0 0 0;padding: 5px 0 0 0;border-top: 1px solid #ccc !important;border-bottom: none !important;height:18px;}
.paginacion-resultados ul {float: right;margin: 0;padding: 0;list-style: none;}
.paginacion-resultados ul li {display: inline;margin: 0 5px 0 0;padding: 0;font-size: 90%;line-height: 1em;color: #7f7f7f;}
.paginacion-resultados ul li.last {margin: 0;padding: 0;border: none;}
.paginacion-resultados ul li a {text-decoration: underline;color: #333;line-height: 1.9em;}
.paginacion-resultados ul li a:hover {color: #555; text-decoration:none;}
.paginacion-resultados h4 {display:inline;float:left;margin:0;width:48%; color:#999;}
/* Lista de resultados */
.resultados-busqueda dd + dd { margin-bottom: 15px; }
dl.resultados-busqueda dd { margin-left:0; }
dl.resultados-busqueda dd img {margin: 0 20px 10px 0;float:left}
.resultados-busqueda a {font-size: 100%;font-weight: bold;text-decoration:none;}
.resultados-busqueda a:hover { text-decoration:underline; }
/* Noticias */
dl.noticias, dl.noticias { margin: 3px 0 0 0; padding: 0;}
dl.noticias dt { font-weight: bold;}
dl.noticias dt.actual { padding-left:15px; background: #FFFFCC url(img/bullet-1.gif) no-repeat left 3px;}
dl.noticias dd.actual { background-color:#FFFFCC; padding-left:15px;}
dl.noticias dt a { text-decoration: none; line-height:1em; }
dl.noticias dt a:hover { text-decoration: underline; }
dl.noticias dd { margin: 0 0 10px 0; padding: 0;}
dl.noticias dd img{ margin: 0 20px 10px 0; padding: 0; float:left;}
/* Formas
--------------------------------------*/
label { font-weight:bold; }
fieldset {
padding:0px;
margin:0px;
border:none;
}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {
margin:0;
border:1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #FFDE5B;background: #FFFFCC;}
#search input.text:focus {background: #fff;}
input.text, input.title {
width:95%;
padding:5px;
}
input.title { font-size:1.5em; }
textarea {width:95%;height:150px;padding:5px;}
/* Forma de busqueda */
#search {
}
#search fieldset {
border: 1px solid #666 ;
padding: 2px 5px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin: 2px 0;
}
#search input.text {
width: 170px;
margin: 0;
padding: 0;
border: 0;
height: 19px;
background:none;
color:#999;
float: left;
}
#search input.text:focus {background: none;}
#search button.submit {
margin: 0;
padding: 0px;
background: none;
border: 0;
text-indent: -9999px;
width: 16px;
height: 16px;
background-image: url(img/lupa.gif);
}
/* Forma de suscripcion al boletin */
div.boletin {
background:url(img/fondo_boletin.jpg) no-repeat;
padding: 10px;
}
div.boletin h5 {
background: none;
border: 0;
margin: 0;
padding: 0;
height: 60px;
overflow: hidden;
width: 150px;
color: #ffffff;
font-size: 18px;
line-height: 18px;
text-shadow: none;
}
#boletin {
}
#boletin fieldset {
border: 1px solid #666 ;
padding: 2px 5px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin: 0;
background-color:#FFF;
}
#boletin input.text {
width: 160px;
margin: 0;
padding: 0;
border: 0;
height: 19px;
background: none;
color:#999;
}
#boletin input.text:focus {background: none;}
#boletin button.submit {
margin: 0;
padding: 0px;
background: none;
border: 0;
text-indent: -9999px;
width: 16px;
height: 16px;
background-image: url(img/ir.gif);
}
/* Botones
-------------------------------------------------------------- */
a.button, button {
display:block;
margin: 10px 0 10px 5px;
padding:5px 10px 5px 7px; /* Links */
border:1px solid #333;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#404040;
cursor:pointer;
float:right;
background-color: #E8E8E8;
background-image: url(img/fondo_botton.gif);
background-repeat: repeat-x;
background-position: left center;
}
button[type] {
padding:5px 10px;/* Firefox */
line-height:17px;/* Safari */
}
button:hover, a.button:hover{border:1px solid #555; color:#555;}
button:active, a.button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff;}
/* Barra lateral
-------------------------------------------------------------- */
.widget {
background:#E8E8E8;
color:#5B6F7D;
margin:0 0 10px 0;
padding:0px;
}
.widget h3 {margin-bottom:5px;padding:0;}
.widget h5 {
margin-bottom:0;
padding:3px 0 3px 20px;
background-color:#ccc;
text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75);
text-transform:lowercase;
background-image: url(img/fondo_barra.gif);
background-repeat: no-repeat;
background-position: left top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: white;
}
.widget h6 {
clear: both;
margin: 10px 10px 0 10px;
}
.widget h6.separador {
border-top: 1px solid #fff;
padding-top: 5px;
margin-top: 20px;
}
.widget p img, .widget2 p img {float:right;margin: 0 0 3px 5px;}
.widget input {
width:188px;
margin:0;
padding:5px;
color:#666;
float:left;
}
.widget input:focus { border-color:#c2e1ef;}
.widget p, .widget a {
padding:10px;
margin:0;
}
.widget p a {padding:0}
.widget a { margin:0 0 10px 0;}
.widget li {
margin-left:10px;
margin:0;
list-style:none;
}
.blanco {
background:#fff;
padding-top: 0px;
margin-bottom: 20px;
}
.margen5 {
margin-bottom: 5px;
}
.widget ul.impresa li {text-align: center;}
.widget .impresa-actual {}
.widget .impresa-numero {
font-size:36px;
font-weight:bold;
color:#336E9A;
line-height: 36px;
}
.widget .impresa-numero a {
text-decoration: none;
font-family:Impact, Arial, Helvetica, sans-serif
}
.widget .impresa-anteriores {
margin-top: 40px;
font-size: 85%;
}
.widget li.rojo { color:#900;}
.widget li a{
font-size:100%;
padding:0;
}
.widget img {
float:left;
margin:0px 5px 5px 0px;
}
.widget2 {
background:#fff;
margin:5px 15px 0 0;
float:left;
width:48%;
background-repeat: no-repeat;
background-position: top left;
}
.widget2 h3 {margin-bottom:0;padding:3px 0 3px 7px;background-color:#f4f4f4;border-left:solid 12px #404040;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75);text-transform:lowercase; font-size:90%; color:#545454; font-weight:bold;}
.widget2 ul {margin:0 10px 10px 17px;}
.widget2 p {margin:5px;}
ul.botones {
margin-bottom:10px;
}
ul.sociales {
display:block;
margin-left: 10px;
}
ul.sociales li { float:left; list-style:none; margin:0;}
ul.sociales li img{
width:30px;
height:30px;
}
ul.sociales li a { background:none;}
ul.sociales li a:hover img{ position:relative; top:2px;}
/* Noticias */
ul.categorias {margin:0 0 0 10px;list-style:none;}
ul.categorias li{ padding:2px 0;}
/* Calendario de noticias */
ul.archivo-noticias {margin:0 10px 10px 10px}
ul.archivo-noticias li {
float:left;
list-style:none;
padding:1px 6px;
border-right:solid 1px #ddd;
border-bottom:solid 1px #ddd;
width:35px;
margin-bottom:0;
display:block; }
ul.archivo-noticias li a:hover { text-decoration:none;}
/* Pie
-------------------------------------------------------------- */
.pie h3 { text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75); font-size:1.1em; line-height:1.4; font-weight:normal; border-bottom:solid 1px #435B6B; text-transform:capitalize; color:#003}
.pie ul{ margin:0;}
.pie ul li { line-height:1.8; list-style:none; display:block; font-size:11px}
.pie ul li a{display:inline;color:#435A6B;}
.pie ul li a:focus, .pie ul li a:hover {color:#336E9A;text-decoration:none;}
p.nav-pie, .pie address { padding: 15px; margin-bottom:0;}
.pie address img{ float:left; margin-right:20px;}
.copyright {padding: 10px 0;font-size: 90%;text-align:center;margin:0;}
ul.galeria li {
width: 157px;
min-height: 60px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0 15px 10px 0;
zoom: 1;
padding-bottom:5px;
color:#666;}
#swfEdicion{ width:110px; height:140; margin-left:-20px; float:left; margin-top:10px;}
#addComentForm, #register-form {
background:url("img/form_top.gif") no-repeat scroll 0 0 transparent;
margin:1em 0;
padding-top:10px;
}
#addComentForm fieldset, #register-form fieldset {
border:medium none;
display:inline;
float:left;
margin:0 0 0 25px;
padding:0;
width:260px;
}
#addComentForm p, #register-form p {
margin:0.5em 0;
}
#addComentForm label, #register-form label {
display:block;
}
#addComentForm textarea:focus, #addComentForm input:focus, #register-form textarea:focus, #register-form input:focus {
border:1px solid #FFCC00;
}
#addComentForm input, #addComentForm textarea, #register-form input, #register-form textarea {
background:url("img/form_input.gif") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
padding:3px;
width:252px;
}
#addComentForm p.submit, #register-form p.submit {
background:url("img/form_bottom.gif") no-repeat scroll 0 100% transparent;
clear:both;
margin:0;
padding:0 25px 20px;
text-align:right;
}
.comments, .comments ul, #comments li {
list-style:none outside none;
margin:0;
padding:0;
width:620px;
}
.comments .meta {
background:url("img/bg_comments1.gif") no-repeat scroll 0 100% transparent;
padding-bottom:32px;
}
.comments .meta .author {
font-size:14px;
font-weight:bold;
padding-right:5px;
}
.comments .meta li {
color:#777777;
display:inline;
font-size:12px;
margin:0;
position:static;
}
.comments li {
font-size:13px;
margin:1.5em 0;
position:relative;
}
.comments ul.meta li.date span {
font-style:italic;
}
.comments .meta img {
border:1px solid #BFD5DA;
left:10px;
position:absolute;
top:50px;
width:78px;
z-index:100;
}
.comments .body {
background:url("img/bg_comments2.gif") no-repeat scroll 0 100% transparent;
height:auto !important;
min-height:58px;
padding:10px 28px 20px 100px;
}
/* Colores especiales de secciones */
/* Blog */
.str_8080 h1, .parent_8080 h1 {color: #950B6A !important; padding-right: 20px;}
.str_8080 h3 a:link, .str_8080 h3 a:visited {color: #950B6A !important}
.str_8080 h3 a:active, .str_8080 h3 a:hover {color: #a61c7b !important}
.str_8080 h3 small, .parent_8080 .abstract {color: #b72d8c !important}
/*Editorial*/
.str_1 h1, .parent_1 h1, .str_8136 h1, .parent_8136 h1 {color: #BB7341 !important; padding-right: 20px;}
.str_1 .contenido h3, .parent_1 .contenido h3, .str_8136 .contenido h3, .parent_8136 .contenido h3 {color: #CC8452 !important}
.layout_sectionpodcast dl dt {font-weight: bold !important; margin-top: 10px; }
table {
margin-bottom:1.4em;
width:99%;
}
table, td, th {
vertical-align:middle;
}
table {
border-collapse:separate;
border-spacing:0;
}
thead th {
background:none repeat scroll 0 0 #C3D9FF;
}
th, td, caption {
border-bottom:1px solid #DDDDDD;
padding:4px 10px 4px 5px;
}
table, td, th {
vertical-align:middle;
}