/**********************************************************************************************************************/
/* Archivo: style.css
/* Versión: 1.0
/* Fecha: Agosto 2010
/* Autor: elRevoltijo-Network.com
/* Descripción: Hoja de estilos en cascada para la pagina web
/**********************************************************************************************************************/

/* Definicion del charset */
/* @charset "iso-8859-1"; */

/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* BODY. Cuerpo del documento.
/**********************************************************************************************************************/
html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(imagenes/fondo-web.png);
	background-repeat: repeat;
}

/**********************************************************************************************************************/
/* H1, H2, H3, H4, H5, H6. Cabeceras de Nivel 1, 2, 3, 4
/**********************************************************************************************************************/
h1 {
	margin: 3px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, Times;
	text-align: justify;
}

h2 {
	margin: 3px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, Times;
	text-align: justify;
}

h3 {
	margin: 3px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, Times;
	text-align: justify;
}



/**********************************************************************************************************************/
/* P. Parrafo.
/**********************************************************************************************************************/
p {
	margin: 3px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, Times;
	text-align: justify;
}

/**********************************************************************************************************************/
/* UL, LI. Listas
/**********************************************************************************************************************/
ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
	list-style: square;
}

li {
	margin: 3px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, Times;
	text-align: justify;
}

/**********************************************************************************************************************/
/* IMG. Imagenes.
/**********************************************************************************************************************/
img {
	border: 0px;
}
	
/**********************************************************************************************************************/
/* A. Hipervinculo.
/**********************************************************************************************************************/
a:link {
	color: #2F4399;
	text-decoration: underline;
}

a:visited {
	color: #2F4399;
	text-decoration: underline;
}

a:active {
	color: #2F4399;
	text-decoration: none;
}

a:hover {
	color: #2F4399;
	text-decoration: none;
}
a:hover img {
	opacity: .80;
	/*filter:alpha(opacity=80);*/
}



/**********************************************************************************************************************/
/* INPUT, TEXAREA, SELECT, FORM. Formularios
/**********************************************************************************************************************/
input {
	font-family: Helvetica, Arial, Verdana, Times;
	font-size: 11px;
	background-color: #FFFFFF;
	border: #7799BB solid 1px;
}
textarea	{
	font-family: Helvetica, Arial, Verdana, Times;
	font-size: 11px;
	background-color: #FFFFFF;
	border: #7799BB solid 1px;
}
select {
	font-family: Helvetica, Arial, Verdana, Times;
	font-size: 11px;
	background-color: #FFFFFF;
	border: #7799BB solid 1px;
}
form {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}



/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* DIV "div_principal". Contenedor principal para situar el contenido de las paginas
/**********************************************************************************************************************/
.div_principal {
	margin: 0px auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 960px;
}



/**********************************************************************************************************************/
/* DIV "div_cabecera". Contenedor para la cabecera de la zona de administracion
/**********************************************************************************************************************/
.div_cabecera {
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}
.div_cabecera h1 {
	margin: 0px;
}
.div_cabecera p {
	margin-bottom: -15px;
	float: right;
	position: relative;
	top: -155px;
}



/**********************************************************************************************************************/
/* DIV "div_izquierda", "div_centro", "div_derecha". Contenedores para estructuras la pagina
/**********************************************************************************************************************/
.div_izquierda {
	float: left;
	width: 162px;
	margin: 0px;
	padding: 0px;
}

.div_centro {
	margin: 0px;
	margin-left: 177px;
	margin-right: 265px;
	padding: 0px;
}

.div_derecha {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px;
}



/**********************************************************************************************************************/
/* DIV "div_contenido". Contenedor para el contenido
/**********************************************************************************************************************/
.div_contenido_cabecera {
	margin: 0px;
	padding: 0px;
	padding-bottom: 7px;
	border: 1px solid #000000;
	background: #2F4399;
}
.div_contenido_cabecera p {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}



.div_contenido_contenido {
	position: relative;
	top: -8px;
	margin: 0px;
	margin-bottom: 7px;
	padding: 0px;
	border: 1px solid #000000;
	background: #F2F2F2;
}

.div_contenido_solitario {
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
	border: 1px solid #000000;
	background: #F2F2F2;
}

.div_contenido_espacio {
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
}



.div_contenido_estandares {
   padding-top: 3px;
   padding-bottom: 3px;
}
.div_contenido_estandares p {
   padding-top: 1px;
   padding-bottom: 1px;
   text-align: center;
}

.div_contenido_centrado p {
	text-align: center;
}


/**********************************************************************************************************************/
/* DIV "div_pie". Contenedor para la cabecera de la zona de administracion
/**********************************************************************************************************************/
.div_pie {
	margin: 0px;
	padding: 0px;
	border-bottom: 0px;
}
.div_pie p {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}



/**********************************************************************************************************************/
/* DIV "div_cleaner". Contenedor para ajustar capas externas
/**********************************************************************************************************************/
.div_cleaner {
	margin: 0px;
	padding: 0px;
	clear: both;
}

/**********************************************************************************************************************/
/* INPUT "input_boton_off", "input_boton_on"
/**********************************************************************************************************************/
/*.input_boton {
	background-color: #FFFFFF;
	color: #306C00;
	font-weight: bold;
	cursor: pointer;
}
.input_boton:hover {
	background-color: #F0F0F0;
	color: #306C00;
	font-weight: bold;
	cursor: pointer;
}
*/
/**********************************************************************************************************************/
/* SPAN "span_error", "span_mensaje"
/**********************************************************************************************************************/
/*.span_error {
	color: #CC0000;
}
.span_mensaje {
	color: #306C00;
}
*/