﻿/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

*{margin:0;padding:0;border:none;}

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0F4D2A;
	text-decoration:none;
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0F4D2A;	
	text-decoration:underline;
	
/* el verd #0F4D2A */
/* el verd clar #789D6E */
/* el verd + clar #92C086 */
/* el marronet mes clar #D8CDAE */
/* el marronet #C7BCA2 */
/* el gris #999999 */

	}

body{
	background: #000000;
	font-family:arial,verdana,tahoma,sans-serif;
	font-size:12px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:100%;
	/*color: #FFFFFF;*/
}

.text_titular{
font-size:16px;
font-weight:bold;
padding-bottom:20px;
}

.section_columna_1{
float:left;
}

.section_columna_2{
float:left;
}


#holder{
	background:url(../imgs/fondo_noflash.jpg) no-repeat;
	/*border:#00CC99 1px solid;*/
	/*background-image:url(../imgs/img_fondo.jpg);
	background-repeat:no-repeat;*/
	width:960px;
	height:556px;
	/*height:100%;*/
	/*margin-left:20%;
	margin-right:20%;*/
	margin:0 auto;
	padding-top:5px;
	
}

#centrar {
	width:100%;
}

#web_content {
	/*height:100%;*/
	text-align:left;
/*	border:1px solid #ff0000;*/
}

.flash{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	height:100%;
}

#content{
	/*padding-top:148px;*/
	margin-left:0px;
	margin-right:0px;
	padding-top:50px;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
	/*border:1px solid #ff00ff;*/
	}

#content_scroll{
	/*border:#CC6633 thin solid;*/
	overflow:auto;
	margin-top:0px;
	text-align:left !important;
	

}


.text_normal{
	_position:absolute;
	float:left;
	margin:20px;
	font-size: 12px;
/*	width: 460px;*/
	text-align:justify;
	z-index:2;
/*	border:1px solid #450000;*/
	}

.text_titulo{


	margin:20px;
	font-size: 12px;
/*	width: 460px;*/
	text-align:justify;
	z-index:2;
/*	border:1px solid #450000;*/
	}
	
.text_descripcion{


	margin:20px;
	font-size: 12px;
/*	width: 460px;*/
	text-align:justify;
	z-index:2;
/*	border:1px solid #450000;*/
	}
	
.text_normal a{

	font-size: 12px !important;
	color: #0f4d2a;
	}

/*img{
	width:auto;
	height:auto;
	float:left;	
	margin:20px;
	border:1px solid #333000;
}*/
#logo{
	position:absolute;
	left:40px;
	top:10px;	
}
#logo img{

	margin:0px !important;
	
}

.button_normal{
	width:auto;
	height:auto;
	z-index:0;

}


/******************* new styles **************************/


.verde{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;color:#0f4d2a;
}

.verd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;color:#0f4d2a;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font-family: Arial, Helvetica, sans-serif;
  color:#999999;
  font-size: 12px;
  margin: 0;
  padding: 0;
  width: 340px;

}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #92c086;
  border-width: 0px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}


form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 110px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}



form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px;
	border:1px #999999 solid;
	background: #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #789d6e;
							  
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	border:1px #999999 solid;
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #789d6e;
}
form input#submit {
	margin-left:120px; /* set margin-left back to zero on reset button (set above) */
	_margin-left:123px;
		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #789d6e;
}



form textarea { overflow: auto;
width:15em; height:10em;}


form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/********************** menu *****************************/
#menu {
position:absolute;
margin-top:10px;
margin-left:0px;
_margin-left:0px;
margin-right:auto;
width:960px;
/*border:#009900 1px solid;*/
/*text-align:center;*/
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 130px;
/*width:auto;*/
float: left;
/*border:#ff0000 1px solid;*/
/*background-color:#99FF00;*/
}


#menu a, #menu h2 {
font:normal 11px/16px arial,helvetica,sans-serif;
display: block;
padding: 1px;
}

#menu h2 {
margin-top: 2px;
color: #ffffff;
background: #789d6e;
background-color:#0f4d2a;
/*text-transform: uppercase;*/

}

#menu h2 a{
color: #ffffff;
/*text-transform: uppercase;*/
background: #0f4d2a;

}
#menu h2 a:hover{
color: #ffffff;
/*text-transform: uppercase;*/
background: #789D6E;
}

#menu a {
color: #ffffff;
background: #c7bca2;
filter: alpha(opacity=80); opacity: .8;
/*background: transparent;*/
text-decoration: none;
margin-bottom:2px;
padding-left:12px;
padding-right:12px;
}

#menu a:hover {
color: #ffffff;
background: #92c086;
filter: alpha(opacity=80); opacity: .8;
margin-bottom:2px;
padding-left:12px;
padding-right:12px;
}

#menu li {
	position: relative;
	}

#menu ul ul {
_margin-left:-50%;
position: absolute;
z-index: 500;
/*background:#993300;*/
}


#menu ul ul ul{
_margin-left:0px;
position: absolute;
top: 0;
left: 100%;
}
/*
#menu ul ul ul a{
background-color:#6600FF;
}

#menu ul ul ul a{
background-color:#33CC00;
}
*/
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*nuevo*/


#logot {
	background: url("../imgs/flash.png") no-repeat;
	width: 33px;
	height: 33px;
	float: left;
	border-right: 1px solid #4F4F4F;
	margin-right:10px;
	padding-right:10px;
}

#aviso {
	margin: 430px 26% 0px;
	
	
}

#let{
	margin-left: 40px;
	color:#FFFFFF;
	font-size:12px;
}

#men {
	text-align: center;
	background-color: #202020;
}

#men ul {
	display: inline-block;
}

#men li{
	display: inline-block;
	margin: -15px 5px 10px 5px;
	background: #0E0E0E;
	border: 1px solid #202020;
	padding:7px 20px;
}

#aviso a {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

#men a {
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
}

#lang {
	display: inline-block;
	margin: 0 0 0 20px;
}

#lang a {
	font-size: x-small;
	color: #909090;
}

#f {
	padding: 10px 0 0 0;
	width: 960px;
	background-color: #000;
	margin:0 auto;
}

/*************************************************************************************/
