
body { background:#FFF; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; border-top:#FFF 30px solid; border-left:#FFF 30px solid; border-right:#FFF 30px solid; border-bottom:#FFF 30px solid;}

ul { padding:0; margin-left:20px; }

h1 { color: #DA4E00; font-size:35px; margin:20px 0 0 0; padding:0; font-weight: normal;}
p { text-align:justify; }
p.intro { color: #000; font-size:20px;  text-align:left; }
.naranja {color: #DA4E00; font-weight: bold;}
#borde { width:820px; margin:0px auto; background:#FFF; border:#CCC 2px solid; padding:20px; }
#container { width:820px; margin:0px auto; background:#FFF; }

#cabecera { width:820px; height:232px; float:left; background:#FFF; }
#cabecera .logo { width:300px; height:45px; float:left; }
#cabecera .menu_cabecera { width:200px; height:20px; float:right; text-align:right; margin-top:40px; color:#999; }
#cabecera .menu_cabecera a {  font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; text-decoration: none }
#cabecera .topmenu { width:200px; height:20px; float:right; text-align:right; margin-top:28px; color:#999; }
#cabecera .topmenu a { color:#999; text-decoration:none; }
#cabecera .topmenu a:hover { color:#DA4E00; text-decoration:none; }
#cabecera .banner { width:820px; height:187px; float:left; margin-top:10px; margin-bottom:20px; }

/* Menú desplegable */

#nav {
	display: block;
	padding: 0;
	margin: 0;
	height: 34px;
	z-index: 100;
  	float:left;
	width: 100%;
	list-style: none;
	text-align: center;
	background:#eee;
	border-top:#ccc 2px solid; 
	border-left:#FFF 0px solid; 
	border-right:#FFF 0px solid; ;
}

#nav ul { padding:0; margin:0; }

#nav li {
	text-align: center;
	display: block;
	float: left;
	height: 34px;
	margin: 0;
	padding: 0;
  	position: relative;
	background: url(../images/nav_sep.jpg) no-repeat 0 0;
}

#nav li:hover { background:#DA4E00; }

#nav li a {
	float: left;
	height: 25px;
	padding: 0 18px;
	padding-top: 9px;
	color: #000;
	font-size:11px;
	margin-left: 2px;
	text-decoration:none;
}

#nav li a:hover {
	color: #fff;
}

#nav li a.active {
  	color: white;
	font-weight: bold;
}

#nav li.sep {
	background: url(../images/nav_sep.jpg) no-repeat 0 0;
	width: 2px;
	height: 34px;
	float: left;
}

#nav li ul {
	display: none;
	width: 170px;
	position: absolute;
	top: 34px;
	left: 0;
	margin: 0;
	padding: 0;
	/* Transparent background for drop down menu */
  	background:transparent filter: alpha(opacity=90);
  	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  	opacity:0.90;
}

#nav li ul li {
  	border: 0;
  	height: 25px;
  	color: #666;
  	background: #eee;
  	margin: 0;
	padding:0;
}

#nav li ul li a {
	display: block;
  	height: 25px;
  	width: 190px;
  	padding: 0 20px 0 10px;
  	white-space: nowrap;
  	background: #ddd;
  	color: #DA4E00;
  	text-align: left;
  	line-height: 25px;
  	font-weight: normal;
}

#nav li ul li a:hover {
  	color: #DA4E00;
  	background: #bbb;
}

/* Hacks for Opera to fix the drop down menu problem */
html:first-child #nav li a {
	float: none;
	height: 34px;
	padding-top: 0;
	line-height: 34px;
	display: block;
}
html:first-child #nav li ul li a {
  	height: 25px;
  	line-height: 25px;
}

/* +++++++++++++++++++++++++++++++++++++++ */

#cuerpo { width:820px; float:left; background:#FFF;border-left:#fff 0px solid; border-right:#fff 0px solid; }
#cuerpo .izquierda { float:left; width:200px; }
#cuerpo .derechainicio { float:right; width:820px; }
#cuerpo .derecha { float:right; width:620px; }
#cuerpo .centro { float:left; width:810px; padding:5px; }
/* sub navigation */
.submenu {
	float: left;
	width: 180px;
	margin-top:140px;
}
.submenu ul {
	padding: 0;
	list-style-type:none;
}
.submenu li {background:#eee;}
.submenu li a {
	font-size: 1.1em;
	color: #000;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
	font-size:11px;
}
.submenu li a:hover {
	background: #fff;
	color: #DA4E00;	
}

#pie { clear:both; height:30px; background:#ccc; width:820px; margin:0px auto; text-align:center; line-height:30px; color:#777; font-size:11px; }

a.pie { color:#777; font-size:11px; }
a.pie:hover { color:#FFF; font-size:11px; }

a.link { color:#777; font-size:12px; }
a.link:hover { color:#000; font-size:12px; }