body {

margin : 0;

padding : 0;

text-align : justify;

color : #666;

background : #d9e1e5;

font : 75% verdana, arial, sans-serif;

}

#contenedor {

width : 800px;

border : 10px solid #fff;

margin-left : auto;

margin-right : auto;

margin-top : 20px;

padding : 10px;

line-height : 1.5em;

color : #666;

background : #d9e1e5;

}

#contenido {

padding : 10px;

margin-left : 0px;

margin-right : 0px;

background : #eee;

color : #666;

}

#contenido h1 {

margin : 30px 0 10px 0;

font : normal 18px/30px verdana, arial, tahoma, sans-serif;

color : #666;

background : transparent;

}

#contenido h2 {

margin : 30px 0 10px 0;

font : normal 14px/24px verdana, arial, tahoma, sans-serif;

color : #666;

/*background : inherit;*/

}

#cabecera {

/*logo y flash*/

vertical-align: top;

margin-top: 0px;

}

#pie {

clear : both;

padding-top : 0px;

padding-left: 17px;

margin-top : 0px;

margin-bottom : 0px;

color : #ffffff;

background : #961019;

font-family: Verdana, Arial, serif;

font-size: 10px;

padding: 0px 0 0 20px;

line-height: 12px;

}



#pie a:link, #pie a:visited {

/*background : inherit;*/

color : #eee;

text-decoration : none;

}

#pie a:hover {

border-bottom : 1px dashed #f2f2f5;

/*background : inherit;*/

color : #f2f2f5;

}

#barraiconos {

float: right;

padding-top: 20px;

padding-left: 5px;

padding-right: 5px;

padding-bottom: 5px;

margin-top :-10px;

margin-left: 25px;

margin-right: -5px;

border-top: 0px;

font-size : 9pt;

font-family: Verdana, Arial, serif;

}

img {

border: none;

margin-left: 5px;

}

.imgizquierda {

border: none;

margin-right: 5px;

float: left;

}

.imgderecha {

border: none;

margin-left: 5px;

float: right;

}

.imgcentro {

border: none;

width: 404px;

margin-left: auto;

margin-right: auto;

}

a {

color : #666;

font-weight : bold;

text-decoration : none;

/*background : inherit;*/

}

a:hover {

text-decoration : underline;

color : #961019;

/*background : inherit;*/

}



#informacion {

margin-left: auto;

margin-right: auto;

margin-top: 5px;

font-family: Verdana, Arial, serif;

font-size: 8px;

font-weight: normal;

color: #999999;

overflow: auto;

background: #eee;

border: 1px solid #F4F6F6;

width: 800px;

height: 50px;

}	



/*	menu superior*/

#menusup ul

{

padding-left: 0px;

margin-left: 0;

background-color: #961019;

color: White;

float: left;

width: 100%;

font-family: verdana, arial, sans-serif;

text-align: center;

}



#menusup ul li { display: inline; }



#menusup ul li a

{

padding: 0.2em 1em;

margin-left: 0px;

background-color: #961019;

color: White;

text-decoration: none;

float: left;

border-right: 1px solid #fff;

text-align: center;

}

#menusup ul li a:hover

{

background-color: Silver;

color: #961019;

}

/*menu superior fin*/



/*	menu inferior*/

#menuinf ul

{

padding-left: 0px;

width: 770px;

margin-left: auto;

margin-right: auto;

color: #fff;

float: left;

font-family: verdana, arial, sans-serif;

text-align: center;

font-size: 10px;

}



#menuinf ul li { display: inline; }



#menuinf ul li a

{

padding: 0.1em 1em;

margin-left: auto;

margin-right: auto;

background-color: #d9e1e5;

color: #961019;

text-decoration: none;

border-right: 1px solid #961019;

text-align: center;

}

#menuinf ul li a:hover

{

background-color: Silver;

color: #000;

}

/*menu inferior fin*/

#lista

{

	padding-left: 10px;

}

.listaDerecha

{

	float: right;

	width:50%;

}

#video

{

	padding-left: 5px;

	float: right;

}

/*formulario*/

fieldset{

/*margin: 0.5em 0 0 0; */

padding: 0;

border-style: none;

}

label { 

float: left; 

width: 7em; 

}

legend { 

color: #000000; 

border-style: none;

font-weight: bold;

}

fieldset ol { 

list-style: none;

}

fieldset li { 

padding-bottom: 7px;

}





/* ================================================================ 

MENU

=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */

/*#nav {position:relative; z-index:100; margin:50px 0 150px 0;}*/

#nav {margin:15px 0 25px 0; z-index:100;}



/* Get rid of the margin, padding and bullets in the unordered lists */

#pmenu {padding:0; margin:0 auto; list-style-type: none; display:table;}

#pmenu ul {padding:0; margin:0; list-style-type: none; display:block;}



/* Hide the sub levels */

#pmenu li ul {display:none;}



/* Set up the link size, color and borders */

#pmenu li a, #pmenu li a:visited {

	display: block;

	width:193px;

	display: block;

	padding-left: 0px;

	margin-left: 0;	

	font-family: verdana, arial, sans-serif;

	color:#FFFFFF;

	font-size:11px;

	line-height: 24px;

	text-decoration: none;

	border: 1px solid #fff;

	text-align:center;

	background-color:#961019;

}



/* Set up the sub level borders */

#pmenu li ul li a, #pmenu li ul li a:visited {border-width:1 1px 1px 1px;}

#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}



/* Set up the list items */

#pmenu li {float:left; background:#961019;}

#pmenu li.tc {display:table-cell;}



/* For Non-IE browsers and IE7 */

#pmenu li:hover {position:relative;}

/* Make the hovered list color persist */

#pmenu li:hover > a {background:Silver; color:#961019;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */

#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; width:120px;}

/* Position the first sub level beneath the top level liinks */

#pmenu > li:hover > ul {left:-30px; top:16px;}



/* get rid of the table */

#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}



/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */

* html #pmenu li a:hover {position:relative; background:#DCDCDC; color:#000000;}



/* For accessibility of the top level menu when tabbing */

#pmenu li a:active, #pmenu li a:focus {background:#dfd7ca; color:#000000;}



/* Set up the pointers for the sub level indication */

#pmenu li.fly {background:#961019;}

#pmenu li.drop {background:#961019;}



/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */



/* change the drop down levels from display:none; to visibility:hidden; */

* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px;}



/* keep the third level+ hidden when you hover on first level link */

#pmenu li a:hover ul ul{

visibility:hidden;

}

/* keep the fourth level+ hidden when you hover on second level link */

#pmenu li a:hover ul a:hover ul ul{

visibility:hidden;

}

/* keep the fifth level hidden when you hover on third level link */

#pmenu li a:hover ul a:hover ul a:hover ul ul{

visibility:hidden;

}

/* keep the sixth level hidden when you hover on fourth level link */

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {

visibility:hidden;

}



/* make the second level visible when hover on first level link and position it */

#pmenu li a:hover ul {

visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;

}



/* make the third level visible when you hover over second level link and position it and all further levels */

#pmenu li a:hover ul a:hover ul{ 

visibility:visible; top:-11px; left:80px;

}

/* make the fourth level visible when you hover over third level link */

#pmenu li a:hover ul a:hover ul a:hover ul { 

visibility:visible;

}

/* make the fifth level visible when you hover over fourth level link */

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 

visibility:visible;

}

/* make the sixth level visible when you hover over fifth level link */

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 

visibility:visible;

}

/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */