/* CSS Document */

/*index layout y diseo general*/
body {
background-color: #F1EBF1;

}

#banner {
width:700px;
height:66px;
margin:auto;
background-image:url(images/banner.jpg);
background-color:#660099;
border: 1px solid #000000;
border-bottom: 0px;

}

IMG.santa {
float:right;
padding:20px;
}

#pathway {
float:left;
text-align:left;
text-indent:10px;
padding:0;
margin:0;
}

#pathway li {
display:inline;
font-family:Arial, Helvetica, sans-serif;
color:#660099;
font-size:9px;
font-weight:100;
letter-spacing:0.1em;
background-image:url(images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left:7px;
margin:0px;
}


li {
margin-left:30px;
}

#menu {  
width:150px;
float:left;
z-index:-3;
}

#menu ul{
padding:0;
margin:0;
}
 
 #menu li{
 list-style-type:none;
 color:#1E90FF;
 padding:1px;
 padding-left:6px;
 background-color:#FFF;
 margin-bottom:1px;
 margin-top:1px;
 margin-left:1px;
 border-left: 3px solid #660099;
 border-bottom: 1px solid #660099;
 }
 
#submenu {
margin-left:5px;
padding-left:10px;
background-image:url(images/arrow.png);
background-repeat: no-repeat;
background-position: 2px 3px;
}

.subtext {
font-family:Arial, Helvetica, sans-serif;
color:#660099;
font-size:9px;
font-weight:100;
letter-spacing:0.1em;
}
           
#news {
margin-bottom:1px;
margin-top:1px;
margin-left:1px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;

}		   

IMG.badge {
padding-left: 25px;
padding-top: 10px;
}


.texto {
color:#660099;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
text-align:justify;
}

.error {
color:#FF0000;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

.lbs {
color:#660099;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
}

.courier {
font-family:"Courier New", Courier, mono;
font-size:10px;
}

.titulos {
color:#FF9900;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold; 
 
}


a {
color:#660099;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-weight:900;
border:0px;
}

a:visited {
color:#FF9900;
}

a:hover {
color:#FF9900;
}

.aux {
color:#FF9900;
font-family:Arial, Helvetica, sans-serif;
}

#footer {
background-color:#660099;
background-image:url(images/footer.jpg);
border: 1px solid #000;
border-top: 0px;
width:690px;
margin:auto;
min-height:30px;
padding:5px;

}


.cont {
font-family:Arial, Helvetica, sans-serif;
font-size:10px; 
color:#fff;
text-align:center;
}

#poweredby {
width:106px;
margin:auto;
position:static;
padding:5px;
}



/*Pginas de contenido internas */

#maininfo {
background-color:#FFFFFF;
width:700px;
margin:auto;
border: 1px solid #000;
min-height:450px;


}

#contenedor{
width:510px;
margin-top:6px;
padding-top:30px;
margin-left:155px;
margin-bottom:6px;
padding-left:16px;
padding-right:10px;
background-color:#FFFFFF;
height:100%;
}

table {
border: 0px solid #000;
width:100%;
padding:0px;
border-spacing:0;
border-collapse:collapse;
margin-bottom:10px;
}

.cellt1 {
background-color:#FF9900;
font-family:Arial, Helvetica, sans-serif;
color:#660099;
font-size:12px;
font-weight:bold;
border: 1px solid #000;
padding:3px;
}

.cellt2 {
background-color:#660099;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
padding-left:3px;
border: 1px solid #000;
padding:3px;
}

.cellt3 {
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
color:#660099;
font-size:12px;
border: 1px solid #000;
padding:3px;
}

.cellt4 {
background-color:#FFCC00;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
font-size:12px;
border: 1px solid #000;
padding:3px;
}

.cellt5 {
background-color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
font-size:12px;
border: 1px solid #000;
padding:3px;
}

.cellt6 {
background-color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
font-size:12px;
border: 1px solid #000;
padding:3px;
}

.cellt7 {
background-color:#FFFF66;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
font-size:12px;
border: 1px solid #000;
padding:3px;
}

/* Clases para Pablo */

.td_barra_roja {
border: 1px solid #000;
background-color:#FF0000;
table-layout:fixed;
border-collapse:collapse;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:10px;
font-weight:bold;
margin-top:20px;
}

.td_barra_blanca {
border: 1px solid #000;
background-color:#FFF;
table-layout:fixed;
border-collapse:collapse;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:10px;
font-weight:bold;
margin-top:20px;
}

.td_barra_verde {
border: 1px solid #000;
background-color:#009933;
table-layout:fixed;
border-collapse:collapse;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:10px;
font-weight:bold;
margin-top:20px;
}

.td_barra_amarilla {
border: 1px solid #000;
background-color:#FFFF00;
table-layout:fixed;
border-collapse:collapse;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:10px;
font-weight:bold;
margin-top:20px;
}

#cartel {
border: 1px dashed #FF9900;
background-color: #CCCCFF;
font-family:Verdana,Helvetica;
font-size:12px;
color:#660099;
margin:auto;
margin-top:30px;
padding:6px;
text-align:center;
}

#cartel_left {
border: 1px dashed #FF9900;
background-color: #CCCCFF;
font-family:Verdana,Helvetica;
font-size:12px;
color:#660099;
margin:auto;
margin-top:30px;
padding:6px;
text-align:left;
}

#tips {
border: 3px dashed #FF9900;
background-color: #CCCCFF;
font-family:Verdana,Helvetica;
width:110px;
max-width:inherit;
font-size:10px;
color:#660099;
margin:auto;
margin-top:10px;
padding:4px;
text-align:center;
}

/* separador*/

.separador {
border:1px dashed #660099;
border-bottom:0;
border-left:0;
border-right:0;
background-color: #fff;
table-layout:fixed;
/* seteale los pixels desde ac si quers*/
width: 150px;
margin:auto;
height: 2px;
}

/* variables */

.var_serv {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF9900;
font-weight:bold;
font-size:14px;
}

#tabtitle {
border: 1px solid #000;
border-top:0;
border-right:0;
background-color: #4E0A6F;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CB99CA;
font-size:14px;
text-align:center;
padding:3px;
font-weight:bold;
}

#tabtitle_left{
border: 1px solid #000;
border-top:0;
border-right:0;
background-color: #fff;
float:right;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4E0A6F;
text-align:center;
padding:3px;
font-weight:bold;

}

/* Formularios */

#form_cont {
width:250px;
background-color:#FFFFFF;
margin:auto;
margin-top:20px;
border: 1px dashed #660099;
padding: 10px;
text-align:center;

}

#etq {
width:115px;
margin:3px;
margin-top:0;
padding-top:3px;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #660099;
float:left;
font-weight:bold;
}

form {
margin-left:10px;
}

#boton {
font-size:10px;
font-family:Verdana,Helvetica;
font-weight:bold;
color:#fff;
background:#660099;
border:1px solid #000;
height:19px;
margin:auto;
}

.boton:hover {
background-color:#FF9900;
}

.formularios {
border: 1px dashed #FF9900;
background-color: #CCCCFF;
font-family:Verdana,Helvetica;
font-size:10px;
color:#660099;
}

.formularios2 {
border: 1px dashed #FF9900;
background-color: #CCCCFF;
font-family:Verdana,Helvetica;
font-size:10px;
color:#660099;
width: 100px;
}

.formularios3 {
border: 1px dashed #FF9900;
background-color: #CCCCFF;
font-size:10px;
font-family:Verdana,Helvetica;
color:#660099;
width: 200px;
}

.ip_src {
border: 1px dashed #FF9900;
background-color: #CCCCFF;
font-family:Verdana,Helvetica;
font-size:10px;
color:#660099;
width: 75px;
float:left;
display:block;
}

#mensajes {
border: 1px dashed #FF9900;
background-color: #CCCCFF;
font-family:Verdana,Helvetica;
font-size:12px;
font-weight:bold;
color:#660099;
padding:10px;
margin:auto;
text-align:center;
}

#idiomas {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:right;
margin: 0 3px 0 0;
clear:right;
}

/* contrato */
.contract_txt {
background-color:#FFFFFF;
color:#990066;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

/* combobox */

.combo {
font-size:10px;
font-family:Verdana,Helvetica;
font-weight:bold;
color:#fff;
background:#660099;
border:1px solid #000;
}

#size {
width:30px;
margin:3px;
}

#floater {
float:left;
}

.lista {
list-style-image:url(images/arrow.png);
}

/* contenedores invisibles */

#caja {
margin-top:20px;
margin-bottom:10px;
padding:0px;
text-align:left;
}

/* imagenes que flotan */

IMG.left {
float:left;
margin:4px;
margin-right:15px;

padding:0px;
}

.right {
float:right;
margin-left:15px;
margin:4px;
}