@charset "utf-8";
body {background: url("../../images/copy10.gif"); background-repeat: repeat-x; w\idth:766px; margin:auto;background-color:#e6f7ff }
p { color: #000099; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; }
p.page { color: #000099; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: lighter; }
.flags
{
float: right; margin: 0 10px 0px 0;
}
#sol { float: left; width: 120px; margin-left: 10px; }
.bigger { font-size: 103%; font-weight:bold}
h6 { color: #000099; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; } 
    A { COLOR: #000099; TEXT-DECORATION: underline; font-weight:bold; }
    A:hover { color:#6600FF; TEXT-DECORATION: underline; font-weight:bold; }
	#title { margin-top:20px; margin-left:0px; text-align:center;}
a.title { color: white; TEXT-DECORATION: none; font-weight:bold; font-family: "Comic Sans MS", garamond, Arial, Helvetica, sans-serif; font-size: 40px;}
a.title:hover { color:#FFFF66; TEXT-DECORATION: none; }
a.indexright2 { font-size: 80%; }
#container
{margin:0 0 0 0; padding: 0 0 0 0; position:relative;
height:inherit; width: 766px;
}
.texto { padding-left: 10px;
margin:auto; }
#topbox { top:160px; position:absolute; width:100%; right:0;
height: 40px;}	
#flagbox { float: right; width: 100px; margin-top: 25px; }
#content1 {
margin-left: 170px;
margin-right: 20px;
margin-top: 62px;
}

#left { position:absolute; top:220px; left:0; width:160px;}
#leftindex { position:absolute; top:205px; left:0; width:170px;}
#top {top:0px; position:relative; left:0; margin-top: 10px;
height: 132px; white-space: nowrap; 
}
div#derecha { position:absolute; top:205px;  right:0; width:125px; padding: 0 10px 0 0;}
.indexright { margin: 0px 0 10px 35px; }
#contentfull { 
margin-left: 185px;
margin-right: 0px;
margin-top: 30px;
padding-left:10px;
}
#footer
{
margin:0 0px 0 0px; padding:0 0 0 0; height:304px;
}
.borderfotos { border: 1px solid;
border-color: #ccc #888 #555 #bbb;}
#company { font-size: 80%; text-align:center; border-top: 1px solid; border-top-color:#888;
background-color:#66CCFF; padding: 0 10px 0 10px; height:147px;
}
.white { font-weight:bold;}
.wendy {float: right;  font-weight:bold;}
.webmaster { 
float: left; font-weight:bold;
}
.webmaster { 
float: left; font-weight:bold;
}
.final { font-size: 80%; text-align:center; clear: both;} 
.sitemap { font-size: 80%; margin-left:30px;}
.floatfotos { float: left; height: 350px; padding: 0 20px 0 20px; }
.ancho { width: 550px; margin: auto; padding-top: 20px; }
.content2 { clear: both; }
#menu {
float: left;
width: 756px;
margin:0;
padding:0 5px 0 5px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 150.2px;
float: left;
}

#menu ul ul .level4{ 
width: 280px; 
}	

			
#menu p {
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
color: #000099;
text-align:center;
background:url("background5.gif");
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold;
}

#menu ul ul .level2{
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
color: #000099;
background: #FFFFFF;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-left:1px; padding-top:3px; padding-bottom:3px;
text-decoration:none;
width: 200px; 
}	

#menu a{
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
color: #000099;
background: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-left:1px; padding-top:3px; padding-bottom:3px;
text-decoration:none;
}
#menu ul ul .level2:hover {
color: #000099;
background: #FFFF66;
}
#menu a:hover {
color: #000099;
background: #FFFF66;
}
#menu li:hover { 
position: relative; 
z-index: 500; 
} 
#menu ul ul {
position: absolute;
}
#menu ul ul ul {
top: -1px;
left: 100%;
}
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;}
