@charset "utf-8";
/* CSS Document */


body {min-width:640px;
	  background-color: #000000;
}
.wrapper{
	margin-left: 10%;
	margin-right: 10%;
	width:960px;
	height: 100%;
	background-color:#f4f1ea;
	background-image: url(imagenes/fondocont.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	/*padding-bottom: 200px;*/
}


#header,#menu,#content,#sub-section,#footer {

overflow:hidden;

display:inline-block

}

/* safari and opera need this */

#header,#menu,#footer {width:960px;
height: 170px;}


.header { width:960px;
	height: 181px;
	background-color:#ffffff;
	background-image: url(imagenes/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;}
	
	
#menu {margin-top:-3px}

.Languaje {
    float: right;
	position: relative;
	margin-right: 0px;
	margin-top: 0px;
	height: 30px;
	width: 150px;
	top: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color:#734729; 
	background-color:;
	text-align: left;}
	
#flashcosa {
	height: 224px;
	width: 960px;
	background-image: url(imagenes/bannercurado.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: right;	}

#content,#sub-section,#sub-section2,#sub-section3,#subcontent,#content2,#content3,#content4,#content5 {float:left}

#content {
	width:624px;
	padding:10px;
	margin:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
#content2 {
	height: 400px;
	width:624px;
	padding:10px;
	margin:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
#content3 {
	height: 400px;
	width:200px;
	padding:10px;
	margin:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #666666;
}
#content4 {
	height: 400px;
	width:350px;
	padding:10px;
	margin:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
#content5 {
	height: 430px;
	width:624px;
	padding:10px;
	margin:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	}
#sub-section {width:240px}
#sub-section2 {width:500px}
#sub-section3 {width:550px;
height:650px;
	padding:10px;
	margin:15px;
	}
#subcontent {
	background-color:#FFFFFF;
	height: 50px;
	width:600px;
	padding:10px;
	margin:15px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 18px;
	font-style: italic;
	vertical-align: middle;
}

#footer {clear:left ∫∫
width: 960px;
height: 115px;
	background-image: url(imagenes/bottom.jpg);
font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #666666;
	text-align: center;
padding: 0px;
background-color:#000000;}

.menu {width:600px; height:32px; font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align: center; position:absolute;top:155px; z-index:100; border-right:0px solid #000;
	background-repeat: no-repeat;
	background-position: center;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:480px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;} 
.menu ul ul {width:95px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:95px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:##734729; width:89px; height:30px; border:0px solid #000; border-width:0px 0 0px 0px;  padding-left:5px; line-height:29px; float: right;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:95px; w\idth:89px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#666666;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#734729;}
.menu ul ul :hover > a.drop { ;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#333333;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#d9a721;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:95px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:95px; top:21px; width:95px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-95px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d9a721; color:#FFF; height:auto; line-height:1em; padding:5px 5px; width:84px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a{width:96px;w\idth:84px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#cccccc;}
.menu :hover > a, .menu ul ul :hover > a {color:#000000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* Text Styles */
.RedTitle {
	font-family: HelvCondBlk; 
	font-size: 24px; 
	color: #993333; 
}

.BlueTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	font-style: italic;
}

.MainText {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}


.FooterText {
	position: relative;
    left: 12px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;	
	vertical-align:bottom;
}