/*body{margin: 10 0 0 0;}  margenes del body */
/*
Azules logo 
claro 161 190 234 o 99CCFF
oscuro 6 115 182  o 006699
Blanco 255 255 255 o FFFFFF
*/
/*
Para centrar un div con css, en teoría es de la siguiente manera
	margin:0 auto 0 auto; (arriba derecha abajo izquierda)
	width:390px;  		(dando el ancho de la div)
Y añadiendo para IE7<
body { text-align:center; }
*/
/*
MAS INFO
A:link  --> no visitados
A:visited   --> visitados
a:hover  --> cuando pasamos por encima
a:active  --> cuando presionamos


*/


/*XXXXXXXXXXXXXXXXXXXXXXX GENERALES XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



/*Por defecto estilo Verdana y alineado izquierda para todo el body*/
body{ text-align: center;
	background-color:#FFFFFF;
	font: 10px Verdana;
	} 


/*Definimos las caracteristicas del contenedor, en este caso una tabla*/
table.contenedor{
	width:800;   /* Ancho de la tabla decoracion 800px */
	margin-left:auto;  
	margin-right:auto;	/*Centramos la tabla con los estilos*/
	top:0px;	
	border-color:#99CCFF;
	border-style: double;  /* le ponemos borde y del color azul claro del logo */
	}

/*XXXXXXXXXXXXXXXXXXXXXXX CABECERA XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* a:link.active, #roscripts_m4 a:visited.active, #roscripts_m4 a:hover {
	color: #000;
	background: url(m4.gif);
	}*/
.titulo{
	text-align:center;
	font: 14px Verdana;
	text-shadow:Gray;
	color:#006699;
	display:block;
	line-height: 1.5;
}

hr.cabecera{
	width:800px;
	height:2px;
	left:auto;
	right:auto;
	color:#006699;
	line-height: normal;
	background-color:#006699;
	}
	
div.cabecera {
	position: relative;
	visibility: visible;
	height: 40px;
	width: 800px;
	/*top: *105px;*/
	}
	/*
div.contenido {
	position: relative;
	visibility: visible;
	height: 400px;
	width: 400px;
	top: *105px;
	}
*/
table.cabecera{
	
	}

/*XXXXXXXXXXXXXXXXXXXXXXX CENTRO XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/*Para las características de las opciones del menú lateral*/
a.sinLinea{
    hover:background: url(fondo.gif)
	margin:0px;
	text-decoration:none;
	font: 10px Verdana;
	color:#000000;
	border-bottom:1px solid #006699;
	float: right;
	padding:8px 0px 8px 0px;
	width:125px;
}

/*pone el fondo de imagen al enlace de clase sinLinea*/
a.sinLinea:hover {
background :url(fondo.gif);

}

	
a.activo{
	margin:0px;
	text-decoration:none;
	font:10px Verdana ;
	font-weight: bold;
	color:#000000;
	border-bottom:1px solid #006699;
	float: right;
	padding:8px 0px 8px 0px;
	width:125px;
	background: url(fondo.gif);

	}

/*Para quitar el punto a la lista - estetico*/
li.sinPunto{
	list-style:none;
	width:125px;
}

#menuLateralDiv{
	float: left;
	width:125px;
	text-align:left;
	margin-top:10px;
}


div.contenido {
	font: 12px Verdana;
	float:center;
	margin-left:100px; /*para quede el texto a la derecah del menu en firefox e Ie*/
    width:560px;
    /*height:340px;*/  /*para poner scrool si sobrepasa los xxxpicels*/
/*    background-color:#FFFFF1;*/
    overflow:auto;
	text-align:left;
	border-spacing:10px ;
	}


/*XXXXXXXXXXXXXXXXXXXXXXX PIE XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
	
/* Le damos al trexto de contacto las características al recuadro*/	
.pie{
	text-align:center;
	font-style:oblique;
	font: 11px Verdana;
	/*vertical-align:bottom;*/
	clear:both;
	border:1px solid;
	border-color:#99CCFF;
	}
	
/*en desuso, para el enlace webmaster*/
.webmaster{
 	float:right;
	width:auto;
	height:25px;
	text-align:right;
}




/*
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

.oculto{
azimuth:behind;
}

.menuSup{	
	text-decoration:none;
	font:500 10px Arial, Helvetica, sans-serif;
	color: #333333;
}


	






	/*top: 5px;*/
}

/*
	border-bottom:1px solid #cccccc; Crea una linea inferior gris de 1 pixel
	border-top:1px solid #cccccc;    Crea una linea superior gris de 1 pixel
	
	padding Espacio entre los bordes A arriba B derecha C abajo D izquierda
	Ej
	p { padding: 5px 5px 5px 5px; }
	
*/
.cabecera {
	position: relative;
	visibility: visible;
	height: 100px;
	width: 800px;
	/*top: 5px;*/
}

.menuprincipal {
	clear: both;
	padding: 1px 0 0 6px;
	height: 17px;
	width: 1000px;
}


.menuprincipal ul li a {
	text-transform: uppercase;
	display: block;
	float: left;
	padding: 2px 4px 3px 3px;
	border-right: 1px solid white;
	color: white;
}

#encabezado {
	/*margin:10px; /*para que no se pegue al borde*/ 
	/*padding:10px; /*algo de relleno*/
	width:800px; /*este ancho es para que cuadre con el texto*/ 
	height:100px;
	
	
	 /*idem*/ 
	
	/*border:1px solid #333333; /*decoracion*/ 
	/*background-color:#CC6600; /*more*/ 
	/*float:left; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}