*{padding:0; margin:0}
body {font: 16px/20px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; background: #F69240  url(../images/bg_general3.png) top left repeat-x}
address{margin:5px 5px 5px 20px; font-style:normal}

#header{
	height: 90px !important; /*FF*/ 	
	text-align: center;
	background-position: bottom left;
	background-repeat: repeat-x
}


/* MENU */
#menu {
	clear:right;
	padding-left:0px;
	height:38px;
	margin:0px auto;
	overflow: hidden;
	width:860px;
}

 #menu ul {
	border:0 none;
	font-size:90%;
	list-style-type:none;
	margin-left:15px;
	text-align:center;
}
  #menu ul li {display: block; float: left; text-align: center; margin-right: 3px; background: url(../images/menuBg2.png) bottom left no-repeat; font-weight: bold}
   #menu ul li.active {background: url(../images/menuBgA2.png) bottom left no-repeat}
   #menu ul li a {width: 215px; padding: 0; display: block; line-height: 38px; color: #FFF; text-decoration: none}
	 #menu ul li a:hover {text-decoration: underline}
#menu li#active a {background: #c60; border: 1px solid #c60; color: #fff}

#idiomas {
	background:transparent url(../images/bg_idiomas.png) no-repeat;
	float:right;
	font-size:80%;
	height:40px;
	padding:5px 0 0;
	position:relative;
	right:15px;
	text-align:center;
	top:-75px !important; /*FF*/
	top:-90px; /*IE*/
	width:150px;
}

 #idiomas p {color: #FFF}
 #idiomas a{text-decoration:none; font-weight:bold; color: #FFF}

#content {
	background: url(../images/bg_corpus.jpg) bottom left no-repeat;
	overflow: hidden;
	width: 100%;
	}


#contenu {	
	clear:both;
	color:#E6E6E6;
	font-size:80%;
	margin:0 auto;
	width:860px;
}
/*#contenu p {margin:5px 20px 0 20px; padding-bottom: 10px; z-index: 2}*/
#contenu h2 {font-size: 1.5em; letter-spacing: -1px; background: url(../images/top_corpus.png) no-repeat;
	height: 44px; padding-left: 20px; line-height: 44px}
 
#contenu a {color:#CCC;}
#contenu a:hover { color:#FFF}

/* DIV LEFT */
#left {float:left;width:520px;}
 #left p {margin:5px 5px 5px 20px}
 #left ul{margin:10px 5px 10px 40px}
 #left h3 {border-bottom:1px dotted #999; font-family:Arial,Helvetica,sans-serif; font-size:1.3em; line-height:25px;
margin-bottom:15px; margin-left:25px}
#left h4 {border-bottom:1px dotted #111; font-family:Arial,Helvetica,sans-serif; font-size:1.2em; line-height:25px;
margin-bottom:15px}

#left2 {
	float:left;
	width:855px;	
}
 #left2 p {margin:5px 5px 5px 20px}
 #left2 ul{margin:10px 5px 10px 40px}
 #left2 h3 {border-bottom:1px dotted #999; font-family:Arial,Helvetica,sans-serif; font-size:1.3em; line-height:25px;
margin-bottom:15px; margin-left:25px}
#left2 h4 {border-bottom:1px dotted #111; font-family:Arial,Helvetica,sans-serif; font-size:1.2em; line-height:25px;
margin-bottom:15px}

#aviso {float:left;	width:855px;}
 #aviso p {
	margin:2px 15px;
	font-size: 0.8em;
}
 #aviso ul{margin:10px 5px 10px 40px}
 #aviso h3 {
	border-bottom:1px dotted #999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.3em;
	line-height:25px;
	margin: 15px 10px;
}
#aviso h4 {border-bottom:1px dotted #111; font-family:Arial,Helvetica,sans-serif; font-size:1.2em; line-height:25px;
margin-bottom:15px}




 
 ul.yes {list-style-type: none; margin: 10px 5px 10px 20px}
 ul.yes li{	background-image:url(../images/yes.gif);
	background-position:100% 15%;
	background-repeat:no-repeat;
	padding-left:4px;
	line-height: 25px;
	margin-right: 10px;
	padding-right: 15px;
	font-size: 0.9em;
}
 ul.yes li:hover{ background-color:#6B6B6B}
 


#subMenu {width: 510px; margin-bottom: 5px; font-weight: bold; font-size: 90%; text-align: center}
 #subMenu ul{/*list-style-type: none; font-weight: bold; margin: 5px auto*/}
#subMenu a {color: #FFF; text-decoration: none}
#subMenu a.active {}
#subMenu a:hover {}
 #subMenu ul li{display:block;	float:left; padding: 0 15px; line-height: 30px;	height: 30px}
 #subMenu ul li.left {background: url(../images/left.png) no-repeat;margin-right: 1px}
  #subMenu ul li.left.active {background: url(../images/leftH.png) no-repeat}
 #subMenu ul li.left:hover {background: url(../images/leftH.png)}
 #subMenu ul li.mid {background-image: url(../images/mid.png); margin-right: 1px}
 #subMenu ul li.mid.active {background-image: url(../images/midH.png)}
 #subMenu ul li.mid:hover {background-image: url(../images/midH.png)}
 #subMenu ul li.right {background: url(../images/right.png) right top no-repeat}
  #subMenu ul li.right.active {background: url(../images/rightH.png) right top no-repeat}
 #subMenu ul li.right:hover {background: url(../images/rightH.png) right top}
 
 
/* DIV RIGHT */ 
#right {width: 320px; float: left; margin-right: 10px; color: #FFF; font-size: 80%; margin-top: 5px; padding-left: 5px; margin-bottom: 15px}
 #right ul{margin:5px 5px 10px 20px}
 #right ul li{color: #F7E2D4}
 #right p{padding: 5px 10px; margin: 0}
 #right h3{padding-left: 10px; font-size: 1.5em}
 #right h4{padding-left: 10px; font-size: 1.4em; line-height: 22px; border-bottom: solid #F93 1px}
 #right form {}
 #right form label{background-color: #060; line-height: 3px}
 #right form input{float: left}
 #right a{color:#FFF; text-decoration:none}
 #right a:hover{ text-decoration:underline}
 
#textoIntro, #contacto {margin: 10px auto; width: 860px; background: url(../images/bg_corpus.png) bottom left no-repeat; color: #E6E6E6; font-size: 80%}
 #textoIntro p {margin:5px 20px 0 80px; padding-bottom: 10px; z-index: 2}
 #textoIntro p.exece {
 margin-top:-20px;
 margin-right:-20px!important; /* FF */
 _margin-right:5px;	/* IE */
 margin-bottom:0px!important; /* ff */
 _margin-bottom:0px; /* IE */
}
 #textoIntro h2, #contacto h2 {font-size: x-large; letter-spacing: -1px; background-image: url(../images/top_corpus.png);
	height: 44px; padding-top: 10px; padding-left: 20px; padding-bottom: -100px; background-repeat: no-repeat;	line-height: 1.2em;}
	#textoIntro ul{margin:5px 5px 10px 100px;	z-index: 1}
	#textoIntro a {color:#CCC;}
	#textoIntro a:hover { color:#F90}
	/*#textoIntro a:visited {color:#CCCCCC;}*/
	
#premio {background: url(../images/plantilla-premio.png) no-repeat; width: 405px; height: 190px;
	float: right; margin-right: 30px; font-size: x-small; color: #FFF}	
 #premio p {margin-top: 25px;	margin-left: 100px;	line-height: 17px;	margin-right: 45px;	text-align: left}
#contacto {overflow: auto;}
#contacto form {margin: 10px; padding-bottom:20px!important;
	width: 400px; border-right: dotted #656565 1px; float: left}

input.texto {color: #333; background-color: #F0F0F0; border: 1px inset #F69240; width: 330px; height: 25px; font-size: 120%; font-weight: bold; font-family: "Lucida Grande", Arial, Helvetica, SansSerif; padding-left: 10px}
textarea.texto {color: #333; background-color: #F0F0F0; border: 1px inset #F69240; width: 330px; height: 10em; font-family: "Lucida Grande", Arial, Helvetica, SansSerif; font-size: 90%; padding-left: 10px; padding-top: 5px}
form p {clear: left; margin: 0; padding: 0; padding-top: 5px}
form p label {float: left; width: 100px; font: bold 0.9em; height: 35px}

#RestDatos {width: 400px; float: right; margin: 10px 10px 10px 0}
 #RestDatos address{font-style: normal;font-size: 90%}
 #RestDatos h3{margin-top: 30px; border-bottom:solid  #666 1px}
 #RestDatos a {color:#CCC}
 #RestDatos a:hover { color:#F90}

#design {text-align: right; width: 860px; margin: 5px auto; font-size: 70%}
 #design ul{float:right; list-style: none}
  #design ul li{display:block; float:left; padding:0 10px}
  #design ul li + li {border-left:solid #fff 1px} 
 #design img {border:none}
 #design a {color:#FFF; text-decoration:none; font-weight:bold}
 #design a:hover {text-decoration:underline}

#skyline {background-image: url(../images/skyline.png); height: 187px}

/* CLASSES */

.ctr {text-align: center}
.aDr {text-align:right}
 .aDr img {margin-bottom: -20px; margin-top: -25px}
.fdr {float:right}
.petit{font-size:75%}
.grande{font-size:130%}
.gracias{ color:#FF9900; font-weight:bold}
.orange{color:#F69240}
.eloigne {margin-left:-10000px}
.bgHtDr {background-image:url(../images/bgHtDr.png); height: 30px; line-height: 30px; margin: 0}
.bgDr {background:url(../images/bgDr.png) bottom left no-repeat; margin: 0}
.deplace { margin-left:150px}
.activateur{
	cursor:pointer;
	background-image: url(../images/alti2.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
}
.accordeon {margin:15px 0 15px 30px}
.net {clear:both}