/*
.................................................
PANS & COMPANY
Documento de estilos CSS
.................................................
*/


/*
..........................
:: Selectores genéricos ::
..........................
*/

body {
	background: #fff;
	color: #000;
	font: 70%/1.2em "lucida sans unicode", tahoma, verdana, sans-serif; /* 70% del tamaño de fuente del Navegador */
	margin: 0;
	padding: 0;
 	scrollbar-face-color: #d4d0c8;			/**/
	scrollbar-shadow-color: #d4d0c8;		/**/
	scrollbar-highlight-color: #d4d0c8;		/**/
 	scrollbar-3dlight-color: #fff;			/* Color de las barras de SCROLL */
 	scrollbar-darkshadow-color: #808080;	/**/
 	scrollbar-track-color: #EAE8E5;			/**/
 	scrollbar-arrow-color: #000;			/**/
	}

a {
	background: #fff;
	color: #2158A5;
	padding: 2px 4px;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover {
	background: #2158A5;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 10px;
	text-decoration: none;
	}

a:visited {
	color: #999;
	}
	
a.bandera {
	background: #fff;
	}
	
a.bandera:hover {
	background: #fff;
	}

hr {
	background: #fafafa;
	border: 4px dotted #eee;
	height: 0px;
	}

h2 {
	font: 150%/1.5em georgia, serif;
	border-bottom: 1px solid #666;
	width: 80%;
	}
	
input {
	background: #2158A5;
	width: 318px;
	font: 11px/1.5em tahoma, Arial, Helvetica, sans-serif;
	border-top: 1px solid #aaa;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #aaa;
	}
	
input.theFormButton {
	width: 50px;
	background: #eee;
	font-weight: bold;
	color: #666;
	height: 20px;
	border-top: 1px solid #eee;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #eee;
	}
	
textarea {
	background: #2158A5;
	width: 350px;
	font: 11px/1.5em tahoma, Arial, Helvetica, sans-serif;
	border-top: 1px solid #aaa;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #aaa;
	}
	
select {
	background: #2158A5;
	width: 100px;
	font: 11px/1.5em tahoma, Arial, Helvetica, sans-serif;
	}
	
img {
	margin-left: 4px;
	margin-right: 4px;
	}

/*
.........................
:: ID Selectors ::
.........................
*/

#cabecera {
	margin: 0px;
	width: 100%;
	height: 89px;
	}
	
#division {
	height: 40px;
	/*background: url(../rcs/anim_cuadros.gif) repeat-x;*/
	background: #2158A5;
}	

#imagenes {
	height: 60px;
	background: url(../rcs/fondo_imagenes.jpg) repeat-x;
	border-top: 5px solid #2158A5;
	border-bottom: 5px solid #2158A5;
}	

#contenido {
	margin-top: 6px;
	text-align: center;
}

#pie {
	border-top: 2px solid #2158A5;
	margin-top: 4px;
	padding: 10px;
	text-align: center;
	font-size: 10px;
}	

#tabla_cabecera {
	width: 100%;
	background: #2158A5;
	}

#tabla_contenido {
	width: 90%;
	text-align: justify;
	}


/*
.........................
:: Class Selectors ::
.........................
*/

.helpDiv {
	position: absolute;
	background: #ffc;
	font: 10px tahoma, verdana, sans-serif;
	color: #000;
	border: 1px solid #666;
	padding: 6px;
	visibility: hidden;
	}

.P1 {
	font: bold 9px tahoma, verdana, sans-serif;
	border-bottom: 1px solid #c00;
	color: #c00;
	margin: 12px 0px 8px;
	}
	
.P2 {
	font: bold 9px tahoma, verdana, sans-serif;
	border-bottom: 1px solid #f90;
	color: #f90;
	margin: 12px 0px 8px;
	}
	
.P3 {
	font: bold 9px tahoma, verdana, sans-serif;
	border-bottom: 1px solid #fc0;
	color: #fc0;
	margin: 12px 0px 8px;
	}

.bold {
	font-weight: bold;
	}