@charset "utf-8";
/* negro: #19171C
verde: #cccc00;
azul enlace: #2a68d2;
*/
* {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: middle; background: transparent;}

body {
	background: #fff url(../img/bg.gif) repeat; margin:0;
	text-align: center;
	font-family: verdana,arial,helvetica,lucida,tahoma,sans-serif;
	font-size: 12px;
	color: #666;
}



/*********** TEXTOS ***************/
a {color: #2a68d2; vertical-align:baseline}
a:hover {color: #f00;}
.invisible,h1 span,caption  {position: absolute;left: -10000px;}

.rojo {color: red;}

ol, ul {list-style: none;}
:focus {outline: 0;}
.clear,hr  {clear: both;}
.clear  {border: 1px solid #FFFFFF;}
hr {border:1px solid transparent; margin:10px 0;}
.left {float: left;}
.right {float: right;}
small {font-size: x-small;; color: #666;}
img.left, object.left {margin: 5px 15px 10px 0; }
img.right, object.right {margin: 5px 0 10px 15px;}
a img.left, a img.right {border:1px solid #CCCCCC; padding:5px;}
a:hover img.left, a:hover img.right {border:1px solid #2a68d2; padding:5px;}

#todo {
	position:relative;
	width: 965px;
	margin: 0 auto;
	padding:10px;
	border:1px solid #fff;
	text-align: left;
	background: #fff;
}

/**** H1,H2,H3,... ********/
h1, h1 a{
	width: 290px;
	height: 73px;
	background: url(../img/logo.jpg) no-repeat left top;
	display:block;
}
h1 a:hover{background: url(../img/logo2.jpg) no-repeat left bottom;}

h2,h3 {
	float:left;
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color: #000;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
}
h2 span, h3 span{
	float:left;
	background: #cccc00;
	padding:10px 20px;
	border:5px solid #fff;
}
h3 {margin-left:45px; max-width: 648px;}
h3 a{background: #cccc00; color:#000000; text-decoration:none;}
h3 a:hover{background: #cccc00; color:#000000; text-decoration: underline;}

h4 {font-family:Arial, Helvetica, sans-serif;color: #000;  border-bottom: 1px dotted #000; display:block; clear:both; margin: 30px 0 5px 0; font-size: 18px; width:100%;}
h4.subtitulo {color: #666666; font-size: 16px; border:none;}
h5 {font-size: 14px; color: #464646;}



/**************** MENU *********/
ul#menu-sup {
	float : left;
	width : 100%;
	display:block;
	margin:15px 0;
	text-transform : uppercase;
	font-size : 12px;
	text-align : center;
	background: #cccc00 url(../img/bg-menu-sup.gif) repeat-x bottom;
}
ul#menu-sup li {
	float : left;
	width : 137px;
	height : 30px;
	padding-top : 20px;
	background: #000;
	border-right : 1px dotted #666;
}
ul#menu-sup li a {color: #CCCCCC; text-decoration:none;}
ul#menu-sup li a:hover {color : #fff; text-decoration:underline;}
ul#menu-sup li.sel {
	height : 40px;
	background-color : #111;
	color : #fff;
	border-right : 1px solid #666;
	border-bottom : 1px solid #666;
	border-left : 1px solid #666;
	padding-top : 25px;
}
ul#menu-sup li.sel a{background-color : #111;color : #fff;}
ul#menu-sup li.ulti { border:none; width : 136px;}


/*************** MIGAS *************/
ol#migas {float: left; width: 94%; display:block; margin: 0 0 20px 0; padding:0 3% 10px 3%; border-bottom : 1px dotted #666;}
ol#migas li {float: left; background: url(../img/flecha.gif) no-repeat 0 4px; padding: 0 10px; border: none; color:#666;}
ol#migas li.pri {float: left; font-style: normal; background-image:none; padding-left:0;}
ol#migas a{color: #000000; font-style: italic;}



/************** CUERPO **************/
#cuerpo {
	line-height: 1.6em;
	display:block;
	width:100%;
	clear:both;
}

/************* CUERPO DERECHA *****************/
#cuerpo-dcha {
	float: right;
	padding-top: 0px;
	width: 650px;
	line-height: 1.7em;
	font-size: larger;
	border-top:1px solid #999999;
}

#cuerpo-dcha ul#acceso{margin:10px 0 50px 0; font-size: 12px;}
#cuerpo-dcha ul#acceso li{ list-style:none; float: right; margin-left:45px; padding: 2px 0 2px 25px; line-height:normal;}
#cuerpo-dcha ul#acceso li.print{ margin-left:65px; background: url(../img/print.gif) no-repeat center left;}
#cuerpo-dcha ul#acceso li.date{ margin-left:0; background: url(../img/date.gif) no-repeat center left; font-style: oblique;}

#cuerpo-dcha ul#acceso li.addthis_toolbox ul {float: left; margin:0; padding:0; width:130px;}
#cuerpo-dcha ul#acceso li.addthis_toolbox ul li{ padding-left: 5px; margin-left:5px; background: url(../img/bton.gif) no-repeat left center;}


#cuerpo-dcha p{margin: 1.2em 0;}
#cuerpo-dcha ol, #cuerpo-dcha ul {list-style: inside; list-style-type: circle; margin: 5px 20px}


/*** mostar imagenes ****/
#imagenes {
	margin:10px 0 10px 20px;
	padding:10px;
	width:270px;
	float: right;
	border:1px solid #999999;
	float: right;
}
#imagenes img{float: left;}


#imagenes ul {float: right; width:auto; margin:0;}
#imagenes li {display: inline; margin: 0 5px 0 0;}
#imagenes p {
	padding:5px;
	text-align:center;
}
.imagen-peq {
	float:left;
	margin:10px 4px 2px 4px;
	border:1px solid #DBDAD7;
	background:#FFFFFF;
}
.imagen-peq:hover {border:1px solid red;}




/************** listar fotos y videos *******************/
.capaReg {
	width:190px;
	float:left;
	margin: 0 8px 15px 7px;
	padding-bottom:5px;
	border:1px solid #E9E7E7;
	color:#333333;
}
.capaReg:hover{border:1px solid #cccc00;}
.capaReg-imagen {
	width:180px;
	margin: 5px 0 0 10px;
}

.capaReg-textos {
	padding:0 0 0 10px;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
}

.capaReg h4, .capaReg h5{margin:5px 0; width:95%}
.capaReg h4 aj, .capaReg h5 a{
	margin:0;
	font-size:12px;
	color: #000;
	text-decoration:none;
}
.capaReg h4 a:hover, .capaReg h5 a:hover{
	text-decoration: underline;
}



/********** paginar ****************/
.paginar {
	clear: both;
	display: block;
	padding: 10px 0;
	font-size:small;
	width:100%;
	vertical-align: middle;
	text-align:right;
}
.paginar a{ margin:0; vertical-align: middle}
.caja-numero {
	padding: 4px 7px;
	margin: 0 3px 0 0;
	border: 1px solid #ccc;
	background: #000;
	color:#FFFFFF;
	text-decoration:none;
}
.caja-numero.sel {
	background: #cccc00;
	color: #000000;
}
a.caja-numero:hover {border: 1px solid #999; background:#fff; color:#000000; text-decoration:underline;}




/******* CUERPO IZQUIERDA **************/
#cuerpo-izda {
	width: 270px;
	float: left;
}
#cuerpo-izda ul, #cuerpo-izda .caja{
	list-style: none;
	display:block;
	clear:both;
	margin: 0 0 50px 0;
	border:1px solid #999999;
}
#cuerpo-izda .caja{padding: 10px;}

#cuerpo-izda li {
	border-bottom: 1px solid #eeeeee;
	padding-right: 10px;
}
#cuerpo-izda li.sel, #cuerpo-izda li:hover {background: #f3f8ff; border: none; border-bottom: 1px solid #eeeeee;}
#cuerpo-izda li:hover a {color: #000;}
#cuerpo-izda li a {
	display: block;	
	background: url(../img/flecha-azul.gif) no-repeat right;	
	text-decoration: none;
	padding: 5px 0 5px 20px;
}






/*********** FIN DEL CUERPO ****************/
#cuerpo .paginarTodo {
	position: relative;
	background:#FFFFFF;
	padding: 0 50px;
	height: 29px;
	overflow: hidden;
	display:block;
	clear:both;
}	
#cuerpo .paginarTodo .volver {
	position: absolute;
	top: 8px;
	left: 50px;
}
#cuerpo .paginarTodo .volver a {
	background: url(../img/volver.gif) no-repeat left;
	padding-left: 16px;
}
#cuerpo .paginarTodo .siguiente {
	position: absolute;
	top: 8px;
	right: 50px;
}
#cuerpo .paginarTodo .siguiente a {
	background: url(../img/ir.gif) no-repeat right;
	padding-right: 16px;
}
#cuerpo .paginarTodo .subir {
	background: url(../img/subir.gif) no-repeat right;
	padding: 0 16px 0 0;
	position: absolute;
	top: 8px;
	left: 430px;
}



/************* FIN ************}*/
#fin {width: 100%; height: 50px; margin:20px 0 0 0; padding: 17px 0; background: #19171C url(../img/logo2.jpg) no-repeat 3px 5px; color: #cccc00; }
#fin p, #fin address{float: left; width:auto; margin:3px 0 8px 330px;}
#fin p {_margin:3px 0 8px 160px;}
#fin address{ float:none; width:350px;}

#fin ul {float: right; width:auto; text-align:right}
#fin li {display: inline; margin: 0 5px;}
#fin a {text-decoration: none; color:#DFDFDF; background:#19171C;}
#fin a:hover {color: #FFF; background:#19171C; text-decoration: underline;}
#fin li.conforme{display:block; font-size:90%; margin:10px 0;}
#fin li.conforme ul{float:left; width:300px;}
#fin li.conforme li{font-size:90%;}
#fin li.conforme a{color: #9C9C9A;}

/************* CONTACTO ************}*/
#contacto {position:absolute; top:22px; right:20px; padding-top:5px; width:195px; height:35px; background: url(../img/contacto.jpg) no-repeat; line-height: 1.2em;}
#contacto span { float:right; width:98px; text-align:center;}
#contacto a{color: #000;}
#contacto a:hover{color: #000;cursor:hand }

/************** FORMULARIOS *****************/
form {margin: 10px 0 20px 0; padding: 0; border:1px solid #fff; clear: both;}
fieldset{ border:1px solid #ccc; margin:10px; padding:10px;}
fieldset.listacorreo{ margin: 0; padding: 0; border:none; background: #FFF url(../img/bg-correo.jpg) no-repeat right 70px;}
fieldset.listacorreo  li{ display:block; clear:both}

legend {padding:10px;}

label {clear: left; float: left; width:auto; margin:10px; font-size: 14px;}
label.lista {clear: left; float: left; width:auto; margin:20px 0 0 0; font-size: 14px;}
select {float: left;  margin:5px 0; padding:3px; font-size:12px;}

input {float: left; margin: 5px 10px; font-size: 14px; padding:3px; margin-right:10px;}
input, textarea { vertical-align:middle;}
input.casilla-peq {background: url(../img/bg-input-peq.gif) no-repeat top left;		border: none; width:145px; height:18px; padding: 4px 0 3px 5px;		margin: 5px 0 5px 0;}
input.casilla-peq:focus {background: url(../img/bg-input-peq-blak.gif) no-repeat top left;}
input.casilla {		background: url(../img/bg-input.gif) no-repeat top left;			border: none; width:203px; height:18px; padding: 4px 0 3px 5px;		margin: 5px 0 5px 0;}
input.casilla:focus {background: url(../img/bg-input-blak.gif) no-repeat top left;}
input.mal {			background: url(../img/bg-input-mal.gif) no-repeat top left;		border: none; width:203px; height:18px; padding: 4px 0 3px 5px;		margin: 5px 0 5px 0;}
input.mal:focus {	background: url(../img/bg-input-blak.gif) no-repeat top left;}
input.mal-peq {	background: url(../img/bg-input-mal-peq.gif) no-repeat top left;border: none; width:145px; height:18px; padding: 4px 0 3px 5px;		margin: 5px 0 5px 0;}
textarea {			background: url(../img/bg-textarea.jpg) no-repeat top left;		border: none; width:430px; height:87px; padding: 10px 10px 3px 10px;margin: 5px 0 5px 0;}
textarea.mal {		background: url(../img/bg-textarea-mal.jpg) no-repeat top left;border: none; width:442px; height:87px; padding: 10px 10px 3px 10px;	margin: 5px 0 5px 0;}
textarea:focus, textarea.mal:focus {	background: url(../img/bg-textarea-blak.jpg) no-repeat top left;}

#cuerpo-izda form ul, #cuerpo-dcha form ul { border:none; margin:0;}
#cuerpo-izda form li, #cuerpo-dcha form li { border:none; padding:0; margin-left: 10px; list-style: none;}
#cuerpo-izda form li:hover, #cuerpo-dcha form li:hover {background: #fff; border: none;}
#cuerpo-izda form li a, #cuerpo-dcha form li a { display:inline; padding:0;}

p.error, p.ok {
	color: #B22222;
	padding: 12px 40px;
	border: 1px solid #ccc;
	margin: 10px 0;
	font-size:16px;
}
p.error {color: #BB4B00;	background: #FFFCEB url(../img/error.gif) no-repeat 10px center;}
p.ok {color: #000;	background: url(../img/ok.png) no-repeat  10px center;}

.boton {
    background: #006B91 url(../img/bton.gif) repeat-x scroll center top;
    color:#FFFFFF;
    border: 1px double #366485;
    cursor: pointer;
    padding: 6px 6px;
    margin: 10px;
    max-width:220px;
}
.boton:hover {background: #006B91 url(../img/bton.gif) repeat-x scroll center  bottom;}


/************** TABLE **********************/
table {width: 100%; margin: 10px 0 10px 0;}
th { text-align:center;background-color: #cccc00;	color: #000; padding: 5px 10px; border:1px solid #999999;}
td { border:1px solid #999999; padding: 5px 10px;}