/************************************************************************************
//Fichero: colazo.css
//Descripción: Maquetación CSS
//Autor: Manolo Bittacora
//Última actualización: 28/01/2009 12:00
//Último actualizador: Manolo Bittacora
//************************************************************************************/

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

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

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

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

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

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

body {
	height: 100%;
	width: 100%;
}

html, body {
	height: 100%;
	width: 100%;
	margin:0px; 
	padding:0px; 
	text-align:left;
	z-index:1;
	background-color: #e9e9e9;	
}

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

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

/****************************************
/*PORTADA
*****************************************/

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

/****************************************
/* CONTENIDOS
*****************************************/

#contenido {
/*   position: absolute;
   left: 50%;
   top: 50%; 
	height: 100%;
	width: 900px;*/
/*	background-color: #fff;	*/
/*	height: 100%;*/
	width: 1005px;
/*	background-color: aqua;*/
	display: block;
	min-height: 500px;	
	_height: 500px;
}

#contenido_izq {
	background-color: #fff;
	min-height: 500px;	
	_height: 500px;	
	width: 205px;
	float: left;
/*	display: block;*/
	margin-right: 10px;
}

#contenido_dch {
	background-color: #fff;
	min-height: 500px;	
	_height: 500px;	
	width: 790px;
	float: left;
/*	display: block;*/
	background-image: url(../img/fondo_tmp.jpg);
	background-repeat: no-repeat;
}

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

#cabecera {
	height: 150px;
	width: 1005px;
	margin: auto;	
	padding: 0px;
	background-color: #fff;
	margin-top:10px;
	margin-bottom:10px;
}


/****************************************
/*PIE
*****************************************/

#pie {
	height: 150px;
	width: 1005px;
	margin: 5px auto;	
/*	padding: 110px 0;	*/
	background-image: url(../img/pie_colazo.jpg);
	background-repeat: no-repeat;
	text-align: center;	
/*	background-color: #fff*/;
}

#pie .texto_pie {
	padding-top: 100px; 
	font-weight: normal;
	text-align: center;
	color: #0066FF;
	font-size: 0.8em;
}

/****************************************
/*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: 740px; 
	text-align: left;
}

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

#formulario label {
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #797979;
	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: Calibri, 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: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	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;	
}

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

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

#formulario .boton {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0066FF;
	letter-spacing: 1px;
	text-align: center;
	padding: 0px;
	width: 100px;
	border: 1px solid #0066FF;	
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;		
	font-weight: bold;		
	margin: auto;
}

#formulario .boton:hover {
	background-color:	#0A94D6; 
	border-color: #0A94D6;
	color: #fff;
}

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

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


form .errMsg {	
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	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: Calibri, 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: Calibri, 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;
}

/****************************************
/*FIN
*****************************************/