/* CSS Document */
* {margin:0;padding:0}
html, input, textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%}
body {text-align:center; background:#ff8a27 url(img/fondo_body.jpg) repeat-x; font-size:84%; color:#444}
#general {
		margin: 0 auto; width:927px; color:#444; text-align:left;
		-moz-box-shadow: 0 0 18px rgba(0,0,0,0.5);;-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.5);;box-shadow: 0 0 18px rgba(0,0,0,0.5);;
	}
.clear {overflow:hidden; height:0; clear:both}
ul {list-style-type:none}
a {text-decoration:none;color:#680b63}
img {border: 0 none}

#cabezal h1 {background: #fff url(img/cabezal.jpg) no-repeat top center; height:116px; text-align:center}
#cabezal div { background:#680b63;}
#cabezal h4 {background:#18a300; color:#fff; width:162px; margin: 0 0 0 auto; font-size:.9em;padding: .6em 0; text-align:center}
#cabezal h4 a {color:#fff}
#cabezal img { position:relative; top:4px}
#contenidos {background:#fff url(img/fondo_contenidos.gif) repeat-y top center}

#colizquierda {float:left; width: 214px; background:url(img/fondo_izquierda.jpg) no-repeat top left; min-height:540px}
#colcentral {float:left; width: 552px}
#colderecha {float:left; width: 161px}

#formulaire_recherche {padding:4px;margin: 10px 4px; background:url(img/fondo_buscador.gif) no-repeat center}
#formulaire_recherche label {display:none}
#formulaire_recherche .submit {border: 0; background:transparent;text-indent:-900px;width:20px;cursor:pointer}
#formulaire_recherche .text {width: 150px; background: transparent; border: 0;margin: 1px 0 0 10px;padding: 0 2px 0 6px;color:#444}


#colizquierda h4 {
	background-color:#e2e2e2; text-shadow:1px 1px 0 #fff; text-transform:uppercase; color:#656565; font-size:.8em;
	padding:.2em 1em; font-weight:normal; margin: 26px 0 0 0
	}
#colizquierda li {padding: 5px 4px 5px 22px; border-bottom: 1px solid #cacaca; font-size:1.05em}
#colizquierda a {color:#444}
#colizquierda a:hover {color:#680b63;text-shadow:1px 1px 0 #fff}
#colizquierda a.on {color:#680b63;text-shadow:1px 1px 0 #fff}
#colizquierda ul ul {margin-top:.3em}
#colizquierda ul ul li {padding: 2px 3px 2px 16px;border-bottom: 0;font-size:.85em}
#colizquierda #ejes li {padding: 5px 8px 5px 22px; border-bottom: 1px solid #cacaca; font-size:.9em}

#blogs {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:.6em}
#blogs h3 {color:#18A300;border-bottom:1px dotted #18A300;font-size:1.2em;margin-bottom:.6em;padding-bottom:.4em}
#blogs li {margin:.6em 0;font-size:.8em}
#blogs li a {font-size:1.2em}


/* --------- secciones --------------- */
#titular {padding: .4em 1em;border-bottom: 1px dotted #ccc;border-left:3px solid #FB7300}
#titular h2 {font-weight:normal; font-size:2em;color:#680b63;margin-bottom:.1em}

#portada #titular {padding: .8em 1em;background:#F5F5F5;border-left:1px solid #ccc; border-right:1px solid #ccc}
#destacados {padding: 20px 35px 10px 35px;border-top:6px solid #680b63;border-left:1px solid #ccc; border-right:1px solid #ccc}
#destacados h3 {font-weight:normal;margin-bottom:.2em}
#destacados p {text-align:justify}

h2.subtitulo {border-top: 1px dotted #ccc;padding-top:.6em;margin:10px 35px; font-weight:normal}
#slider ul, #slider li {margin:0;padding:0;list-style:none}
#slider, #slider li {width:480px;hexight:160px;overflow:hidden}
span#prevBtn, span#nextBtn {position:relative;top:6px}	

.listado li {padding:.8em 0 0 0;border-bottom: 1px dotted #ccc}
.listado h3 { font-size:1.1em; margin-bottom:.2em}
.listado h3 a {font-weight:normal}
h4.mas {padding: 0 .2em .6em 0;font-weight:normal}
.paginacion {margin:8px;font-size:120%}


/* -------------------- CONTENIDOS ---------------------- */
#infoextra {padding:.6em .8em .3em .8em;border-bottom: 1px dotted #ccc; font-size:.9em}
.tools {float:right; text-align:right; width:200px}
.tools span {position: relative; top:-2px; font-family:Arial, Helvetica, sans-serif}
.tools a {color:#444}
.tools img {border:none}
.redessociales {margin-top:1.4em}

.texto {margin: 20px 35px 20px 35px; font-size:1em}
.info {color:#444;font-size:.9em; font-weight:normal}
.info span {text-transform:uppercase; font-weight:bold}
.texto h2 {color:#680b63;font-size:1.4em;margin-bottom:1em}
.texto p {margin-bottom:1em; text-align:justify}
.texto .chapo p {font-size:1em;color:#111; text-align:left;margin-right:4em;clear:both;padding:1em 0; line-height:1.6em}
.texto .chapo p:first-letter {font-size:150%; float:left;margin:3px 1px 0 0}
.texto h3 {text-align:justify}
.texto h3.spip {clear:both;font-size:1em;margin-bottom:1em; text-align:left}
.texto a {color:#680B63}
.texto a:hover {text-decoration:underline}
.texto ol.spip li {margin: .8em 1.6em}
.texto ul.spip li {margin: .8em 1.6em; list-style-type:disc}
.texto ul.spip li li {margin: .8em 1.6em; list-style-type:circle}
#colcentral .spip_logos {float:right;border: 0 none;margin: 0 0 .2em .8em}
.spip_documents_left {padding: 0 1em 1em 0}
.spip_documents_right {padding: 0 0 1em 1em}
.spip_documents_center {text-align:center;margin: 1em 0}
.spip_documents_center dt {text-align:center;margin: 0 auto;font-size:.9em}
.spip_documents_center dd {text-align:center}

#documents_joints li {padding:.6em 0 0 0}
#documents_joints .spip_logos {float:left;border: 0 none;margin: 0 .6em 1em 0}
.galeria {border-width:1px }

#documents_portfolio {border-top: 4px solid #18A300; border-bottom: 4px solid #18A300; padding: 1em 0}
#documents_portfolio h3 {color:#222; font-weight:normal; font-size:1.1em}
#documents_portfolio a {display:block;float:left;margin: 0 13px 13px 0;width: 145px; padding:5px 0; border: 1px dotted #ccc; text-align:center}
#documents_portfolio a:hover {border: 1px solid #18A300}

hr {margin: 1.2em 0;border:0;height:1px; background:#680B63;clear:both}

.formulaire_spip fieldset {border: 0 none}
.formulaire_spip legend {display:none}
.formulaire_spip label {display:block}
.formulaire_spip li {margin-bottom: 1em}
.formulaire_spip .text {width:26em;padding:2px}
.formulaire_spip textarea {width:100%;padding:2px}
.formulaire_spip .erreur_message {color:red; font-size:.8em; display:block}
.forum.previsu {background:#f0f1f5;padding:.6em;border-left: 3px solid #FB7300}
.previsu .forum-titre {display:none}
.forum.previsu small {font-size:1em}
.previsu input {margin-bottom:1.6em}

/* comentarios ---------------- */
#comentarios {border-top: 1px dotted #ccc;padding: 20px 35px}
#comentarios h3 { font-weight:normal}
#slidingDiv {display:none}
#slidingDiv .cerrar {text-align:right}
.explication {font-size:.9em}
#comentarios textarea {height:130px}
.forum-message {margin: 1em 0 }
.forum-message p {margin: .6em 2em .6em 3em;font-size:.9em;color:#666 }
.autor {font-size:.9em;border-left: 3px solid #FB7300;padding-left:.6em}

#titular .texto {margin: 10px 0 0 0; font-size:1em}

#pie { background-color:#222; color:#fff; text-align:center}
#pie p {padding:5px; font-size:.75em; font-weight:bold}

.banners {text-align:center}
.banners p {margin:26px 0}


#twitter-widget-1 {width:214px}