* { margin:0;padding:0; font-family:Verdana, Arial, Helvetica, sans-serif}
body {background: #4cade1 url(images/fondo_body.jpg) repeat-x; text-align:center}
a {text-decoration:none;color:#FFC95A}
ul {list-style-type:none}
.clear {clear:both; height:0; overflow:hidden}
.no {display:none}

/* -------- LAYOUT ----------- */
#general {
	margin:0 auto; text-align:left; width:900px; background-color: #2b2b2b;
	color:#fff; border-left:10px solid #000; border-right: 10px solid #000;border-bottom: 10px solid #000
	}
#separacioncolumnas {float:right;width:33px; height:200px}
#columna {float:right; width:180px; text-align:right;padding-top:22px}
#contenido {float:right; width: 650px; padding: 22px 30px 0 0}
.portada #contenido {width: 417px}
#columnaderecha {float:right;width:210px;margin-right:23px;padding-top:22px}
* html #columnaderecha {margin-right:12px}


/* -------- CABEZAL ----------- */
#cabezal {background: #000 url(images/fondo_cabezal.gif) repeat-x}
#cabezal h1 {width:215px;padding-top:54px;z-index:3;position:relative}
#cabezal h1 a {display:block;height:54px; background: url(images/retosalsur.gif) no-repeat; text-indent:-9000px}

/* ---------- MENU PRINCIPAL ------------ */
#menu {text-align:right;width:900px; position:absolute; margin: -50px 0 0 0px}
#menu ul {margin: 0 0 0 auto;width:38.1em}
#menu li {float: left;width:9.2em;background-color:#2b2b2b;font-size:.8em; height:1%;text-align:center}
#menu li.op1 {width:9.2em}
#menu li.op2 {width:10em}
#menu li.op3 {width:6.6em}
#menu li.opf {width:7em}
#menu li.op4 {width:7.7em}
#menu li.op5 {width:7.1em}
#menu a {display: block;color:#fff;padding: .5em 0}
#menu a:hover {color:#ffc95a}
#menu li a.on {color:#ffc95a}
#menu li ul {
	position: absolute;left: -999em;visibility: visible;
	height: auto;width:15em;margin-top: 0;margin-left: 0;
}
* html #menu li ul {margin-left: -4.62em}
*+html #menu li ul {margin-left: 0}
#menu li li {width:15em;position:relative;text-align:left;font-size:.9em}
#menu li ul ul { /*subsubmenu*/	margin: -25px 0 0 16.2em;border-top:1px solid #ccc}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul,
#menu li.sfhover ul, #menu li li.sfhover ul,
#menu li li li.sfhover ul {left: auto}
#menu li ul li:hover, #menu li ul li.sfhover {}
#menu li li a { background: url(images/bullet_menu.gif) no-repeat center left;padding-left:18px}
#menu li li a:hover { background:#000 url(images/bullet_menu_d.gif) no-repeat center left;color:#ffc95a}


/* -------- banner ----------- */
#banner {background-color:#000}
#banner .izquierda {float:left; width:215px; height:253px; background: url(images/logo_retos.jpg) no-repeat}
#banner .derecha {float:left; width:685px; height:253px; background: url(images/cabezal_mapa.jpg) no-repeat}
#banner .derecha.mot3 {background: url(images/cabezal_turismo.gif) no-repeat}
#banner .derecha.mot4 {background: url(images/cabezal_comunicacion.jpg) no-repeat}
#banner .clear {height:12px}

/* -------- CONTENIDOS ------------ */
h2 {color:#58b5e4; font-size:1.4em; font-weight:normal;padding-bottom:.8em}
.subtitulo {font-size:.9em}
.fecha {text-align:right;font-size:.9em;color:#ccc;padding-bottom:3em}
.texto {font-size:.8em;margin-bottom:1em}
.texto p {font-size:1em; padding-bottom:1em; text-align:justify}
h3.spip {color:#7cccf4;font-size:1em;padding-bottom:1em}
a.spip_out, a.spip_in {color:#FFC95A}
a.spip_out:hover, a.spip_in:hover {text-decoration:underline}
#contenido .spip_logos {margin: 0 0 .8em .6em}
ul.spip {font-size:1em;margin: 0 0 1em 2em;list-style-type:square}
ul.spip li {margin: 0 1em .15em 0}
ul.spip ul {margin-top:.4em;font-size:1em;list-style-type:disc}

ol.spip {font-size:.8em;margin: 0 0 1em 3em}
ol.spip li {margin: 0 1em .15em 0}
ol.spip ol {margin:.4em 0 .3em 1.2em;font-size:.9em}

.accesorios {text-align:right; padding-bottom:1em}
.accesorios a {font-size:.6em}
h4.mas { text-align:right;font-size:.8em}

/* ------------- adjuntos -------------- */
#documents_portfolio {background-color:#000;padding:.5em;margin-bottom:.4em}
#documents_portfolio h3 {font-size:.9em;margin-bottom:.5em}
#documents_portfolio img {border:1px solid #FFC95A}
#document_actif {margin: 2em auto; text-align:center; font-size:.8em}
#document_actif img {margin: 0 auto}
#documents_joints {font-size: .75em}
#documents_joints h4 {background-color:#000;padding:.3em; text-align:center;margin-bottom:.4em}
#documents_joints li {margin:.4em}

/* ------- paginacion --------- */
h3.items {font-weight:normal;font-size:1.1em}
.paginacion {background-color:#000; text-align:center;margin-bottom:1em;padding:.3em;font-size:.9em}

/* ---------- tablas ----------------- */
table.spip {font-size:.7em;width:100%;margin-bottom:1em;border-spacing:0}
table.spip th {background-color:#000;padding: 4px 2px}
table.spip td {padding:2px}
table.spip .row_even {background-color:#333}

/* ---------- formularios ------------------ */
.formulaire_ecrire_auteur fieldset {border: 0 none; border-top: 1px solid #FED350;padding:1em;font-size:1em}
.formulaire_ecrire_auteur legend {font-size:1em;padding: 0 1em;color:#FED350; font-weight:bold}
.formulaire_ecrire_auteur .text,
.formulaire_ecrire_auteur #texte_message_auteurnew {border:0 none;font-size:1em;width:300px;background-color:#EDEDED}
.formulaire_ecrire_auteur .text:focus,
.formulaire_ecrire_auteur #texte_message_auteurnew:focus  {background-color:#fff}
.formulaire_ecrire_auteur label {display:block;width:250px;float:left}
.formulaire_ecrire_auteur li {margin-bottom:1.4em}
.formulaire_ecrire_auteur p.boutons {padding-left:263px}
.formulaire_ecrire_auteur p.boutons input {border:0 none; background-color:#FED350;color:#000; cursor:pointer;padding:0;width:10em}

/* ----------- columna -------------- */
#subsecciones {background-color:#000;list-style-type:none; font-size:.8em;margin: 0 0 0 auto; width:165px}
#subsecciones li {text-align:left; height:1%; font-weight:bold;float:left;clear:left;width:164px;background-color:#000}
#subsecciones a {color:#f1f1f1; display:block;border-bottom: 1px solid #58b5e4;padding:.4em 0 .4em .3em}
#subsecciones a:hover {color:#fff;border-bottom: 1px solid #FED350; background-color:#3f3f3f}
#subsecciones a.on {color:#fff; border-bottom: 1px solid #e9ddb6; background-color:#3f3f3f}
#subsecciones a.on:hover {color:#fff;border-bottom: 1px solid #FED350; background-color:#3f3f3f}

.bloque {background-color:#000;color:#fbfbfb;text-align:left;margin:0 0 20px auto; width:165px;padding: 8px 0}
.bloque h3 {text-align:center; text-transform:uppercase; font-weight:normal; font-size:1.05em; padding-bottom:.4em}
.bloque .spip_logos {float:right;padding: 0 8px 3px 3px}
.bloque p {line-height:1.35em; font-size:.7em;padding: 0 8px}
.bloque a {color:#fff}

.formulaire_recherche {background: url(images/buscador.gif) no-repeat top right; height:40px; margin:20px auto}
.portada .formulaire_recherche {margin-top:0}
.formulaire_recherche label {display:none}
.formulaire_recherche input {border: 0 none; background:none;padding: 14px 10px 0 0; width:114px; font-size:.8em; color:#666}
.formulaire_recherche .submit {display:none}

#ultimas {;margin: 0 0 0 auto; width:165px}
#ultimas li {height:1%; font-size:.7em; text-align:left; border-bottom:1px solid #2b2b2b}
#ultimas a {display:block;background-color: #000;padding: .6em}
#ultimas a:hover { background-color: #333;color:#ffc95a}

/* -------- Columna derecha --------- */
#columnaderecha .novedades {background-color:#000;margin-bottom:1.4em}
#columnaderecha .novedades h3 {text-align:center; text-transform:uppercase; color:#fbfbfb;padding:.4em 0; font-size:.95em}
#columnaderecha .novedades li {font-size:.7em; border-top: 1px solid #2b2b2b; padding:.6em;margin: 0 .4em}
#columnaderecha .novedades a {color:#ffc95a}
#columnaderecha .novedades a:hover {color:#fbfbfb}
 
/* --------- PIE DE PAGINA ----- */
#pie {background-color:#ededed; color:#000; clear:both; padding: .2em 0}
#pie .izquierda {float:left; width: 70%; font-size:.75em}
#pie .derecha {float:right; width: 30%; font-size:.7em; text-align:right; position:relative;top:1px}
#pie li {display:inline; padding: 0 .6em 0 .4em; border-right: 1px solid #333}
#pie li:last-child {border-right:0 none}
#pie .izquierda a {color:#000}
#pie .derecha a {color:#333}