.clear {
clear:both;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}
body {
background:#289122 url(../images/fondozoo.png) repeat-x scroll center top;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
margin:0;
padding:0;
}
#contenedor_principal {
margin-left:100px;
margin-right:auto;
width:600px;
}
h3 {
background:transparent url(../images/fnd_h3.png) no-repeat scroll 0 0;
color:#FFFFFF;
font-size:17px;
height:35px;
padding:12px 0 0 12px;
text-transform:uppercase;
}
a {
color:white;
font-weight:bold;
}
a:hover {
text-decoration:none;
}
#first{
display:none;
}
#titulo {
background-color:transparent;
background-image:url(../images/titulo.png);
background-position:center center;
background-repeat:no-repeat;
height:250px;
margin:0 auto;
width:800px;
}
#contenidos {
width:600px;
}
#pie {
background:white url(../images/bg_pie.jpg) repeat-x scroll center top;
height:230px;
padding-top:30px;
}
#pielogos {
background:transparent url(../images/pie2.png) no-repeat scroll right bottom;
color:#000000;
font-size:11px;
height:200px;
margin-left:100px;
padding-top:5px;
width:600px;
}
.separacionTemas {
height:300px;
min-height:300px;
width:600px;
}
#menu {
background:transparent url(../images/fnd_menu.png) no-repeat scroll 0 0;
color:white;
font-size:18px;
height:198px;
margin-left:600px;
margin-top:0;
padding:55px 0 0 35px;
position:absolute;
width:300px;
}
html > body #menu {
position:fixed;
}
#menu ul {
margin:0;
padding:0;
}
#menu li {
display:block;
list-style-type:none;
}
#menu a {
color:white;
text-decoration:none;
}
#menu a:hover {
font-weight:bold;
}
#titulo h1 {
text-indent:-1000px;
}
#contenidos h2 {
background:transparent url(../images/fondotitulos.png) no-repeat scroll 0 0;
color:#997522 !important;
float:left;
font-family:tahoma,verdana;
font-size:20px;
height:73px;
line-height:20px;
padding:25px 12px 5px 32px;
position:absolute;
text-transform:uppercase;
width:200px;
}
#contenidos h2 a {
color:#997522 !important;
}
#fondospantalla {
margin-top:80px;
width:600px;
}
#fondospantalla li {
display:table-cell;
float:left;
height:250px;
list-style-type:none;
margin-bottom:10px;
margin-right:2px;
padding:4px;
}
#fondospantalla img {
border:5px solid white;
}
#fondospantalla img:hover {
border:5px solid #815A11;
}
#fondospantalla a {
color:#FFFFFF;
}
#fondospantalla a:hover {
color:#CC0099;
}
#fondospantalla li p {
color:#FFFFFF;
font-weight:bold;
text-align:justify;
width:200px;
}
#fondospantalla h3 {
margin-left:50px;
}
#contenido {
margin-top:95px;
width:600px;
}
#contenido div {
float:left;
line-height:18px;
margin-left:20px;
text-align:justify;
width:280px;
}
#contenido_demo {
margin-top:95px;
width:600px;
}
#contenido_demo div {
float:left;
line-height:18px;
margin-left:44px;
text-align:justify;
width:550px;
}
#contenido li {
list-style-image:url(../images/check.png);
margin-bottom:8px;
}
.derecha, .derecha a {
color:#F4E601;
font-size:20px;
font-weight:bold;
text-align:right;
text-decoration:none;
}
.derecha, .derecha a:hover {
color:#FFFFFF;
}
h2 span {
margin:0 0 0 700px;
position:absolute;
visibility:hidden;
}
h2 span img {
}
h2 span a img {
border:0 none;
}