/*
2RSys GNU Linux Solutions 
CSS by Oscar Roberto BASTOS
(c)left 2007/2009 - 2RSys - Ploërmel, Morbihan, Bretagne (what else!), France.
Feel free to copy, modify or redistribute this CSS, under GNU Licence conditions. 
*/

/*Datos comunes */
@charset "utf-8";
* {margin: 0px; padding: 0px;}
.chaque {display:none;}
.limpia {clear:both;}
.limpiaL {display:block; clear:left;}
.limpiaR {display:block; clear:right;}
a {color:#000000;}
a:visited {color:#ffffff;}
a:active {color:#3D2E14;}
a:hover {color:#ffffff;}
body {background: url(images/fondo.jpg) repeat-x #004c00;} /*verde*/

#pagina{ width:700px; margin:0px auto; font-family:sans-serif; font-size:12px; color:#ffffff;}

/*Logo en Cabecera de página*/
#logo {background-image:url(images/cabeza-pag.jpg); background-repeat:no-repeat;height:200px;}

/*Barra y Menu Superior*/
#barraSup {background-image:url(images/barraSup.jpg); background-repeat:no-repeat; height:48px;}

#menuSup {display:block; list-style:none; padding:7px 10px 0px 10px;}
#menuSup li {display:inline;}
#menuSup a {display:block; float:left; height:24px; margin:0px ; padding:9px 15px 0px 15px; text-align:center; text-decoration:none; color:#FFFFFF}
#menuSup a, #menuSup a:visited, #menuSup a:active {background:url(images/btnMenSup-a.jpg) repeat-x; border-right:solid 1px #897958;}
#menuSup a:hover{background:url(images/btnMenSup-s.jpg) repeat-x; border-right:solid 1px #897958;color:#FFFFFF}
#menuSup .active a, #menuSup .active a:visited, #menuSup .active a:active{background:url(images/btnMenSup-p.jpg) repeat-x; border-right:solid 1px #897958; color:#000000;}

/*Barra Lateral*/
#sectorLateral {margin:0px 0px 0px 520px; background:url(images/separador.jpg) repeat-y;} /*ojo: margen Izq => width(sectorPpal)+20 */
#contenedorLateral {padding:5px 15px 5px 20px;}

/*Menu Lateral*/
#menuLat {display:block; list-style:none; padding:0px 10px 10px 10px;}
#menuLat li {display:inline; }/*Items primarios (como subtitulos)*/
#menuLat li ul{display:inline; }/*lista de tipo desordenada*/
#menuLat li ul li{display:inline; }/*Sub-items (los verdaderos items jeje!)*/
#menuLat a {display:block; height:20px; margin:0px ; padding:5px 5px 0px 0px; text-decoration:none; text-align:center; color:#FFFFFF;}
#menuLat a, #menuLat a:visited, #menuLat a:active {background:url(images/btnMenLat-a.jpg); border-left:solid 1px #897958; border-right:solid 1px #897958;}
#menuLat a:hover {background:url(images/btnMenLat-s.jpg); border-left:solid 1px #897958; border-right:solid 1px #897958; color:#000000;}
#menuLat .active a, #menuLat .active a:visited, #menuLat .active a:active{background:url(images/btnMenLat-p.jpg) ; border-right:solid 1px #897958; color:#000000;}
#menuLat h2 {border-bottom:solid 1px #897958; padding:5px; margin:10px 0px 0px 0px; font-family:sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold;text-align:center;}

/*Contenido*/
#contenidos {background:url(images/contenidos.jpg) repeat-y;}
#sectorPpal {width:500px; float:left; padding:5px 5px 5px 15px;}
#sectorPpal p {line-height:22px; margin:0px 0px 22px 0px;}
#sectorPpal blockquote {background:660000; display:block; margin:5px; font:Georgia, Times, serif; font-style:italic;}
{border-width:0;}
h1, h2, h3, h4, h5 {color:#FFFFFF; font-weight:bold;font-family:sans-serif;}
#sectorPpal h1 {font-size:28px;}
#sectorPpal h2 {font-size:24px;}
#sectorPpal h3 {font-size:20px;}
#sectorPpal h4 {font-size:18px;}
#sectorPpal h5 {font-size:16px;}
.lista {display:inline; list-style:none;}
.lista li {display:inline; padding:0px; border-bottom: dashed 1px ##765500;}
.subTitulo{font-size:12px; color:#926900; font-weight:bold; display:block; margin:0px; background:#DEDEDE; margin:10px 0px 0px 0px; padding:2px;}
.lista a,.lista a:visited, .lista a:active {display:block; padding:3px 3px 3px 18px; background: url(images/marca-a.jpg) no-repeat 3px #F0F0F0; color:#666666; text-decoration:none;}
.lista a:hover { background: url(images/marca-p.jpg) no-repeat 3px #F9F9F9; color:#000000; text-decoration:none;}
#contenidos #sectorPpal ol {margin:10px 10px 10px 25px;}
#contenidos #sectorPpal ol li {padding:5px 5px 5px 20px;}
#contenidos #sectorPpal ul li {display:block; padding:0px; border-bottom: dashed 1px #9A7A4C;}

/*tablas*/
table { width:98%; border:solid 3px #CCCCCC; background:660000;}
th {background: #FFFFCC; padding:3px; border-bottom:dashed 1px #CCCCCC; text-align:left;}
td {padding:3px;}

/*formularios*/
form {margin:0; padding:0;}
.formMapa {background: #E9E9E9; border:solid 1px #BFBFBF; margin:0px -5px; padding: 3px}
.formTxt {width:300px; background-color: #E6E6E6; margin:0px;border: 1px solid #847766;}
.formTxt:hover {background:#F9F9F9;}
.formTxt:focus {background:#FFFFFF;}
.formBtn {display: block; padding:0px; background-color:#C0C0C0; margin:3px;border: 2px solid #949494; color:#1B170B;}

/*galería de imágenes*/
.galeria {margin:0px; padding:6px;}
.galeria .marco {display:block; height:100px; float:left; width:25%; padding:5px; margin:5px ; background:#ffffff; text-align:center;}
.marco img {background:000000; padding:5px;}
.marco .txtMarco {display:block; text-align:center;}
.marco a img, .marco a:visited img, .marco a:active img {border:solid 1px #DCCDCD;}
.marco a:hover img {border:solid 1px #000000;}

/*documentos*/
.docu {margin:10px 0px 10px 0px;}
.docu h3 {font-size:14px; color:#FFFFFF; text-decoration:none;}
.docEnlace a {display:block; clear:left; font-size:10px; color:#000000; border-top:solid 1px #ffffff; text-align:right; text-decoration:none}
.docEnlace a:hover {color:#ffffff;}
.docEnlace a:visited {color:#000000;}
.docPie {display:block; clear:left; border-top: solid 2px #BFBFBF; padding:5px; text-align:center;}

.docIzq {float:left; margin:5px;}
.docDer {float:right; margin:5px;}
.docNeg {font-weight:bold;}
.docRes {display:block; font-size:10px; color:#000000; background: #E9E9E9; border:solid 1px #BFBFBF; padding:5px; margin:10px 30px}
.docu img { display:block; background:#FFFFFF; border:solid 1px #BFBFBF; padding:5px;}

/*Pie de Pagina*/
#pie {background:url(images/barraPie.jpg) no-repeat; height:36px; padding:15px; color:#FFFFFF;}
#pie a , #pie a:visited, #pie a:active {text-align:center; text-decoration:none; color:#FFFFFF}
#pie a:hover {color:#000000}