/* Documento CSS, realizado por MAGACOR.COM */

/* P R I N C I P A L - - - - - - - - - - - */
BODY {
	margin: 2% 0% 0% 0%;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #999999;
    background-color: #f9f9f9;
    text-align: center;
}
h1 {
	margin: 0% 0% 0% 0%;
    color: #cccccc;
    background-color: #564b42; 
    padding-top: 0%; 
    font-family: 'trebuchet ms' ,Verdana, Arial, Helvetica, sans-serif ; 
    font-size:  large;
}
h2 {
	margin: 0% 0% 0% 0%;
    color: #ff9900;
    background-color: #564b42; 
    padding-top: 0%; 
    font-family:'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; 
    font-size: small;
}
h3 {
	margin: 0% 0% 0% 0%;
    background-color: #564b42;
    color: #ffffff;
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
hr {
	color: #ff9900;
}
#hr {
	color: #ff9900;
}
.imagenes {
    float: left;
}
#contenedor {
	margin: auto; 
    width: 770px;
    text-align: left;
    color:#006666;
    background-color: #ffffff;
}
.letrasgris {
    color: #cccccc;
}
.estilo2 {
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* LATERAL Izquierdo ----  MENU  ------------------------ */
#lateral {
	float: left; 
    width: 150px ; 
    background-color: #ffffff;
    color:#006666
}
#lateral UL {
    padding:0% 0% 0% 0%; 
    margin: 0%; 
    list-style-type:none;
}
#lateral LI {
	font-family:Arial, Helvetica, sans-serif; 
    color: #564b42; 
    font-size: smaller;
    padding: 1% 2% 0% 4%;
    font-weight: bold;
    margin: 1%; 
    background-color: #ffffff;
}
#lateral A {
	color: #cccccc; 
    background-color:#ffffff;
    text-decoration: none
}
#lateral A:hover {
	color: #ff9900;
    text-decoration: underline;
    background-color:#ffffff;
}
.div_izq2 {
	margin:6px 4px 0px;
}
.oculto {
	display: none
}
.borde_n {
	MARGIN: -4px 4px 0px;
}
/* MENU2 ---------------------------- */
.menu2 {
	FONT-SIZE: xx-small; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    background-color:#000000;
    color:#ffffff; 
    height:14%; 
    margin: 0 0 0 15%;
}
A.menu2:link {
	text-decoration:none;
}
A.menu2:visited {
	color: #3f7de3;
    background-color: #ffffff
}
A.menu2:hover {
	color: #000000; 
    font-style:normal; 
    background-color:#00cc00
}
#menu2ul {
    padding:0% 0% 0% 0%; 
    margin-top:15%; 
    list-style-type:none;
}
.espacio {
    margin: 33px 0 0 0;    
}

/* Zona DERECHA ------- Principal --------------------- */
#principal {
	margin: auto;
    float: right; 
    width: 460px;
    padding: 33px 100px 15px 33px; 
	background-color: #564b42;
    color: #ffffff;
    text-align: justify;
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#principal_dentro {
	width: 460px;
    background-color: #564b42;
    color: #ffffff;
    text-align: justify;
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 33px;
	padding-left: 19px;
}
.principal {
	padding: 33px 100px 3px 33px; 
    float: right; 
    width: 593%;
    background-color: #564b42;
    color: #ffffff;
    text-align: justify;
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.submenu {

    text-align: right;
    
}
#principal UL {
    padding:0% 0% 0% 0%; 
    margin: 0%; 
    list-style-type:none;
}
A:link {
	text-decoration:none;
	color: #ff6600;
    background-color: #564b42;
	
}
A:visited {
	color: #ffffff;
    background-color: #564b42;
	text-decoration:none;
}
A:hover {
	color: #ff6600; 
    font-style:normal; 
    background-color:#564b42
}
/* PIE DE PAGINA---------------------------- */

#pie {
	clear: both;
    color:#564b42;
    padding: 0% 0% 1% 0%; 
    background-color: #f9f9f9; 
    text-align: right;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
}