/* CSS by Santiago Flores */

* {margin:0;padding:0}
html, input, textarea {font: 1em Arial, Helvetica, Verdana, sans-serif}
body {color: #8b8b8b;font-size:80%; text-align:center; background:#F9FAFC url(img/fondo_body.jpg) repeat-x}
img {border:0 none}
a {text-decoration:none;color:#001B3F}
a:hover {text-decoration:none;color:#001B3F}
.clear {clear:both;height:0;overflow:hidden}
abbr {border:0 none}
h1,h2,h3,h4,h5 {font-weight:normal}
ul {list-style-type:none}

/* -- layout --- */
#general {margin: 0 auto;width:1006px; text-align:left;background: #fff url(img/imagen_lateral.jpg) no-repeat top left}
#divuno {float:left;width:196px; height:10px}
#divdos {float:left;width:810px;padding-top:110px; background: url(img/fondo_cabezal.gif) repeat-x}
#columnaizquierda {float:left;width:493px}
#columnaizquierda .padding {padding-right:34px;margin-bottom:3.5em;min-height:500px}
#columnaderecha {float:left;width:317px}
#columnaderecha .padding {width:150px;margin-bottom:3.5em}
.banner {margin-bottom:50px}

/* -- cabezal --- */
#cabezal h1 {border-bottom: 2px solid #d3d6db;width:643px}
#cabezal h1 a {display:block; text-indent:-9000px; height:70px; width:275px; background:url(img/perisol_logo.jpg) no-repeat;position:relative;left:-5px}
#cabezal h1 span {display:block; text-indent:-9000px; height:70px; width:275px; background:url(img/perisol_logo.jpg) no-repeat;position:relative;left:-5px}
#cabezal h3 {display:none}
#menu {margin:1em 0; font-size:1.1em }
#menu li {display:inline;margin: 0 .75em 0 0}
#menu a {padding-bottom: .2em}
#menu a:hover {border-bottom: 2px solid #D3D6DB;color:#001B3F}
#menu a.on {border-bottom: 2px solid #D3D6DB;color:#001B3F}
.lang {text-align:right;width:635px}
.lang a {color:#A7B0BF;position:absolute;margin: -20px 0 0 -40px}

#garantia {margin: 2em 0; text-align:center}

/* ------ banners ------------- */
#columnaizquierda .banner {background: #92afcf url(img/foto_portada.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art2 {background: #92afcf url(img/foto_perfil.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art14 {background: #92afcf url(img/foto_perfil.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art1 {background: #92afcf url(img/foto_historia.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art11 {background: #92afcf url(img/foto_historia.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art3 {background: #92afcf url(img/foto_servicios.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art12 {background: #92afcf url(img/foto_servicios.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art4 {background: #92afcf url(img/foto_garantia.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art18 {background: #92afcf url(img/foto_garantia.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art5 {background: #92afcf url(img/foto_capital.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art13 {background: #92afcf url(img/foto_capital.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art9 {background: #92afcf url(img/foto_contacto.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #art13 {background: #92afcf url(img/foto_contacto.jpg) no-repeat; height:150px;width:459px}
#columnaizquierda #rub2 {background: #92afcf url(img/foto_documentos.jpg) no-repeat; height:150px;width:459px}
#columnaderecha .banner {background: #92afcf url(img/foto_portada2.jpg) no-repeat; height:150px;width:150px}

/* CONTENIDOS ----------------------------- */
h2 {color:#012F6B; font-size:2.1em; font-family: "Humnst777 Lt BT", Arial, Helvetica, sans-serif;margin-bottom:.1em; letter-spacing:-1px}
#columnaizquierda  p {font-size:1em;margin: .8em 0; line-height:1.3em; text-align:justify}
#columnaizquierda .destacar p {font-size:1.3em;width:380px;margin: 0 0 1em 0; text-align:left}
#columnaderecha h3 { font-weight:bold;color:#ff9a00;font-size:1em;padding-top:.9em}
#columnaderecha  p {margin: .8em 0; line-height:1.3em}
h3.spip {color:#012F6B;font-size:1.3em;margin:1em 0 0 0}
.destacar h3.spip {color:#ff9a00; font-size:2.1em; font-family: "Humnst777 Lt BT", Arial, Helvetica, sans-serif;margin-bottom:.1em}
#columnaizquierda ul.spip li { list-style-type:disc;margin: 0 0 .5em 1em}
#columnaizquierda ul.listado {margin:2em}

#documents_joints {border-top: 1px solid #D3D6DB;padding:.6em 0;margin: 2em 0 }
#documents_joints h3 {display:none}

/* pie de pagina --------*/
#pie {clear:both}
#pie img {float:right;margin-right:26px}
#pie p {border-top: 1px solid #cacaca;font-size:.8em;padding:1.4em 0;width:643px}
#pie a {color:#8b8b8b}
#pie a:hover {text-decoration:underline} 

/* formularios --------*/
.formulaire_spip fieldset {border:0 none;font-size:1.1em;padding-top:.3em}
.formulaire_spip legend { font-weight:bold;color:#012F6B}
#columnaizquierda .formulaire_spip ul {margin:0;padding:0}
.formulaire_spip li {margin: .4em 0}
.formulaire_spip label {display:block;margin:.5em 0}
.formulaire_spip .text,
.formulaire_spip .password {background:url(img/fondo_forms.gif) no-repeat;border:1px solid #d0d0d0;padding:4px;width:300px;color:#333; font-size:.9em}
.formulaire_spip textarea {background:url(img/fondo_form.gif) no-repeat;border:1px solid #d0d0d0;padding:4px;width:449px;color:#333; font-size:.9em}
.formulaire_spip .boutons {text-align:right;width:462px !important}
.formulaire_spip .boutons input {border:none; background-color:#fff; cursor:pointer;color:#8b8b8b}
.details {font-size:.8em}.formulaire_ecrire_auteur .previsu {border:1px dotted #012F6B;padding:1em;margin-bottom:2em;background-color:#E2E7ED;color:#555}
.formulaire_ecrire_auteur .previsu .boutons {text-align:right}
.formulaire_ecrire_auteur .reponse_formulaire_ok {color:#012F6B;font-size:1.2em;text-align:center}
.formulaire_ecrire_auteur .erreur textarea,
.formulaire_ecrire_auteur .erreur .text {border:1px solid #012F6B}
.formulaire_ecrire_auteur .erreur_message {color:red;font-size:.8em;display:block}
.choix {margin: .6em 0}
.choix label {display:inline}

#columnaderecha h3.privado {text-align:center;border:1px solid #DBE2EC;padding: .2em .2em;font-weight:normal;margin-top:3em;background:#F0F4F7}
#columnaderecha h3.privado a {color:#444}