/* Estilos Generales */
*html {height: 1px;}
* {margin: 0px; padding: 0px;}
img {border: 0px;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin: 0 auto; /*background: #EBEBEB;*/ background-color:#E8F2F4}
.ojd {display: none;}
a {color: #3E3E3E; text-decoration: none;}
a: active,a: hover,a: focus,div a: active,div a: hover,div a: focus {text-decoration: underline; color: #3E3E3E}
ul,li,ol {list-style: none;}
.clear {clear: both; font-size: 1px; height: 1px; line-height: 0px; padding: 0px; margin: 0px;}
/*hack 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}
.oculto {display: none;}
.texto {color: #6D6D6D;}
hr {visibility: hidden; clear: both; height: 1px; margin: 0px; padding: 0px; border: 0px;}
#saltarmenu {display: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
.separa {height: 1px; font-size: 1px; border-top: 1px solid #E8E6E0; margin: 5px 0 4px 0;}
.separa-puntos {clear: left;background: url(/solidario/img_comun/brd_puntosH2.gif) repeat-x; background-position: 50%; height: 1px; font-size: 1px; margin: 5px 0 4px 0;}
.separa-punt {background: url(/solidario/img_comun/brd_puntosH2.gif) repeat-x; background-position: bottom; clear: both;}
.separacion {height: 1px; font-size: 1px; margin: 0px 0 10px 0; clear: left;}
.separacion-colC {height: 1px; font-size: 1px; margin: 0px 0 5px 0;}
.separafondo {height: 4px; font-size: 1px; margin: 5px 0 4px 0;background: url(/solidario/img_comun/separacion_fondo.jpg) repeat-x; background-position: 50%; clear: both;}
.left {float: left;}
.right {float: right;}
.izquierda {float: left;}
.derecha {float: right;}
/*formulario*/
fieldset {border: 0; padding: 0px; margin: 0px;}
input,textarea {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}
option {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding: 0 5px 0 0; margin: 0}
.radio {vertical-align: middle; height: 12px; width: 12px; border: none;}
.check {vertical-align: middle; border: none;}
.asterisco {color: #3E3E3E;}
.obligatorio {font-size: 10px; color: #3E3E3E; clear: left;}
.formulario p input.caja {border: 1px solid #D4D0C8; font-size: 11px; color: #000000;}
.formulario p textarea {border: 1px solid #D4D0C8; font-size: 11px;color: #000000;}
.formulario label {font-size: 11px; color: #000000; font-weight: bold;}
.formulario label span {color: #3E3E3E}
.formularioI {float: left; padding: 10px 15px 0 0}
.formularioD {float: right; padding: 10px 0 0 15px}
.formularioC {clear: both; padding: 10px 0 0 0; text-align: center;}

.separapuntos {background: url(/solidario/img_comun/f_puntos_jornada.gif) repeat-x; background-position: bottom; height: 1px; clear: left;}

.vermas {float: right}
.HSmodulo .vermas {padding: 0 5px 0 0; font-weight: bold;}

div.boton {padding-top: 8px; padding-bottom: 8px; text-align: center;}
div.boton a,a.boton {line-height: 11px; display: inline; width: auto; border: 1px solid #D4D0C8; background: #FFF url(/solidario/img_comun/f_boton_contenido.jpg) repeat-x; background-position: bottom; padding: 4px 10px; font-size: 11px; color: #636363; cursor: pointer;}
div.boton a: hover,div a.boton: hover,a.boton: hover {text-decoration: none; background: #FFF!important;}
input.boton {border: 1px solid #D4D0C8; background: #FFF url(/solidario/img_comun/f_boton_contenido.jpg) repeat-x; background-position: bottom; font-size: 11px; color: #636363; cursor: pointer; padding: 0px; text-align: center;}

.botones-listado {text-align: center; margin: 0 auto; padding: 0px 0 5px 0;}
.botones-listado span {background-color: #F7F7F7; padding: 5px 7px 5px 7px; font-size: 10px; border: 1px solid #D4D0C8;}
.botones-listado span strong {color: #3E3E3E;}
.botones-listado2 {text-align: center; margin: 0 auto; padding: 0px;}
.botones-listado2 span {background-color: #FFF; padding: 2px 4px 2px 4px; font-size: 10px; color: #999999; border: 1px solid #EBEAE6;}
.botones-listado2 span.selected {background-color: #940000; padding: 2px 4px 2px 4px; font-size: 10px; color: #FFF; border: 1px solid #EBEAE6;}
.botones-listado3 {text-align: center; margin: 0 auto; padding: 0px;}
.botones-listado3 span {background-color: #F7F7F7; font-size: 11px; font-weight: bold; color: #636363; padding: 4px 7px 4px 7px; border: 1px solid #D4D0C8;}
.botones-listado3 span strong {color: #940000;}

/*menú de tercer nivel*/
#sub3menunav {clear: left;}
#sub3menunav ul {list-style: none;}
#sub3menunav li {float: left; width: 100%; border-bottom: 1px solid #E8E8E8; text-align: right;}
#sub3menunav li div{padding: 0px 10px 3px 0px; text-align: right; color: #666666;}
#sub3menunav li div a{color: #666666;}
#sub3menunav li a {width: 100%; display: block; font-size: 11px; color: #707070;}
#sub3menunav li a span {display: block; padding: 10px 10px 5px 0px}
#sub3menunav li a span resalta {color: red; font-size: 14px; font-weight: bold;}

/*PUBLICIDAD*/
#publicidades_top {background-color: #FFF; margin: 0 auto; text-align: center; width: 1002px;}
#publi1 {float: left; background: #D4D0C8 url(/solidario/img_comun/tit_publiv.gif) no-repeat; background-position: 5px 50%; padding: 0 1px 1px 16px;}
#publi2 {float: right; background: #D4D0C8 url(/solidario/img_comun/tit_publiv.gif) no-repeat; background-position: 5px 50%; padding: 0 1px 1px 16px;}
.publicidadAB {background: url(/solidario/img_comun/titu_publiarticulo.gif) no-repeat; background-position: 3px 50%; padding: 0 1px 1px 10px;}
.publicidad-articulo {background: url(/solidario/img_comun/titu_publiarticulo.gif) no-repeat; background-position: 3px 50%; padding: 0 1px 1px 10px; margin: 0 0 0 10px}
/*---*/
#all {text-align: center; margin: 0 auto; background: #E8F2F4 url(/solidario/img/borde_contenido.jpg) repeat-y center;/*background: #EBEBEB url(/solidario/img_comun/borde_contenido.gif) repeat-y; background-position: center;*/}

#todoCanal {margin: 0 auto; text-align: center;}

/*.todocontenido {text-align: center; padding: 0 0 0 0; margin: 17px 0 0 0;}*/
#contenido {text-align: center; clear: left; margin: 0px 0 0 0 auto; width: 1002px; padding: 0 0 20px 0; background-color: #FFF}
.contenido {height: 89px; text-align: left; margin: 0 auto; border-collapse: collapse;}
.contenido-especial {margin: 0 6px 0 6px}

* > .contenido {height: auto; min-height: 89px;}
.contenido-ABC {text-align: left; clear: both;}
/*.contenido-ABC {background: url(/solidario/img_comun/f_colC.jpg) repeat-y; background-position: right top; text-align: left; clear: both;}*/

div > .contenido-ABC {background-position: right 30px;}

.portada .contenido {height: auto; padding: 0px 0 0 0; border: 0px; border-collapse: collapse;}

#colAB {width: 685px; float: left; padding: 0 0 10px 0;}
.colAyB{ padding:10px 0 0 0}
.colAB {padding: 12px 5px 0 5px;}
.colABcombi{ padding:4px 5px;}
#colA {width: 256px; float: left;}

.colA {margin: 0 0 0 7px;}
#colB {width: 420px; float: right;}
.colB {margin: 0 0px 0 0;}
#colC {width: 300px; float: right; text-align: left; margin: 0 0px 0 0; padding: 0 7px 0 0;}
#colC .fondoC {float: none; text-align: left; margin: 0px; padding: 0px; height: 1px}
* > #colC .fondoC {height: auto;}
.colC {width: 307px; text-align: center; margin: 0 0px 0 0; padding: 0 7px 0 0}
.colC .boxheader {text-align: left;}

/*excepciones de columnas*/
#colAB .colAyB {margin: 0 0px 10px 5px;}
#colAB #colA {margin: 0px;}
#colAB .colA {margin: 0 5px 0 0;}

#colAB #colB {}
#colAB .colB {}

#colBA {width: 685px; float: left; padding: 0 0 10px 0;}
.colBA {padding: 12px 5px 0 5px;}
#colBA .colAyB {margin: 0 0px 10px 5px;}
#colBA #colB {margin: 0px; float: left;}
#colBA .colB {margin: 0 5px 0 0;}
#colBA #colA {float: right;}
#colBA .colA {}

#colBA .colB .columnasongs  {width: 332px; float: left; text-align: left; margin: 0 0px 0 0; padding: 0 7px 0 0; border-right: 1px solid #D4D0C8;}
#colBA .colA .columnasongs  {width: 332px; float: right; text-align: left; margin: 0 0px 0 0; padding: 0 0 0 7px;}

#colBA .colB .columnasblogs  {width: 332px; float: left; text-align: left; margin: 0 0px 0 0; padding: 0 7px 0 0; }
#colBA .colA .columnasblogs  {width: 332px; float: right; text-align: left; margin: 0 0px 0 0; padding: 0 0 0 7px;}


/*.colAyB .contenido {background: url(/solidario/img_comun/f_colA_grande.gif) repeat-y!important; background-position: right!important;}
.colAyB #colAB {width: auto; float: none; margin: 0 5px 10px 5px;}
.colAyB #colA {width: 256px; float: left; margin: 0px; padding: 0px;}
.colAyB .colA {margin: 0 0 0 5px;}
.colAyB #colB {margin: 0;}
.colAyB .colB {margin: 0 1px 0 0;}*/

#colBC {float: right; width: 737px;}
#colBC #colB {float: left;}
#colBC .colB {margin: 0 0 0 0px;}
.colBC {clear: both; margin: 0px; padding: 0px;}

.miga {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; padding: 4px 0 10px 10px}
.miga span {color: #666;}
.miga a {color: #999; text-decoration: none;} 
.miga a:hover {text-decoration: underline;}
.miga strong {color: #3E3E3E;}

/*publicidades A*/
.publicidadesA {padding: 0; margin: 0; height: 20px;}
* > .publicidadesA {height: auto}
.publicidadesA p {float: left; padding: 0 0 0 13px}

/*publicidades B*/
.publicidadesB {padding: 0; margin: 0 auto; height: 20px; text-align: center;}
* > .publicidadesB {height: auto}
.publicidadesB p {float: left; padding: 0 0 0 5px}