/* CSS Document */
/********Estilos para el contenido de las secciones**************/

body {
	margin: 0px;
	padding: 0px;
}

/*Barra de titulo*/
.titulo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	padding: 20px;
}

#capa_titulo {
	color: #336699;
	background-color: #336699;
	border-bottom:2px solid #3399CC;
}

/****************COntenido de la seccion**************/
/*Estilos de etiquetas*/
h3{
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 14px;	
}

ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid #cccccc;
}

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3399CC;
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
	color: #FF9933;
}

/************Clases e id's***************/
#contenido {
	padding: 20px;

}

.titulo_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 15px;
}

.pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

.img_borde {
	border: 1px solid;
	border-color: #CCCCCC;
}

.tabla_datos {
	border-collapse: collapse;
	border-spacing: 0px;
	border-bottom:1px solid #0099CC;
}

.tab_dat_fila {
	border-top:1px solid #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099CC;
}

.tab_dat_fila:hover {
	background-color: #CCCCFF;
	cursor: default;
	color: #333366;
}

/*********Menu de seleccion*****************/

#lista_menu li {border-bottom: 1px solid #FFFFFF;}
html>body #lista_menu li {border-bottom: none;}

#lista_menu{
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-right:20px;
	font-size: 90%;
}

#lista_menu a {
	display:block;
	padding: 2px 0px 2px 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #0099CC;
	text-decoration: none;
	border:2px solid #FFFFFF;
}

#lista_menu ul li a:hover {
	background-color: #CCCCFF;
	color: #333366;
	cursor:pointer;
}

.sin_margen {
	margin: 0px;
	padding: 0px;
}

.margen_peque{
	padding: 5px;
}

/********Estilos de formulario************/

.input_caja {
	border: 1px solid;
	border-color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	color: #0099CC;
	height: 18px;
}

.input_boton {
	border: 1px solid;
	background-color: #FFFFFF;
	border-color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	color: #0099CC;
	font-size: 12px;
	height: 22px;
}

.input_boton:hover {
	background-color: #3399CC;
	color: #FFFFFF;
}

.area_texto{
	border: 1px solid;
	border-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	width: 100%;
	height: 300px;
	padding: 10px;
	overflow:auto;
}

.contacto_datos{
	border: 1px solid;
	border-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}

.contacto_boton {
	margin: 5px;
	border: 1px solid;
	border-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	background-color: #FFFFFF;
}

.contacto_boton:hover {
	color: #FFFFFF;
	background-color: #666666;
}