body
{
	color:#fff;
	font-size:13px;
	background: white url(../images/fondo.jpg);
    background-attachment: fixed;
	font-family:Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: none;
}
    #wrap         { width:980px; margin:0 auto; } /* "auto" hace que el 
    margen de la izquierda y la derecha centre la estructura del contenido */  
{

}
H1{font-size: 120%; font-weight:bold;}
H2{font-size: 110%;}
H3{font-size: 100%;}
H4{font-size: 90%;}
A:link, A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
A:hover
{
	color: #FF0000;
	text-decoration: none;
	cursor:pointer;
}
span.negrita{ font-weight:bold;}


/* FORMULARIO DE CONTACTO */

#contentForm {
  display: block;
  width: 600px;
  margin: 110px auto;/*this line will center the page*/
  padding: 25px;
  border: 1px solid black;
  background-color: white;
}

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  Width: 150px;
  line-height: 10px;
  font-size: 11pt;
  color: #cccccc;
  margin-bottom: 5px;
  margin: 5px 0;
}

input, textarea, select {
  margin: 0;
  padding: 0;
  font-size: 10pt;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 3px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #cccccc;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../images/enviar.png) no-repeat left top;
  width: 120px;
  height: 32px;
  margin-left: 260px;
  margin-top: 20px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 85%;
  height: 15px;
  line-height: 13px;
  color: #000000;
  font-weight: bold;
  background: #FF9D9D url(../images/stop.gif) no-repeat 10px center;
  padding: 3px 3px 3px 80px;
  margin: -4px 0px 10px;
  border-top: 1px solid #FF0000;
  border-bottom: 1px solid #FF0000;
}

.msgSent {
  font-size: 14px;
  text-align: center;
}	
		
/*MENU PRINCIPAL*/

.menu{
        background:#000000;
        height:220px;
		//height:220px;
		margin:-10px 0 70px 0px;
        //margin:-10px 0 70px 0px;
        padding:0 10px;
		//padding:0 10px;
        width:960px;
		//width:960px;
		//list-style-type: none;
}
.menu li, .menu li a{
        display:inline; /*aplica el haslayout para IE6 asi evitamos el doble margen a elementos flotados*/
		//display:inline;
		float:right;     /*Importante para que todas nuestras listas, esten en una misma linea*/
        //float:right;
        width:auto;
		//width:auto;		
}
.menu li{
        margin:90px 2px 0px 0px;
		//margin:90px 2px 0px 0px;
        position:relative; /*Importante para el submenu pero por ahora no*/
		//position:relative;
}
.menu li a{
        background:#000;
        color:#FFF;
        font:700 14px/4.5em Verdana;/*Siempre me han pedido un manual para abreviar el CSS, tranquilos ya viene... aqui, le di el font:weight, size, line-heigth, y font-family"*/
        height:50px;
        padding:0 10px 0px;
		//padding:0 10px 0px;
}
.menu li a:hover{
        background-position:0 50px; /*Usuamos una sola imagen y al pasar el cursor se baja el fondo 50px para hacer el efecto sin JS*/
        color:#FF0000;
}

.menu li:hover ul{
        display:block; /*Indicamos que en hover del menu muestre el submenu*/
}
.menu ul{
		aling:right;
        background:#000;
        display:none; /*indicamos que al cargar la web no muestre el submenu*/
        rihgt:-120px;
		//rihgt:-120px;
        padding:2px 0 10px;
		//padding:2px 0 10px;
        position:absolute;
        //position:absolute;
        top:60px;
		//top:60px;
        width:393px;/*Le cambiamos el ancho sino hereda del ul anterior*/
        //width:393px;/*Le cambiamos el ancho sino hereda del ul anterior*/		
		height:120px;
		//height:120px;		
}
.menu ul li, .menu ul li a{
		font:700 11px/4.5em Verdana;
        margin:-12px 30px;
		//margin:-12px 30px;
        padding:0;
		//padding:0;
        width:auto;
		//width:auto;
}
.menu ul li a{
        background:none;
        color:#FF0000;
        height:-120px;
		//height:-120px;
        line-height:2em;
        margin:0 5px;
		//margin:0 5px;
        width:320px;
        //width:320px;		
}
.menu ul li a:hover{
        background:none;
        color:#FF0000;
}
/*FIX PARA MANTENER ACTIVO EL MENU CUANDO ESTAS ARRIBA DE EL*/
.menu li:hover a{
        background-position:0 50px; /*Usuamos una sola imagen y al pasar el cursor se baja el fondo 50px para hacer el efecto sin JS*/
        color:#C90130;
}
.menu li:hover li a{
        color:#C90130;
}
.menu li:hover li a:hover{
        color:#FFF;
}

#logo
	{
		float:left;
		display:block;
		width:340px;
		height:140px;
		margin-top:-260px;
		margin-left:20;
		background-image:url(../images/logo.jpg);
	}

/*CONTENIDO*/

#contenido {
		width: 980px;
		height:auto;
        margin: -20px 0px;
		font-family: Arial;
		font-size:12px;
		background-color: rgba(0, 0, 0, 0.7);
		//filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c000000', endColorstr='#9c000000'); /* IE */		
}

/*#background {
		background: #000000;
		opacity: 0.6;
    	filter:alpha(opacity=60);
}*/

#titulos {
		position: absolute;
		width: 250px;
		margin:140px 50px;
		font-family: sans-serif;
		font-size:36px;
		text-decoration: none;
		text-align : left;
		color:#FF0000;
		padding: 2px ;
}			
	
#titulos_inicio {
		position: absolute;
		width: 250px;
		margin:120px 50px;
		font-family: sans-serif;
		font-size:36px;
		text-decoration: none;
		text-align : left;
		color:#FF0000;
		padding: 2px ;
}
		
#palabras {
		position: absolute;
		width: auto;
		hight: auto;
		margin:120px 84px;
		font-family: sans-serif;
		font-size: 14px;
		text-decoration: none;
		text-align: justify;
		color:#cccccc;		
		line-height:16px;
}

.verticalLine {
		position: absolute;
		margin:30px 340px;
		border-left: 1px solid #ccc;
		width:1px;
		height:260px;
}				

#mapa_web {
		text-aling: left;
		line-height: 18px;
		margin:50px 360px;
}		
		a:link
		{
		color: #ccc;
		text-decoration: none;
		}
		a:visited
		{
		color: #ccc;
		text-decoration: none;
		}
		a:hover
		{
		color: #fa8f0f;
		text-decoration: none;
		cursor:pointer;
		}

#enlaces {
		text-aling: left;
		line-height: 18px;
		margin:50px 110px;
}

/*ESTILO DE FOOTER*/

#footer
{
	width:980px;
	hight:180px;
	float:center;
	margin-top:70px;
	margin-bottom:20px;
	font-family:Verdana;
	font-size:12px;
	background:#000;
	color:#fff;
	}
a:link, :visited
{
	color: #ffffff;
	text-decoration: none;
}
a:hover
{
	color: #FF0000;
	text-decoration: none;
	cursor:pointer;
}