body { 
background-image : url(images/fondo.png); 
font-family : tahoma, helvetica, arial, sans-serif; 
font-size : 12px; 
text-align : center; 
}

#wrap { 
margin : 0 auto; 
text-align : left; 
width : 980px; 
}

th, td { 
font-size : 12px; 
}

#wrapper { 
margin : 0 auto; 
text-align : left; 
width : 850px; 
position : absolute; 
color : #000000; 
}

h1 { 
margin : 0; 
padding : 17px 0 5px 0; 
line-height : 1; 
font-size : 22px; 
}

h2 { 
margin : 0 0 0 0; 
padding : 5px 0 0 0; 
font-size : 15px; 
color : #8a0808; 
text-decoration : underline; 
}

h3 { 
margin : 0 0 0 30px; 
padding : 0 0 0 0; 
color : #000000; 
}

h4 { 
margin : 0 0 0 0px; 
padding : 0 0 0 0;
text-decoration : underline
}

h5 { 
font-size : 9px; 
color : #585858; 
}

h4 {
color : #8a0808;
margin : 0 0 0 0; 
padding : 0px 0 0 0; 
} 

h6 { 
margin : 0 0 0 0px; 
padding : 0 0 0 0; 
color : #000000; 
font-size : 18px; 
}

.j { 
text-align : justify; 
} 

.nav { 
width : 140px; 
float : left; 
margin : 0; 
padding : 0; 
}

.nav h2 { 
color : #fff; 
margin-top : 0; 
padding : 6px 0 0 0; 
border-bottom : 1px solid #fff; 
line-height : 1; 
}

.nav ul { 
margin : -25px 0 0 30px; 
padding : 30px 0 0 0; 
line-height : 1; 
}

.nav li { 
list-style : none; 
margin : 0; 
padding : 0; 
}

ul a { 
color : #ffffff; 
font-weight : bold; 
}

ul a:visited { 
color : #000000; 
}

ul a:hover, a:hover { 
text-decoration : none; 
}

#men { 
background : url(images/menu_bg.gif); 
width : 980px; 
}

#header { 
position : relative; 
top : 20px; 
margin-right : 10px; 
width : 980px; 
height : 187px; 
}

#header h2 { 
margin : 57px 0 0 126px; 
} 

#header a { 
color : white; 
} 

#header ul { 
margin : 0; 
padding : 5px 0 0 0; 
} 
#header li { 
margin : 0; 
padding : 0 0 0 129px; 
list-style : none; 
line-height : 1.7; 
} 
#header #navtop { 
position : absolute; 
left : 10px; 
font-size : 12px; 
} 
#header #navtop li { 
display : inline; 
padding : 0 0 0 22px; 
} 
#header #navtop a { 
text-decoration : none; 
} 
#header #navtop a:hover { 
text-decoration : underline; 
}

#contenido { 
margin-top : 100px; 
z-index : 9; 
} 

#girl { 
position : absolute; 
background : url(images/header_girl.gif) no-repeat; 
top : 0; 
right : 0; 
width : 158px; 
height : 167px; 
}

#orangerow .col { 
text-align : justify; 
} 

.divider { 
height : 3px; 
margin : 1px 0; 
padding : 0; 
font-size : 1px; 
} 

.col .divider { 
background : inherit; 
border-top : 1px solid #999; 
} 

#orangerow { 
background : url(images/orange_bg.gif); 
width : 980px; 
text-align : justify; 
} 

#orangerow2 { 
background : url(images/bienvenido.gif); 
width : 980px; 
height : 790px; 
text-align : justify; 
} 

#greenrow { 
background : url(images/green_bg.gif) repeat-y; 
} 

.left { 
float : left; 
margin : 5px 5px 0 0; 
} 

.clear { 
clear : both; 
margin : 0 1px 0 0; 
} 

.clear div { 
margin : 0 4px 0 130px; 
border-top : 1px solid #999; 
height : 1px; 
font-size : 1px; 
margin-bottom : -1px; 
} 

* html .clear div { 
margin-bottom : -2px; 
} 

#greenrow .clear { 
height : 3px; 
font-size : 1px; 
margin-bottom : -2px; 
} 

#izq { 
margin : 120px 0 0 0; 
width : 505px; 
float : left; 
margin-left : 75px; 
height : auto; 
margin-top : 0; 
} 

#izq2 { 
margin : 120px 0 0 0; 
width : 512px; 
float : left; 
margin-left : 40px; 
height : auto; 
margin-top : 0; 
} 

#col1 { 
margin : 0 0 0 0; 
width : 380px; 
float : left; 
margin-left : 35px; 
} 

#col2 { 
margin : 0 0 0 0; 
width : 320px; 
float : left; 
margin-left : 35px; 
} 

#col3 { 
margin : 0 0 0 0; 
width : 150px; 
float : left; 
margin-left : 40px; 
} 

#tit { 
width : 405px; 
float : left; 
margin-left : 75px; 
} 

#dch { 
margin-top : 0; 
width : 241px; 
float : right; 
margin-right : 20px; 
display : inline; 
} 

#iframe { 
width : 840px; 
float : left; 
margin-left : 70px; 
height : 380px; 
margin-top : 100px; 
} 

#iframe2 { 
width : 840px; 
float : left; 
margin-left : 70px; 
height : 500px; 
margin-top : 30px; 
} 

#iframe3 { 
width : 840px; 
float : left; 
margin-left : 70px; 
height : 500px; 
margin-top : 100px; 
} 

#entera1 { 
width : 690px; 
float : left; 
margin-left : 70px; 
margin-top : 0; 
} 

#entera2 { 
width : 780px; 
float : left; 
margin-left : 40px; 
margin-top : 0; 
}

#media1 { 
width : 320px; 
float : left; 
margin-left : 40px; 
margin-top : 0; 
}

#media2 { 
width : 450px; 
float : left; 
margin-left : 40px; 
margin-top : 0; 
}

#media5 { 
width : 550px; 
float : left; 
margin-left : 40px; 
margin-top : 0; 
}

#media3 { 
margin-top : 0; 
width : 320px; 
float : right; 
margin-right : 70px; 
display : inline; 
}

#media4 { 
margin-top : 0; 
width : 280px; 
float : right; 
margin-right : 40px; 
} 

#footer { 
width : 980px; 
height : 150px; 
text-align : left; 
background : url(images/footer.gif); 
color : #dbd1d1; 
}

* html #footer { 
height : 60px; 
}

#footeri { 
padding : 5px 3px 7px 13px; 
}

#footer .copyright { 
float : left; 
}

#footer a { 
color : #fff; 
text-decoration : none; 
font-size : 11px; 
}

.books { 
float : right; 
width : 200px; 
margin : 0 10px; 
}

.col a { 
color : #000000; 
}

.col #col3 a { 
color : #ffffff; 
}

.col .books a { 
color : maroon; 
}

.estilo1 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
}

.bg { 
background : url(images/button1a.gif); 
}

.menu { 
padding : 0 0 0 32px; 
margin : 0; 
list-style : none; 
height : 40px; 
background : #fff url(images/button1a.gif) repeat-x; 
position : relative; 
font-family : arial, verdana, sans-serif; 
}

.menu li.top { 
display : block; 
float : left; 
position : relative; 
}

.menu li a.top_link { 
display : block; 
float : left; 
height : 40px; 
line-height : 33px; 
color : #bbb; 
text-decoration : none; 
font-size : 11px; 
font-weight : bold; 
padding : 0 0 0 12px; 
cursor : pointer; 
}

.menu li a.top_link span { 
float : left; 
font-weight : bold; 
display : block; 
padding : 0 24px 0 12px; 
height : 40px; 
}

.menu li a.top_link span.down { 
float : left; 
display : block; 
padding : 0 24px 0 12px; 
height : 40px; 
background : url(images/down.gif) no-repeat right top; 
} 

.menu li a.top_link:hover { 
color : #000; 
background : url(images/button4.gif) no-repeat; 
} 

.menu li a.top_link:hover span { 
background : url(images/button4.gif) no-repeat right top; 
} 

.menu li a.top_link:hover span.down { 
background : url(images/button4a.gif) no-repeat right top; 
} 

.menu li:hover > a.top_link { 
color : #000; 
background : url(images/button4.gif) no-repeat; 
} 

.menu li:hover > a.top_link span { 
background : url(images/button4.gif) no-repeat right top; 
} 

.menu li:hover > a.top_link span.down { 
background : url(images/button4a.gif) no-repeat right top; 
} 

.menu table { 
border-collapse : collapse; 
width : 0; 
height : 0; 
position : absolute; 
top : 0; 
left : 0; 
} 

.menu a:hover { 
visibility : visible; 
} 

.menu li:hover { 
position : relative; 
z-index : 200; 
} 

.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul { 
position : absolute; 
left : -9999px; 
top : -9999px; 
width : 0; 
height : 0; 
margin : 0; 
padding : 0; 
list-style : none; 
} 

.menu :hover ul.sub { 
left : 2px; 
top : 40px; 
right : 2px; 
background : #fff; 
padding : 3px 0; 
border : 1px solid #b2344d; 
white-space : nowrap; 
width : 200px; 
height : auto; 
} 

.menu :hover ul.sub li { 
display : block; 
height : 20px; 
position : relative; 
float : left; 
width : 250px; 
} 

.menu :hover ul.sub li a { 
font-weight : normal; 
display : block; 
font-size : 11px; 
height : 20px; 
width : 192px; 
line-height : 20px; 
text-indent : 5px; 
color : #000; 
text-decoration : none; 
border : 3px solid #fff; 
border-width : 0 0 0 3px; 
} 

.menu :hover ul.sub li a.fly { 
background : #fff url(images/arrow.gif) no-repeat 80px 7px; 
} 

.menu :hover ul.sub li a:hover { 
background : #b2344d; 
color : #fff; 
} 

.menu :hover ul.sub li a.fly:hover { 
background : #b2344d url(images/arrow_over.gif) no-repeat 80px 7px; 
color : #fff; 
} 

.menu :hover ul li:hover > a.fly { 
background : #b2344d url(images/arrow_over.gif) no-repeat 80px 7px; 
color : #fff; 
} 

.menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul { 
left : 90px; 
top : -4px; 
background : #fff; 
padding : 3px 0; 
border : 1px solid; 
white-space : nowrap; 
width : 93px; 
z-index : 200; 
height : auto; 
}