/*********************************    HACKS PARA IE 6 Y 7    **************************
margin-left: 5px;  Margen izquierdo para todos los navegadores 
.margin-left: 7px;  Margen izquierdo de 7px para IE6 y IE7, los demas navegadores todavia seguiran manteniendo el margen de 5px inicial 
_margin-left: 6px;  Sólo IE6 leerá y entendera este estilo y aplicará el valor
**************************************************************************************/


html{margin:0;padding:0}

body{
font: 90% "Trebuchet MS",Arial,sans-serif;
text-align:left;
margin:0;
padding:0;
}

p{margin:0 5x 5x}


/*Definición de capas*/
#container {
width: 1000px;
position : relative;
height : auto;
margin : 0 auto;
padding : 0;
}

/*Contenido de cada página*/
#content{
clear: none;
top: 0px;
width: 655px;
margin: 0px 170px 5px 175px;
_margin-top:-375px;
padding: 0px;
text-align:justify
}




/*Menu de navegación izquierdo*/
#navigation{
top: 0px;
float:left;
width:160px;
padding: 0px;
}

/*Menu de usuario derecho*/
#usuario{
top: 0px;
float:right;
width:170px;
padding: 0px;
}



/* IE6 
* html #navigation {
float:left;
width:200px;
margin-left:0px;
padding:0px;
}*/

/*estilos para el menu redondeado con sombra*/
#navigation .sb-inner { background: #CC9966; }
#navigation .sb-shadow { background:#000000; }	
#navigation .sb-border { background:#FFFFFF; }	



/**estilos para el menu de usuario sombreado*/
#usuario .sb-inner { background: #CC9966; }
#usuario .sb-shadow { background:#000000; }	
#usuario .sb-border { background:#FFFFFF; }	

/*Menu de usuario derecho*/
/*#usuario2{
float:right;
clear:none;
width:170px;
margin-left:-170px;
background:#CC6666
}

/*Título de cada página*/
#tittle{
clear:both;
width:100%;
/*height:auto;*/
line-height:30px;
margin:0;
color: #999999;
}
/**estilos para el menu de usuario sombreado*/
#tittle .sb-inner { background: #430900}


#footer{
clear:both;
width:100%;
line-height:30px;
margin:0;
color: #CCCCCC
_margin-top:350px;
}
/**estilos para el menu de usuario sombreado*/
#footer .sb-inner { background:  #430900 }


/*Estilos para el menu de navegación*/
/*Link normal del menu */
#navigation a{
display:block;
color: #981793;
padding:5px;
}

#navigation a:link {
text-decoration:none;
background-color:transparent;
color:#000033;
}

#navigation a:visited {
text-decoration:none;
background-color:transparent;
color:#000033;
}

#navigation a:active {
text-decoration:none;
background-color:transparent;
color:#0000FF;
}

#navigation a:hover {
background-color:#430900;
color: #FF9900

}

a{
text-decoration:none
color: #800000;
}

a:link {
text-decoration:none;
color: #800000;
}

a:visited {
text-decoration:none;
color: #800000;
}

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

a:hover {
text-decoration: none;
color: #804000
}

/*Estilos del menu de footer*/
#footer a{
color: #FF9900
}

#footer a:link {
text-decoration:none;
background-color:transparent;
color: #FF9900
}

#footer a:visited {
text-decoration:none;
background-color:transparent;
color: #FF9900
}

#footer a:active {
text-decoration: none
background-color:transparent;
color: #FF9900
}

#footer a:hover {
text-decoration:underline
color: #FF9900
}

/*Estilos del menu de tittle*/
#tittle a {
display:block;
color: #FF9900
}

#tittle a:link {
text-decoration:none;
background-color:transparent;
color: #FF9900
}

#tittle a:visited {
text-decoration:none;
background-color:transparent;
color: #FF9900
}

#tittle a:active {
text-decoration:none;
background-color:transparent;
color: #FF9900
}

#tittle a:hover {
background-color:transparent;
color: #FF9900
}

/*Definición de estilos dentro de cada capa*/
/*El tag HTML h1 funciona como un título o encabezado así como los demás 5 tags de encabezados.*/
/*Los encabezados pueden utilizarse como títulos y pueden conformar sistemas de jerarquía,*/
/*al ir desde el tag HTML h1 (más grande) hasta el tag HTML h6 (menos grande).*/
#header h1{
height:82px;
line-height:80px;
margin:0;
/*padding-left:10px;*/
background: #CC99FF;
color: #CC99FF
}

#content p{line-height:1.4}
/*
#tittle p{margin:0;padding:5px 10px}
#footer p{margin:0;padding:5px 10px}
#espacio p{margin:0;padding:5px 10px}
*/

/*Estilos bordes y sombras*/
.separador{
width:20%;
height:5px;
margin:0;
float:none
}