@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,300italic); 

/* CSS Radio Mundo Real */
* {margin:0;padding:0}
html, input, textarea {font-size: 1em;font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif}
body {color: #ccc; background-color: #333;font-size:80%; text-align:center; margin: 8px 0}

p {font-weight: lighter;}
img {border:0 none}
a {text-decoration:none;color:#393}
a:hover {text-decoration:none;color:#0c0}
.clear {clear:both;height:0;overflow:hidden}
abbr {border:0 none}
h1,h2,h3,h4,h5 {font-weight:normal}
ul {list-style-type:none}
h3.listado {text-align:center;color:#fff; text-transform:uppercase;font-size:1.3em}

#general {
	margin: 0 auto;max-width:992px; text-align:left;
	color: #ccc; background-color:#000;
	border-top-right-radius: 5px;border-top-left-radius: 5px;
}
/* -------- COLUMNA IZQUIERDA ---------------------------------------------------- */
#colizquierda {width:22%;float:left}
#colizquierda .padding {padding:12px}
#colizquierda h1 {border-bottom: 1px dotted #333;padding-bottom:18px; text-align:center}
#colizquierda h1 img {margin: 0 auto; text-transform:uppercase}
#formulaire_menu_lang {border-bottom: 1px dotted #333;padding:12px 0; text-align:center}

.iconos_redes {font-size: 26px; text-align: center;padding-top:.8em}
.iconos_redes a {padding: 0 3px;color:#489B1B}
.iconos_redes a:hover {color:#fff}

h3.listado a {color:#fff}
.menu_izquierda {margin: .2em 0 0 1em;border-top: 1px dotted #333;font-size:105%;padding:.4em}
.menu_izquierda li {list-style-type: square;padding: 4px 0;color:#489B1B}
.menu_izquierda a {color:#ccc}
.menu_izquierda a:hover,
.menu_izquierda a.on {color:#fff}
.menu_izquierda small {color:yellow;position:absolute;margin:-19px 0 0 140px}
h3.listado a {color:#fff}

#menu_coberturas {text-align:center}
#menu_coberturas a {display:block; width:100px; height:90px; background:url(img/menu-coberturas.png) no-repeat; text-indent:-9000px; margin: 1em auto 1em auto}
#menu_coberturas a.en {background:url(img/menu-coberturas_en.jpg) no-repeat;height:100px}
#menu_archivo {text-align:center}
#menu_archivo a {display:block; width:93px; height:113px; background:url(img/menu-archivo.jpg) no-repeat; text-indent:-9000px; margin: 12px auto;padding:0}
#menu_archivo a.it {background-image:url(img/menu-archivo_it.png) }

#noticiasrmr {text-align:center;margin-top:40px}
.bannercito {text-align:center;margin:3em auto}

/* -------- COLUMNA DERECHA ------------------------------------------------------------------ */
#colderecha {width:22.8%;float:left}
#colderecha .padding {padding:12px}
#colderecha .padding a:hover {color: #fff}
.amigos {border-bottom: 1px dotted #333;padding: 15px 0 17px 0; text-align:center}
.amigos img {margin: 0 auto}

/* -------- buscador general ---------- */
#formulaire_recherche {border-bottom: 1px dotted #333;padding:12px; text-align:center}
#formulaire_recherche fieldset {border:0 none}
#formulaire_recherche label {display:none}
#formulaire_recherche .text {color: #999;background-color:#222;border:1px solid;border-color: #333 #555 #555 #333;padding:2px;width:106px}
#formulaire_recherche .text:focus {border-color:#666; color:#ccc}
#formulaire_recherche .submit {cursor:pointer; border: 1px solid; border-color: #555 #333 #333 #555;color: #999;background-color:#222;padding:1px}
#formulaire_recherche .submit:hover {border: 1px solid;  border-color: #777 #555 #555 #777;color: #bbb; background-color: #333}

#rotador ul {height:170px;padding: 22px 0 22px 0}
#rotador li {margin-left:25px}

.banners1,
.banners2 { text-align:center; margin-bottom:2.5em}

.notasderecha {
	border-top: 1px dotted #333;
	margin: 1.9em 0;
	border-bottom: 1px dotted #333;
	}

#milvoces {padding:8px 8px 0 8px; margin: 1.6em 0; background:#0C0C0C}
#milvoces h3 {margin-bottom:.6em;font-size:1.4em}
#milvoces h3 a {color:#DF0D16}
#milvoces a {color:#EEE}
#milvoces a:hover {color:#fff}
#milvoces p {font-size:.85em;padding: 4px 1px 1em 1px}
#milvoces .spip_logos {float:right; margin: 0 0 3px 3px; position:relative;top:2px}

.notadestacada {padding:8px 8px 0 8px; margin: 1.6em 0; background:#0C0C0C}
.notadestacada h3 {margin-bottom:.6em;font-size:1.4em}
.notadestacada h3 a {color:#0c0}
.notadestacada a {color:#EEE}
.notadestacada a:hover {color:#fff}
.notadestacada p {font-size:.85em;padding: 1px 1px 1em 1px}
.notadestacada .spip_logos {float:right; margin: 0 0 3px 3px; position:relative;top:2px;border: 1px solid #000}

#talk {padding:8px 8px 0 8px; margin: 2.5em 0; background:#141414}
#talk h3 {margin-bottom:.6em;font-size:1.4em}
#talk h3 a {color:#FDBA31}
#talk h4 a {color:#FFF}
#talk p {font-size:.85em;padding: 4px 1px 1em 1px}
#talk p a {color:#EEE}
#talk p a:hover {color:#fff}
#talk .spip_logos {float:right; margin: 0 0 3px 3px; position:relative;top:2px}

.rss {padding:12px;text-align:center;border-top: 1px dotted #333;margin-top:2.2em}
.rss img {vertical-align:top;margin-right:5px}
.rss a {color:#ccc;font-size:11px}

/* -------- COLUMNA CENTRAL -------------------------------------------------------------------- */
#colcentral {width:54.8%;border-left: 1px dotted #333;border-right: 1px dotted #333;float:left}
#colcentral .padding {padding: 10px 22px}

h2.titular {padding:14px 15px;background: #000 url(img/dest_caja.jpg) no-repeat right bottom;border-bottom:1px dotted #444;border-top:1px dotted #444;margin:0}
h2.titular a {color:#fff}

/* -------- cabezales -------------------------*/ 
.bannercabezal {height:117px; background:url(img/cabezal.jpg) no-repeat top center;margin-top: 0em}


/* -------- menu principal --------------------*/ 
#menuprincipal {background: #000;padding:14px 0 }
#menuprincipal ul {text-align:center; padding: 4px 0}
#menuprincipal li {display:inline;font-size:13px}
#menuprincipal a {color:#fff; border-right: 1px solid #333;padding: 0 9px 0 4px;position:relative;z-index:4;}
#menuprincipal a:hover {color:#0c0}
#menuprincipal .last a {border-right: 0 none}

/* -------- aviso: alertas sitio web --------- */
#avisoweb {font-size:1em; background-color:transparent;padding:0;margin:0;border-bottom: 1px solid #000}
#avisoweb p {background-color: #F2F246; color:#000; padding: .6em;font-size:.9em; text-align:center}
#radioes a {display:block;background: #BB0303 url(img/radioenvivo.jpg) no-repeat;height:53px;color:#fff;overflow:hidden}
#radioes span {display:block; text-align:right;position:relative;right:23px;top:19px;font-size:13px}
#radioen a {display:block;background: #BB0303 url(img/radioenvivo_en.jpg) no-repeat;height:53px;color:#fff;overflow:hidden}
#radioen span {display:block; text-align:right;position:relative;right:23px;top:19px;font-size:.9em}

/* -------- transmisions de video en vivo --------- */
#videoenvivo {background-color:#222;padding:16px; text-align:center}
#videoenvivo h3 {margin:1em 0}
#videoenvivo h3 a {color:red;text-transform:uppercase}
#videoenvivo .introduction {padding: 10px 0}

/* -------- destaques --------- */
#destaque_derecha {float:left;width:50%}
#destaque_izquierda {float:left;width:50%}
#destaque_derecha ul {padding-left:.6em}
#destaque_izquierda ul {padding-right:.6em} 
#destaque_izquierda li,
#destaque_derecha li {margin-bottom:.5em; border: 0 none}

/* ------- noticias generales -------------------------*/
.noticias .descripcion {margin:1.8em}
.noticias .descripcion p {margin:.6em 0 ;font-weight:bold;line-height:1.5em}
.noticias p.info {font-size:1.1em; clear:both}
.noticias p.info abbr {padding-right:.2em}
.noticias p.info a {color:#999;padding: 0 .2em}
.noticias li {border-bottom: 1px dotted #aaa;padding: 15px 0;margin:0 }
.noticias h3 {font-size:1.4em;padding: .3em 0 .2em 0}
.noticias h4 {color:#fff;margin-bottom:.8em;font-size:1em}
.noticias .spip_logos {float:right;border:0;margin:0 0 .7em 1.05em;position:relative;top:4px}
.noticias .player {margin: .8em 0}
.noticias .mas {font-size:.85em;padding-top:.6em;color:#444}
.noticias .mas span {padding: 0 .2em}
.noticias h2 {border-top: 1px dotted #333;border-bottom: 1px dotted #333;padding: .6em 0;margin:1em 0 0 0;font-size:1.4em}
.paginacion {padding-top:1em}

/* --------- secciones y tematicas ------------------------ */

#colcentral .padding {background-color:#fff;color:#494949}
.noticias .spip_logos {border: 0}
.noticias h4 {color:#333}
p.info a,
.noticias a {color:#248F23}
.noticias a:hover {color:#888F86}

.page_rubrique h2,
.page_mot h2 {margin-top:0}



/* -------------- CONTENIDOS ---------------------------------------------------- */
.page_article #colcentral .padding {background-color:#fff;color:#494949;padding-top: 22px;padding-bottom:22px}
.page_article .info {font-size:1.15em;margin-bottom:.6em}
.page_article h2 {margin: .6em 0 .3em 0;color:#222;font-size:1.2em}
.page_article #colcentral h4 {color:#2A7A03;margin-bottom:1.2em;font-size:1.4em}
.page_article #colcentral .spip_logos {float:right;margin: 0 0 1em 1em}
.page_article .player {margin:1em 0 2.85em 0; list-style-type:disc}

#infoextra {background-color:#EFEFEF;padding: .4em .6em ;font-size: .85em;color:#444;margin-bottom:1.6em;min-height: 9px}
#infoextra .print {float:right;width:130px;text-align:right;position:relative;top:-2px; font-size:0px;}
.relacionados {margin: 1em 3em .6em 2.4em}
.relacionados li {margin: 0 0 0.2em 0; list-style-type: square;border:0;color:#ADADAD}
.page_article .relacionados {margin-bottom: 1.6em}
.page_article .relacionados li {margin-bottom: .4em}

.texte p,
.texte ol,
.texte ul {text-align:left;margin: 1em 0}
.chapo p {font-weight: bold}
.texte .spip_documents_center  {margin: 2em 0;text-align:center}
.texte .spip_documents_center object {margin: 0 auto}
.texte ol {margin-left: 2em}
.texte ul {margin-left: 2em; list-style-type:disc}
.texte ul ul {margin-top: .4em; list-style-type:circle}
.texte h3 {padding-bottom:.6em}
.texte blockquote {margin:2em; font-style:italic;line-height:1.5em;background-color:#eee;padding:1em}
.texte .spip_surligne {padding:.1em .2em;border: 1px solid #00FF00;color:#000}
.texte hr {background-color:#329700; border:0; height:1px;margin-bottom:.8em}

.notas {margin-bottom:1em;font-size:.85em}
.notas h3 {font-weight:bold;font-size:1.3em}
.notas p{margin:.5em}

#documents_joints {background-color:#EFFFEF;border: 1px dotted #00FF00;padding:.5em;margin: 1em 0}
#documents_joints h3 {font-weight:bold;margin-bottom:.3em;color:#666;font-size:1.2em}
#documents_joints li {border-top: 1px dotted #00FF00;padding:.2em 0 }
#documents_joints p {font-size:.85em}

#portfolio {margin:1em 0;background-color:#ccc;color:#222;border:1px dotted #888}
#portfolio h3 {padding:.4em;font-size:1.3em;font-weight:bold}
#portfolio img {border: none;margin: 0 0 7px 7px}
span.spip_documents {display:block;margin: 1em auto}
span.spip_documents img {background-color:#666}

table.spip {text-align:center;margin: 0 auto 1em auto;border-collapse:collapse;border:1px solid #222}
table.spip th {background-color:#222;color:#ccc;padding:.3em}
table.spip th strong {font-weight:normal}
table.spip .row_even td {background-color:#fff}
table.spip .row_odd td {background-color:#efefef}
table.spip td {padding:.2em}

/* ------ formularios ----------------------- */
.formulaire_ecrire_auteur fieldset {border:0 none}
.formulaire_ecrire_auteur legend {display:none}
.formulaire_ecrire_auteur label {display:block}
.formulaire_ecrire_auteur .text, 
.formulaire_ecrire_auteur textarea {width:100%;padding:.2em}
.formulaire_ecrire_auteur li {padding-bottom:1em}
.formulaire_ecrire_auteur .previsu {border:1px dotted #3C9F3B;padding:1em;margin-bottom:2em;background-color:#EFFFEF}
.formulaire_ecrire_auteur .previsu .boutons {text-align:right}
.formulaire_ecrire_auteur .reponse_formulaire_ok {color:#006600;font-size:1.2em;text-align:center}
.formulaire_ecrire_auteur .erreur textarea,
.formulaire_ecrire_auteur .erreur .text {border:1px solid #000}
.formulaire_ecrire_auteur .erreur_message {color:red}

#formulaire_contact fieldset {border:0 none}
#formulaire_contact legend {display:none}
#formulaire_contact ul {padding:0;margin:0; list-style-type:none}
#formulaire_contact label strong {font-size:80%;color:#006600}
#formulaire_contact .text, 
#formulaire_contact textarea {width:100%;padding:.2em}
#formulaire_contact li {padding-bottom:1em; list-style-type:none}
#formulaire_contact .previsu {border:1px dotted #3C9F3B;padding:1em;margin-bottom:2em;background-color:#EFFFEF}
#formulaire_contact .previsu .boutons {text-align:right}
#formulaire_contact .reponse_formulaire_ok {color:#006600;font-size:1.2em;text-align:center}
#formulaire_contact .erreur textarea,
#formulaire_contact .erreur .text {border:1px solid #000}
.erreur_message {color:red}

#registro_boletin fieldset {border:0 none}
#registro_boletin p {margin:1em 0}
#registro_boletin .text {width:70%;padding:.2em}

#formulaire_rechercheplus {margin-bottom:1em;padding-bottom:.5em}
#formulaire_rechercheplus fieldset {border:0 none;border:1px dotted #00FF00}
#formulaire_rechercheplus legend {padding: 0 1em;margin-left: 2em;font-weight:bold;color:#000; cursor:pointer}
#formulaire_rechercheplus label {display:block}
#formulaire_rechercheplus p {margin:1em 0 1em 1em}
#formulaire_rechercheplus select {width:200px}
#formulaire_rechercheplus .text {width:200px}
h3.resultados {font-size:1em;margin:0;padding: .2em .3em;font-weight:bold;background-color:#EFEFEF}
.orden {float:right; text-align:right; width:12em;padding:.2em .4em}

#socialtags {margin-top:1em}

/* -------- relacionados --------------------------------------------------------------------------- */

#relacionados {padding-top:1em;border-top: 1px dotted #444;margin-top:1em}
#relacionados h3 {color:#444;margin-bottom:.6em;font-weight:bold}
#relacionados ul {list-style-type:none;margin-left:1em;color:#666}
#relacionados li {padding-bottom:.5em}
#relacionados a:hover {color:#222}
#relacionados .paginacion {padding:0;font-weight:normal;border:0 none;margin-top:.3em;font-size:.9em}
#relacionados .paginacion a {font-weight:normal}

/* -------- Comentarios y aportes --------------------------------------------------------------------------- */

#comentarios {background-color:#222;padding:20px 20px 16px 20px;margin-top:2px}
#comentarios h3 {font-weight:bold;font-size:1.2em}
#comentarios h3 a {display:block;color:#ccc}
#comentarios .forum li {padding:1em;font-size:.9em;;border-bottom:1px dotted #555}
#comentarios .forum li p {margin: 1em 0;color:#999}
#slidingDiv {display: none}
#slidingDiv .cerrar {text-align:right}

#comentarios ul {padding: .3em 1em}
#formulaire_forum fieldset {border: 0 none}
#formulaire_forum legend  {font-weight:bold;font-size:1.1em}
#formulaire_forum textarea {width:100%;padding:2px; height:10em;background-color:#eee;border:0 none}
#formulaire_forum .erreur_message {display:block;color:#FFEF3F}
#formulaire_forum .explication {color:#999;font-size:.85em}
#formulaire_forum li {margin:1em 0}
#formulaire_forum  input.text {display:block}
#formulaire_forum .boutons {margin:1em 0}
.previsu {color: #111; background-color:#AFAFAF;padding: .4em 1em ;
	border: 1px dotted #333;
	-webkit-border-radius: 5px; -moz-border-radius: 5px;
    -khtml-border-radius: 5px; border-radius: 5px;
}
.previsu p {margin: .8em 0}
.previsu .boutons {text-align:right}

#spiplistes-formabo {margin:2em 1em }
#spiplistes-formabo li {list-style-type:none;margin:.6em}
#spiplistes-formabo .spip_bouton {text-align:center}


/* -------- PIE DE PAGINA --------------------------------------------------------------------------- */
#pie {
	margin: 0  auto 8px auto;max-width:992px; text-align:left;color: #ccc; background-color:#000;
	border: 0;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
#pie p {padding:1.6em 10em;font-size:.9em; text-align:center}
#pie a {color:#060}
#pie a:hover {color:#fff}

.convideo a {
	display:block;width:55px;height:38px; margin: 14px 0 0 332px;
	background: url(img/boton_video.png) no-repeat;
	position:absolute;z-index:10
	}