@charset "utf-8";
/* reseteando */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, hr, button {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
blockquote, q {quotes:none;}
table {
border-collapse:collapse;
border-spacing:0;
}
/* fin reseteado */

/* selectores HTML */
html, body {width:100%;}
body {
background:url(../images/fondoImagen.jpg) top center no-repeat #000;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-align:center;
color:#fff;
}
h1 {
width:750px;
height:100px;
font-size:1.5em;
margin:0 auto;
padding:10px 0 15px 0;
position:relative;
z-index:1;
overflow:hidden;
}
h1 span {
width:750px;
height:100px;
background:url(../images/cabecera.gif) top left no-repeat #000;
display:block;
}
h1 span span {
position:absolute;
z-index:-1;
}
h2 {
font-size:1.4em;
font-family:Georgia, Times, serif;
color:#f60;
margin:20px 0 20px 0;
}
h3 {
font-size:1.4em;
color:#666;
margin:0 0 10px 0;
}
h4 {
font-size:1.3em;
}
p {
margin:0 0 30px 0;
}
/* fin selectores HTML */

/* enlaces generales */
a {font-weight:bolder;} 
a:link, a:focus, a:active {color:#693;}
a:visited {color:#693;}
a:hover {color:#f93;}
a[href^="http"] {
background:url(../images/externo.gif) no-repeat right top;
padding-right:10px;
} 
/* fin enlaces generales */

/* componentes de página */
#contenedor {
width:60em;
font-size:0.8em;
margin:0 auto;
position:relative;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */

#cabecera {
width:100%;
background-color:#000;
margin:0;
padding:0;
float:left;
text-align:center;
}
.lavaLamp {
position:relative;
height:2.5em;
width:85%;
font-size:1em;
padding:0;
margin:0 auto;
overflow:hidden;
}
#IE6oInf .lavaLamp {
width:94%;
}
/* Force the list to flow horizontally */
.lavaLamp li {
height:2.5em;
float:left;
list-style:none;
margin:0;
padding:0;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
border-top:#f60 solid 2px;
z-index:8;
position:absolute;
}
.lavaLamp li.back .left {
border-top:#f60 solid 2px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
color:#fff;
position:relative;
overflow:hidden;
text-decoration:none;
outline:none;
text-align:center;
top:7px;
z-index:10;
letter-spacing:0;
float:left;
display:block;
margin:auto 15px;
} 
#IE6oInf .lavaLamp li a {
margin:auto 10px;
} 

#cuerpo {
width:100%;
background-color:#fff;
color:#333;
margin:0;
padding:0;
text-align:left;
float:left;
border-radius:20px;
-ms-border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-khtml-border-radius: 20px;
}
#contenidos {
width:90%;
background-color:#fff;
color:#333;
margin:0 5% 0 5%;
padding:10px 0 0 0;
text-align:left;
float:left;
}
#IE7 #contenidos {
padding:40px 0 0 0;
}
#IE6oInf #contenidos {
width:89%;
margin:0 3% 0 3%;
padding:40px 0 0 0;
}
.submenu {
width:100%;
list-style:none;
margin:0;
padding:0 0 0 150px;
display:inline;
}
.submenu li {
line-height:4em;
margin-right:2em;
display:inline;
}
.submenu a, .submenu a:link, .submenu a:focus, .submenu a:active, .submenu a:visited, .submenu a:hover {
line-height:4em;
padding:17px 0 0 0;
color:#333;
text-decoration:none;
}
.submenu a:hover {
background:url(../images/fdoSubmenu.gif) no-repeat top center;
}
.submenu .selected a {
background:url(../images/fdoSubmenu.gif) no-repeat top center;
}

#info {
width:72%;
margin:0 0 20px 0;
padding:0 30px 0 0;
text-align:justify;
float:left;
border-right:solid 1px #ccc;
}
#info02 {
width:100%;
text-align:justify;
float:left;
border-bottom:#fff solid 30px; 
}
.lista {
margin:0 0 30px 0;
list-style-position:inside;
}
.lista li {
margin:5px 0 15px 0;
list-style-position:inside;
text-align:left;
}
.lista02 {
margin:20px 0 30px 20px;
list-style-position:inside;
}
.lista02 li {
margin:5px 0 15px 20px;
list-style-position:inside;
text-align:left;
}
#info02 ol {
margin:0 0 20px 0;
}
#info02 ol li {
margin:0 0 15px 20px;
}
#info02 ul li {
list-style-position:inside;
}
#intro01 {
width:20%;
margin:0;
padding:100px 0 0 0;
float:right;
}
#intro01 li {
margin-right:0;
list-style:none;
text-align:center;
}
#intro01 {
background:url(../images/fondoDcha06.jpg) no-repeat top center;
}
#intro01 ul {
list-style:none;
}

#pie {
width:100%;
font-size:0.85em;
margin:0;
padding:10px 0 5px 0;
text-align:center;
clear:both;
}
#pie li {margin-right:8px; display:inline;}
#pie a, #pie a:link, #pie a:focus, #pie a:active {color:#fff;}
#pie a:visited {}
#pie a:hover {color:#f93;}
a.abbyrodd {
padding:3px 0 3px 20px;
background:url(../images/abbyrodd.gif) no-repeat left;
}

#extra {
background: url(../images/fondoInf.png) no-repeat right;
height:180px;
width:100%;
position:fixed;
bottom:0px;
z-index:10;
}
/* componentes de página */

/*clases*/
.destacados {
font-size:1.475em; /* 16x1.375=22px */
line-height:1.636em;/* 16x1.636=36px */
font-family:Georgia, Times, serif;
margin-bottom:20px;
text-align:center;
}
.fototexto {
width:180px;
margin:0 20px -10px 0;
padding:5px;
text-align:center;
float:left;
}
.fototexto img {
margin-bottom:10px;
padding:0;
}
.fototexto2 {
width:180px;
margin:0 0 -10px 20px;
padding:5px;
text-align:center;
float:right;
}
.fototexto2 img {
margin-bottom:10px;
padding:0;
}

.foto li {
width:180px;
margin:0 20px 30px 0;
padding:5px;
border:#ccc solid 1px;
text-align:center;
display:-moz-inline-stack; /*para FF anterior al 3*/
display:inline-block;
zoom:1; /*para IE anterior a 8; esto es para dotarlo de layout, que más o menos es darle display: inline-block*/
*display:inline; /*para IE anterior a 8*/
vertical-align:top;
}
.foto img {
margin-bottom:10px;
padding:0px;
}
.foto a {
background:none;
display:block;
}
.centrado {
text-align:center;
}
.clear {
clear:both;
}
.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left:3px;
}
/*.rounded {
-moz-border-radius:20px;
-webkit-border-radius:20px;
}*/