/* CSS Document */
/* SUPERPLANTILLA PARA TODAS LAS PAGINAS */
/* POR DIEGO SALGADO */

/* DIVS */

body{
margin:0px;
padding:0px;
background-image:url(fondobody.png);
background-repeat:repeat-x;
}

div{
float:left;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*margin-top:20px;*/
}

.sinmargen{
margin:0px;
}

.margenabajo{
margin-bottom:20px;
}

.vacio{
height:250px;
}

.vacio2{
height:150px;
}

.flotante{
float:none;
position:absolute;
left:50%;
}

.rounded{
position:relative;
behavior: url(pie.htc);
border-radius:10px;
}

.rounded2{
position:relative;
behavior: url(pie.htc);
border-radius:5px;
}

.derecho{
margin-left:20px;
}
/*supercontenedor*/
#supercontenedor{
width:1024px;
position:absolute;
left:50%;
margin-left:-512px;
float:none;
background-image:url(texturafondo.jpg);

}

/* CONTENEDOR */
#contenedor{
width:900px;

}


/* ENTERO */

#entero{
width:900px;
}





/* MEDIOS */

#medio{
width:440px; /*20 pixeles de distancia entre las dos mitades*/
}

#mediointerno{
width:370px; /*20 px de distancia entre las dos mitades y 20 px de distancia de los extremos*/	
}

#mediosep{
width:380px; /*40 px de distancia entre las dos mitades*/	
}

#mediointernosep{
width:360px; /*40 px de distancia entre las dos mitades y 20px a los extremos*/	
}

/* SEPARADOR */

#separador{
margin-left:19px;
margin-right:19px;
width:2px;
background-color:#000000;
}

/* TERCIOS */

#tercio{
width:253px /*20 pixeles de distancia entre uno y otro*/
}

#dostercios{
width:500px /*20 pixeles de distancia entre uno y otro*/
}

#terciomedio{
width:254px; /*20 pixeles de distancia entre uno y otro*/
}

#terciointerno{
width:240px; /*20 pixeles de distancia y 20px a los extremos*/
}

#terciosep{
width:240px;
}

#terciointernosep{
width:226px;
}

#terciointernosepcentral{
width:227px;
}

#cuarto{
width:200px;
margin-left:20px;
}

#trescuartos{
width:660px;
}

#trescuartosmargen{
width:640px;
margin-left:20px;
}


/* IMAGENES */
#imgderecha{
text-align:right;
margin-left:20px;
}

#imgizquierda{
text-align:right;
margin-left:20px;
}

.borde{
border-style:solid;
border-width:1px;
}

/* COLORES */
.azuloscuro{background-color:#003366;}
.azulclaro{background-color:#99CCFF;}
.rojo{background-color:#990000;}
.grisclaro{background-color:#CCCCCC;}
.magenta{background-color:#990066;}
.fondoblanco{background-color:#FFFFFF;}
.fondonegro{background-color:#000000;}


/*TEXTOS*/
span{
font-family:Arial, Helvetica, sans-serif;
}
p{
font-family:Arial, Helvetica, sans-serif;
}
#titulo24{font-size:24px}
#titulo20{font-size:20px}
#titulo18{font-size:18px}
#titulo16{font-size:16px}
#textoblanco{font-size:12px; color:#FFFFFF}
#textonegro{font-size:12px; color:#000000}
#textogris{font-size:12px; color:#666666}

/*CONTENIDO RECUADROS*/
#contenidorecuadros{
width:100%;
margin-left:20px;
margin-right:20px;
}




/* CSS MENU NUEVO*/



#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  border-bottom: 2px solid #e00f16;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e00f16;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #e00f16;
  border-bottom: 1px dotted #ec6f73;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #b00c11;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #b00c11;
  border-bottom: 1px dotted #d06d70;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #80090d;
}