/************************************************************************************
//Fichero: laorden.css
//Descripción: Maquetación CSS
//Autor: Manolo Bittacora
//Última actualización: 17/07/2008 20:00
//Último actualizador: Manolo Bittacora
//************************************************************************************/


/****************************************
/* ESTILOS GENERALES
*****************************************/
* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	height:100%;
}

img {
	border: none;
	text-decoration: none;
}


.titulo,h1 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #B4B369;
	text-align: justify;
}

.titulo,h2 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #b48d69;
	text-align: justify;
}

.titulo,h3 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #666;
	text-align: justify;
}

.texto_normal {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	text-align: justify;
}

a{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
/*	font-size: 0.8em;	*/
	font-weight: bold;
	color: #76994d;
	text-align: left;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.texto_negrita {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	text-align: justify;
}

.texto_rojo {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #D20000;
	text-align: justify;
}

.texto_rojita {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #D20000;
	text-align: justify;
}

/****************************************
/*BODY
*****************************************/

body {
/*	text-align: center;*/
	height: 100%;
	width: 100%;
/*	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	overflow: -moz-scrollbars-none;*/
	background-image: url(../images/bg.slider.gif);
}

html, body {
	height: 100%;
	width: 100%;
	margin:0px; 
	padding:0px; 
/*	text-align:center;*/
/*	z-index:1;*/
}

.separador {
	clear: both;
	height: 4px;
}

.separador_grande {
	clear: both;
	height: 10px;
}

.aclarado {
	clear: both;
}

.aclarado2{
	clear: both;
	height:4px;
}

.aclarado3{
	clear: both;
	height:8px;
}

/****************************************
/*BLOQUES
*****************************************/

#contenedor {
	width: 850px;
/*	height: 100%;*/
/*	background-color: #fff;*/
	margin: 10px auto 10px auto;	
	padding: 0px;
/*	border-width: 2px;
	border-color: #666666; 
	border-style: solid;*/
}

#menu_main {
	background: #ffffff;
	border-width: 5px;
	border-color: #B4B369; 
	border-style: solid;	
	width: 850px;
	height: 240px;
	margin: auto auto 10px auto;	
	float: left;	
	background-image: url(../images/filigrana2.jpg);
	background-position: right;
	background-repeat: no-repeat;		
}

#imageMenu {
	margin: auto;
	background: transparent;	
	padding-top: 20px;
	list-style: none !important;	
}

#menu_left {
	width: 200px;	
	text-align: left;
	float: left;
	padding: 5px;
}

/*#udm ul {	
	margin-left:0 !important;	
	margin-top:1px !important;	
	width:124px !important;	
	w\idth:119px !important;	
}*/

#medio {
	width: 850px;
	margin: auto auto 10px auto;	
	padding-left: 0px;
	border-width: 5px;
	border-color: #B4B369; 
	border-style: solid;		
	text-align: left;
	float: left;
	background-image: url(../images/fondo_medio.jpg);
	background-position: left;
	background-repeat: repeat-y;		
	background-color: #ffffff;
}

#medio .bloque_agenda{
	width: 270px;
	display: block;
	float: left;	
	padding: 10px 5px 5px 5px;
}

#medio .bloque_novedades{
	height: 100%;
	width: 270px;
	display: block;
/*	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #B4B369; 	*/
	float: left;	
	padding: 10px 5px 5px 5px;	
/*	background-color: #efeede;*/
}

#medio .bloque_convocatorias{
	width: 270px;
	display: block;
	float: left;	
	padding: 10px 5px 5px 5px;	
	background-image: url(../images/filigrana3.jpg);
	background-position: top right;
	background-repeat: no-repeat;	
}

.bloque_info {
	margin-top: 5px;
	margin-bottom: 5px;
}

.fecha {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #b48d69;
	text-align: left;
}

.titular {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #76994d;
	text-align: left;
	text-decoration: none;	
}

.titular a{
	text-decoration: none;
}

.titular:hover{
	text-decoration: underline;
}

.bloque_ficheros {
	margin-bottom: 5px;
	border-style: dashed;
	border-width: 1px;
	border-color: #B4B369;
	padding: 5px;
}

.bloque_ficheros .info_ficheros {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #949494;
	text-align: left;
	text-decoration: none;		
}

#map {
	border-style: solid;
	border-width: 1px;
	border-color: #B4B369;	
}

.bloque_noticias {
	margin-bottom: 5px;
/*	border-style: dashed;
	border-width: 0 0 1px 0;
	border-color: #B4B369;*/
	padding: 5px;
}

.bloque_noticias .fecha {
	padding-left: 25px;	
}

.bloque_noticias a{
	font-weight: bold;
	color: #76994d;
	text-align: left;
	text-decoration: none;
	font-size: 0.9em;
	text-align: justify;
	padding-left: 25px;
	padding-right: 0px;
	background-image: url(link.gif);
	background-repeat: no-repeat;
	background-position: 5px left;
	display: block;
	list-style-type: none;
	text-decoration: none;
}

.bloque_noticias a:hover{
	text-decoration: underline;
}

/****************************************
/*LOSBAJOS
*****************************************/

#contenedor .volver{	
/*
	margin-top: 5px;
	margin-bottom: 5px;		*/
	padding-top: 4px;
}
#contenedor .volver a{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	/*color: #ff0000;*/
	color: #B4B369;
	padding-left: 10px;
	text-align: left;
	background-image: url(atras.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
}
#contenedor .volver a:hover{
	text-decoration: none;
	color: #b48d69;	
}

#contenedor .ancla{	
	/*margin-top: 5px;
	margin-bottom: 5px;		*/
}

#contenedor .ancla a{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	/*color: #ff0000;*/
	color: #B4B369;
	padding-right: 10px;
	float: right;
	background-image: url(arriba.gif);
	background-repeat: no-repeat;
	background-position: right;
	display: inline;
}
#contenedor .ancla a:hover{
	text-decoration: none;
	color: #b48d69;	
}

#contenedor .sombragris {
	clear: both;
	height: 20px;
	/*background-color: #F4F4F4;*/
/*	background-image: url(bg_points.gif);*/
	display: block;
	float: none;
	position: relative;
	padding: 5px 5px 5px 210px;		
/*	border-bottom: solid;
	border-top: solid;
	border-color: #B4B369;
	border-width: 1px;		*/
}

/****************************************
/*CABECERA
*****************************************/

#cabecera {
/*	height: 100px;*/
	width: 850px;
	margin: auto auto 10px auto;	
	background: #ffffff;
	border-width: 5px;
	border-color: #B4B369; 
	border-style: solid;		
	float: left;	
	background-image: url(../images/filigrana.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#cabecera .logo {
	height: 100px;
	width: 210px;
	background-image: url(../images/logo_laorden.jpg);
	background-position: left;
	background-repeat: no-repeat;
	float: left;
	display: block;
}
	

#cabecera .lema {
	text-align: left;
	float: left;
	color: #B4B369; 
	font-weight: bold;
	margin-top: 49px;
	margin-left: 10px;
}

/*#cabecera .consejeria {
	height: 100px;
	width: 210px;
	background-image: url(../images/logo_laorden.jpg);
	background-position: left;
	background-repeat: no-repeat;
	float: right;
	display: block;
	background-color: aqua;
}*/

/****************************************
/*CONTENIDO
*****************************************/

#contenido {
	width: 850px;
	background: #ffffff;
	border-width: 5px;
	border-color: #B4B369; 
	border-style: solid;		
	float: left;	
	display: inline;
	margin-bottom: 10px;
	text-align: left;
/*	background-image: url(../images/filigrana4.jpg);
	background-position: top right;	
	background-repeat: no-repeat;	*/

	background-image: url(../images/pie_menu.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#seccion {
	padding: 10px 15px 10px 0px;
	float: right;
	text-align: justify;
	width: 620px;
	background-image: url(../images/filigrana4.jpg);
	background-position: top right;	
	background-repeat: no-repeat;		
	min-height: 300px;
}

#seccion table {
	width: 600px !important;
}

#seccionforo {
	padding: 10px 15px 10px 5px;
	float: left;
	text-align: justify;
	width: 850px;
	background-image: url(../images/filigrana4.jpg);
	background-position: top right;	
	background-repeat: no-repeat;		
	min-height: 300px;
}

#seccion .foto_seccion{
	float: right;
	margin: 0 0 10px 15px;	
	border-width: 2px;
	border-color: #B4B369; 
	border-style: solid;		
/*	padding: 2px;*/	
}

#seccion ul, li {
	list-style-image: url(link.gif);
}
#seccion ul {
padding-left: 40px;
}
#seccion li {
margin-left: 20px;
}
/****************************************
/*PIE
*****************************************/

#pie {
	height: 80px;
	width: 850px;
	background: #EDEDDC;
	border-width: 5px;
	border-color: #B4B369; 
	border-style: solid;		
	float: left;	
	background-image: url(../images/pie_web.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#pie .w3c{
	float:right; 	
	margin-right: 5px;
	margin-top: 20px;		
	display: block;
 }
 
#pie .logo_junta{
   width: 122px;
	height: 35px;
	display: block;
	background-image: url(../images/logo_junta.gif);
	background-position: left;
	background-repeat: no-repeat;
	float: left;
	margin-left: 5px;	
	margin-top: 20px;
 }
 
#pie .logo_ue{
   width: 132px;
	height: 35px;
	display: block;
	background-image: url(../images/logo_ue.gif);
	background-position: left;
	background-repeat: no-repeat;
	float: left;
	margin-left: 15px;
	margin-top: 20px;	
 }
  
 #pie .pie_links{
 	float: left;
	width: 820px;
	text-align: left;
	color: #B4B369; 		
	font-size: 0.7em;	
	font-weight: bold;
	margin-left: 5px;	
	display: block;	
/*	background-color: aqua;*/
 }
 
#pie .pie_links a{
	color: #B4B369; 
	text-decoration: none;		
 }
 
 #pie .pie_links a:hover{
	text-decoration: overline;
 }
 
/****************************************
/*TABLAS
*****************************************/

table.title {
	width: 98%; 
	margin: 0px auto 0px auto;  
	text-align: left; 
	font-weight: bold; 
	letter-spacing: 3px; 
	padding: 0px; 
	color: #D20000;; 
	font-size: 0.8em;}

table.list {
	width: 98%;
	margin: 0px auto 0px auto;
	padding: 0px;
	font-size: 0.8em;
	background-color: #EEEEEE;}

td.listcab {
	text-align: center;
	font-weight: bold;
	padding: 5px; 
	color: #EDEDF8;
	background-color: #990000;
	font-size: 1em;}

td.listdat { 
	margin: 0;
	padding: 0px 10px 0px 10px;
	border: 1px solid #3A2576;
	border-style: none none solid none;
	height: 25px;}

/****************************************
/*BOTONES E ICONOS
*****************************************/




/****************************************
/*FORMULARIOS
*****************************************/	

#formulario {
	background-color: #e3e2f2;
	border: solid;
	border-color: #000000;
	border-width: 1px 0 1px 0;	
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 60%; 
	text-align: left;
}

#formulario form {
	background: none;
	border: none;	
}

#formulario label {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	text-align: left;		
	padding-right: 5px;		
}

#formulario .bot_buscar {
	width: 124px;
	height: 23px;
	background-image: url(../img/bot_buscar.png);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	margin: auto;
	padding-top: 20px;
}

#formulario select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	color: #000000;	
/*	clear: both;
	display: block;	
	margin-bottom: 5px;*/
	width: 200px;
	border: 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #f9f9ff;		
}

#formulario input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	color: #000000;	
/*	clear: both;*/
/*	display: block;*/
/*	margin-bottom: 5px;*/	
/*	width: 350px;*/
	background-color: #f9f9ff;
	border: 1px;
	border-style: solid;
	border-color: #ccc;	
}

#formulario textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	color: #000000;
	clear: both;
	display: block;	
	width: 100%;
	background-color: #f9f9ff;
	border: 1px;
	border-style: solid;
	border-color: #ccc;	
}

#formulario .boton {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	background-color:	#7273c0; 
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: 120px;
	width: 110px;
	border: none;
/*	cursor:pointer;*/
	vertical-align: middle;	
	text-transform: lowercase;
	display: block;	
}

#formulario .boton:hover {
	background-color:	#5b5cb5; 
	color: #fff;
}

/*
#formulario input:focus, select:focus, textarea:focus {
	background-color: #f2f2ff;
}
*/

form .errFld {
	padding: 1px;
	border: 1px solid #F00;
}


form .errMsg {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #CC3333 !important;
	height: 10px;
	display: block;	
	margin-bottom: 5px;
}

.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an {
display: block;
}

/****************************************
/*INFO y ERROR
*****************************************/	

#info_ok {
	background-image: url(../img/info.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #e3e2f2;
	border-color: #215972;
	border-width: 1px;	
	border-style: dashed;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 65px;	
	width: 50%; 
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;		
	color: #215972;
	text-align: left;	
	padding-top: 10px;
/*	padding-bottom: 5px;*/
}

#info_ok .info_ok_texto {
	vertical-align: middle;
	text-align: left;
	line-height: 55px;
}

#info_error {
	background-image: url(../img/error.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #e3e2f2;
	border-color: #D20000;
	border-width: 1px;	
	border-style: dashed;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 65px;	
	width: 50%; 
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;	
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;		
	color: #D20000;
	text-align: left;	
	padding-top: 10px;
/*	padding-bottom: 5px;*/
}

#info_error .info_error_texto {
	vertical-align: middle;
	text-align: left;
	line-height: 55px;
}



.enlaces_relacionados a{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	text-align: justify;
	padding-left: 20px;
	background-image: url(link.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.imagenes_relacionadas h3{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666;
	border-bottom: #666 1px solid;
	margin-top: 10px;
}

#seccion .imagenes_relacionadas img{
	float: left;
	margin: 10px 0 0 10px;	
	border-width: 2px;
	border-color: #B4B369; 
	border-style: solid;	
	width: 50px;
	height: 50px;	
/*	padding: 2px;*/	
}
.archivos_relacionados h3{
	clear: both;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666;
	border-bottom: #666 1px solid;
	margin-top: 15px;
	margin-bottom: 15px;
}
.archivos_relacionados a{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	text-align: justify;
	padding-left: 30px;
	background-image: url(link.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#seccion h2 a{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	text-align: justify;
	padding-left: 20px;
	padding-right: 0px;
	background-image: url(link.gif);
	background-repeat: no-repeat;
	background-position: 5px left;
	display: block;
	list-style-type: none;
	text-decoration: none;
}
#seccion h2 a:hover{
text-decoration: underline;
}
#seccion h2 span{
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	padding-left: 20px;

}

a#admin{
	display: block;
	width: 12px;
	height: 12px;
	float: left;
	position:relative;
	top: 20px;
	left: 6px;
}


#calendario {
	padding-left: 15px;
	width: 170px;
	height: 130px;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	/*margin: 0px 0px 0px 5px;*/
	margin-top: 15px;
	font-weight: bold;	
}

/*	color: #76994d;*/

#calendario span {
	float: left; width: 22px; 
	padding: 0; margin: 1px;
	text-align: center;
/*	border: 1px solid silver;*/
/*	background-color: #fff;*/
	color: #b4b369;
}

#calendario .titdia {
	color: #fff;
	background-color: #b4b369;
	font-weight: bold;
}

#calendario, .p {clear: left;}

#calendario .titcal{
	text-align: center;
	/*border: 1px solid silver;*/
	border: none;
	margin: 0;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: bold;
	padding-bottom: 5px;
	width: 170px;
	color: #76994d;	
}


#calendario a:link, #calendario a:visited {
	color: #76994d;
	text-decoration: none;
	font-weight: bold;
}

#calendario span a:hover {
	color: #000000;
}
#calendario #hoy{
/*	background-color: #f3f3e7;*/
	color: #76994d;
	font-weight: bold;
}

#calendario #hoyevento a{
	background-color: green;
}

#calendario a.evento {
	color: #FC1E2D;
	text-decoration: none;
	font-weight: bold;		
}
#calendario a.evento:hover, a.evento:visited {
	color: #FC1E2D;
	text-decoration: none;
	font-weight: bold;	
} 
.alto{
	height: 480px;
}


/*Formulario 2*/
fieldset {
	border:1px dashed #B4B369;
	padding:10px;
	margin-top:20px;
	margin-bottom:0px;
}

legend {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color: #B4B369;
	border: 1px solid #B4B369;
	padding: 2px 6px;
}

label {
	width:120px;
	height:27px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	background-color:#F3F3E7;
	float:left;
	display: block;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;
}

.form {
	margin:0;
	padding:0;width:600px;
}

.holder {
	background-color:#fff;
}

.div_texbox {
	width:440px;
	float:right;
	background-color:#F3F3E7;
	height:30px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textbox {
	background-image: url(16t.png);
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
   font:normal 1em Arial;
   color: #606060;
	padding:3px 5px 3px 19px;
}

.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}

.username {
    	background-image: url(16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
    	/*background-color:#FFFFFF;*/
		width:400px;
    	font:normal 0.8em Arial;
    	color: #606060;
    	padding:3px 5px 3px 19px;
		border: solid silver;	
		border-width: 0 0 1px 0;
}
.username:focus, .username:hover {
	background-color:#F0FFE6;
}
   
.password {
    	background-image: url(16s.png);
    	background-repeat: no-repeat;
   	background-position:left;
   	background-color:#FFFFFF;
	   width:285px;
    	font:normal 0.8em Arial;
    	color: #606060;
    	padding:3px 5px 3px 19px;
		border: solid silver;	
		border-width: 0 0 1px 0;		
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}
.password2 {
    	background-image: url(16s.png);
    	background-repeat: no-repeat;
   	background-position:left;
   	background-color:#FFFFFF;
	width:285px;
    	font:normal 1em Arial;
    	color: #606060;
    	padding:3px 5px 3px 19px;
}
.password2:focus, .password2:hover {
	background-color:#F0FFE6;
}
.email {
    	background-image: url(email.gif);
    	background-repeat: no-repeat;
   	background-position:left;
   	/*background-color:#FFFFFF;*/
		width:285px;
    	font:normal 0.8em Arial;
    	color: #606060;
    	padding:3px 5px 3px 19px;
		border: solid silver;	
		border-width: 0 0 1px 0;		
}
.email:focus, .email:hover {
	background-color:#F0FFE6;
}
.asunto {
    	background-image: url(lapiz.png);
    	background-repeat: no-repeat;
   	background-position:left;
   	background-color:#FFFFFF;
		width:400px;
    	font:normal 0.8em Arial;
    	color: #606060;
    	padding:3px 5px 3px 19px;
		border: solid silver;	
		border-width: 0 0 1px 0;		
}
.asunto:focus, .asunto:hover {
	background-color:#F0FFE6;
}
.mensaje {
    	background-image: url(folio.png);
    	background-repeat: no-repeat;
   	background-position:5px left;
   	background-color:#FFFFFF;
	   width:400px;
    	font:normal 0.8em Arial;
    	color: #606060;
    	padding:3px 5px 3px 19px;
		border: solid silver;	
		border-width: 0 0 1px 0;		
}
.mensaje:focus, .mensaje:hover {
	background-color:#F0FFE6;
}
.button_div {
	width:500px;
	float:right;
	/*background-color:#fff;
	border:1px solid #ccc;*/
	text-align:center;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
}
.buttons {
	background: #e3e3db;
	font-size:12px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

.paginas { text-align: center; margin-bottom: 20px; margin-top: 0px; }
.paginado { font-size: 10px; padding-top: 10px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px;  background-image: url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ }
.paginado a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; font: 1em Arial, Helvetica; color: #5f9ea0; font-weight: bold;}
.paginado a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginado .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginado .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginado .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginado .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.paginado .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginado .pagina_actual {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 10px; vertical-align: top; background: #fff; color: #C18D69; }
.paginado a:hover {color: #fff; background: #B4B369; border-color: #036; text-decoration: none;}
.paginas div.resultado { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }