/* ESTILOS RUBIK */
body {
    margin:0;
    padding:0;
    text-align:center;
    background:#000000;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF
}
a {
    outline-style: none;
}
/*ESTA ES LA DIV PRINCIPAL - SETEO LOS MARGENES Y EL ANCHO DE LA WEB*/
#container {
    width:700px;
    margin:0 auto 0 auto;
    background-color:#4D4948;
    position:relative;
    border:0px;
}

/*ESTILOS PARA EL TOP DEL SITIO*/

#header {
    margin:0 auto 0 auto;
    width:700px;
    text-align:center;
}
#logo {
    float:left;
    margin:23px 0px 0px 0px;
    padding-left:22px;
}
#banner {
    float:left;
    margin: 22px 0 0 0;
    padding-left: 22px;
    padding-right: 22px;
    /*	width:440;
    height:153px;*/
}

#banner_txt {
    text-align: right;
    font-size: 17px;
    font-weight: bold;
    width: 200px;
    position: absolute;
    left: 230px;
    top: 142px;   
}

#menu_cabezal {
    background:url(../img/top/bgnd_menu.jpg);
    height:21px;
    clear:both;
}

#top {
    text-align:right;
    margin-right:25px;
    color:#CC6600;
    font-size:15px;
    font-weight:bold;
    padding-top:3px;

}
/*FIN ZONA TOP*/




/*ESTILOS PARA EL CONTENT DEL SITIO*/

#content {
    margin:0 auto 0 auto;
    width:700px;
    text-align:center;
}
#left {
    float:left;
    margin:0px 22px 0px 22px;
    background:url(../img/content/left/bgnd.jpg);
    width:174px;
    height:390px;
}
#contenedor_info {
    background-image:url(../img/content/bgnd.jpg);
    width:459px;
    float:left;
}
#fondo_texto {
    background-color: #4D4948;
    margin:0 auto 0 auto;
    width:411px;
    height: 326px;
    text-align:left;
}
#texto {
    margin-left:12px;
    color:#FFF;
    padding-right:10px;
    font-size: 12px
}
#texto .inicio {
    margin-top: 0px;
}
#texto .campo {
    font-size: 9px;
}
#texto a, #texto a:visited {
    color: #EA893A;
    text-decoration: none;
}
#texto a:hover {
    text-decoration: underline;
}
/* FIN ZONA CONTENT*/




/* ESTILOS PARA EL FOOTER */

#footer {   
    height: 135px;
    margin:0 auto 0 auto;
    clear:both;
	background-color: #1F1A17;
}
#menu_footer {
	background:url(../img/pie/bgnd.jpg) repeat-x;   
    padding-top:13px;
}
#pie {
    clear: both; 
	font-size: 12px; 
	padding-top: 7px;	
}
#firma {
	margin: 5px 0;
	font-size: 9px;
}

/*ZONA DE H1*/

#menu h1 {
    font-weight:bold;
    font-size:12px;
    color:#FFFFFF;
    padding-left:15px;
    text-transform:uppercase;
}
#menu_footer h1 {
    font-size:13px;
    font-weight:bold;
    padding-left:30px;
    padding-right:30px;
    padding-top:7px;
}



/*MENU LEFT*/


#menu_left {
    float:left;
    text-align:left;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    margin-top:10px;
}

#nav_left {
    list-style:none;
    text-align:left;
    float:left;
    margin-top:15px;
    margin-left:0px;
    padding-left:15px;
}

#nav_left li {
    text-decoration:none;
    background-repeat:no-repeat;
    padding-left:15px;
    line-height:26px;
}

#nav_left li a {
    text-decoration:none;
    padding-left:20px;
    color:#FFFFFF;
    font-size:12px;
    /*outline-style: none;*/
}				

#nav_left li a:HOVER {
    text-decoration:underline;
}

.li_red { background-image:url(../img/li/li-rojo.png); background-repeat:no-repeat}
.li_white { background-image:url(../img/li/li-blanco.gif); background-repeat:no-repeat}
.li_orange { background-image:url(../img/li/li-naranja.png); background-repeat:no-repeat}
.li_blue { background-image:url(../img/li/li-violeta.png); background-repeat:no-repeat}
.li_yellow { background-image:url(../img/li/li-amarillo.png); background-repeat:no-repeat}
.li_green { background-image:url(../img/li/li-verde.png); background-repeat:no-repeat}
.li_grey { background-image:url(../img/li/li-gris.png); background-repeat:no-repeat}



/* MENU FOOTER */

#nav, #nav ul{
    margin:0px 25px 0px 25px ;
    padding:0px;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    text-align:center;
    height:auto;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
}

#nav a{
    display:block;
    padding:0px 9px;
    /*margin-bottom:7px;*/
    padding-top:3px;
    color:#FFFFFF;
    text-decoration:none;
    outline-style: none;
}

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

#nav li{
    float:left;
    position:relative;
}

#nav ul {
    position:absolute;
    font-weight:normal;
    display:none;
    text-align:left;
    top:4em;
    height:25px;
}

#nav li ul a{
    float:left;
}

#nav ul ul{
    top:auto;
}	

#nav li ul ul {
    left:12em;
    margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
}

.Container {	
    width:100%;
    height:400px;
    overflow: auto;
    z-index:2;
    scrollbar-arrow-color:#ffffff;
    scrollbar-shadow-color:#ffffff;
    scrollbar-base-color:#405A81;
    scrollbar-3dlight-color:#4D4D4D;
    scrollbar-darkshadow-color:#4D4D4D;
    scrollbar-face-color:#4D4D4D;
    scrollbar-highlight-color:#ffffff;
    scrollbar-track-color:#DEE6E9;
    background-color:#ffffff;
    margin-top:10px;
    margin-left:10px;
}


#nav a.orange {color:#D47322}
#nav a.red {color:#BA2C2B}
#nav a.blue {color:#0099CC}
#nav a.white {color:#fff}
#nav a.green {color:#99CC33}
#nav a.yellow {color:#FFCC00}
#nav a.grey {color:#CCCCCC}

.linkPie {
    color: #FFFFFF;
    text-decoration: none;
}
.linkPie:hover {
    text-decoration: underline;
}
.linkPie:visited {
    color: #FFFFFF;
}
#mensajes {
    color: #CC0000;
    font-weight: bold;
    font-size: 11px;
}
#links li {
    margin-bottom: 5px;
}
