@charset "utf-8";
/* CSS Document */
div { behavior: url(resources/iepngfix.htc)}

body{
padding:0;
margin:0;
background:#1e1e1e url(../images/bodybg.gif) repeat-y top center;
font-family: Tahoma, Helvetica, sans-serif; font-size:11px; color:#333333;
}

h1 { font-family: Tahoma, Helvetica, sans-serif; color:#333; font-size:14px; margin:15px 0 0 0; padding:0;}
h2 { font-family: Tahoma, Helvetica, sans-serif; color:#666; font-size:13px; margin:15px 0 0px 0; padding:0;}
img {border:0; margin: 0 0 0 0; padding:0;}
p { margin: 1px; padding:0;  text-align	:justify;}
ul {margin: 0 0 0 10px;}
li {margin: 0 0 0 0;} 


a { color:#003366; text-decoration:none;}
a:hover { color:#003366; text-decoration:undrline;}


.push{
float:left;
overflow:hidden;
}
#top{
padding:0;
float:left;
width:100%;
height:220px;
overflow: hidden;
float:left;
background:url(../images/top.png) repeat-x top center;
}
#general{
padding:0;
float:left;
width:100%;
height:auto;
overflow:hidden;
margin: 0 auto;
}
#header{
margin: 0 auto;
height:220px;
width:900px;
background:url(../images/header.jpg) no-repeat;
}
#header .direccion{
float:left;
width:100%;
height:18px;
padding-top:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
text-align:center;
}
#header .menu{
float:right;
width:698px;
height:20px;
margin-top:3px;
text-align:center;
margin-right:8px;
}
#header .menu .boton{
font-family: Tahoma;
font-size:14px;
color:#CCCCCC;
margin-left:25px;
float:left;
}
#header .menu .boton a{
text-decoration:none;
color:#CCCCCC;
float:left;
}
#header .menu .boton a:hover{
text-decoration:none;
color: #99CCCC;
float:left;
}

#content{
background:#FFFFFF url(../images/content-bg-bottom-right.gif) right bottom no-repeat;
width:900px;
height:auto;
overflow:hidden;
margin: 0 auto;
}
#content #leftbar{
background:#e5e5e5 url(../images/back-leftbar.gif) top repeat-y;
width:193px;
height:auto;
overflow:hidden;
float:left;
}
#content #leftbar #contenido{
background:url(../images/background-leftbar.gif) no-repeat;
width:193px;
height:auto;
overflow:hidden;
float:left;
}
#content #leftbar #contenido #botonera{
width:160px;
padding-left:15px;
height:auto;
overflow:hidden;
}


#content #leftbar #contenido #botonera .boton{
width:160px;
height:20px;
background:url(../images/boton.png) no-repeat;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #444;
padding-top:5px;
text-align:center;
margin-bottom:5px;
}
#content #leftbar #contenido #botonera .boton a{
color: #000;
text-decoration:none;
}
#content #leftbar #contenido #botonera .boton a:hover{
color:#003399;
text-decoration:none;
background:none;
}

#contenidos{
width:670px;
padding-left:20px;
float:left;
height:auto;
overflow:hidden;
padding-bottom:130px;
}


#contenidos .colW { width:95%; height:auto; margin-left:10px;border-bottom:solid 1px #CCCCCC; padding-bottom:10px; overflow:hidden;}
#contenidos .colI { width:75%; padding-left:10%; padding-right:10%; height:auto; margin-left:10px;border-bottom:solid 1px #CCCCCC; padding-bottom:10px; overflow:hidden;}
#contenidos .colA { width:380px; height:auto; float:left; margin-bottom:10px;overflow:hidden;}
#contenidos .colB { width:270px; height:auto; float:left; margin-bottom:10px; border-left:1px #CCCCCC solid;overflow:hidden; }
#contenidos .contText { width: 95%; height:auto; margin: 0 0 10px 10px; float:left;}

#contenidos .colI h2 { font-size:16px; font-weight:bold; margin-bottom:5px;}
#contenidos .colB h2 { font-size:14px; font-weight:bold; margin-bottom:5px;}
#contenidos .colB a{ color: #006699;}
#contenidos .colB .contText{ color: #006699;}
#contenidos .colA h2 { font-size:14px; font-weight:bold; margin-bottom:5px;}
#contenidos .colW h2 { font-size:16px; font-weight:bold; margin-bottom:5px;}

#contenidos .colI .image{
overflow:hidden;
margin-bottom:10px;
float:left;
margin-right:15px;
}
#contenidos .colA .image{
overflow:hidden;
margin-bottom:10px;
float:left;
margin-right:15px;
}
#contenidos .colB .image{
overflow:hidden;
margin-bottom:10px;
float:left;
margin-right:15px;
}

#contenidos .colW .image{
margin-right:15px;
overflow:hidden;
margin-bottom:10px;
float:left;
}



#footer{
background:url(../images/footer.jpg) no-repeat;
margin: 0 auto;
width:900px;
height:63px;
}
#footer .menu{
float:right;
width:650px;
height:20px;
text-align:center;
margin-right:8px;
}
#footer .menu .boton{
font-family: Tahoma;
font-size:12px;
color:#CCCCCC;
margin-left:10px;
float:left;
}
#footer .menu .boton a{
text-decoration:none;
color:#CCCCCC;
float:left;
}
#footer .menu .boton a:hover{
text-decoration:none;
color: #99CCCC;
float:left;
}
.bottomsubfooter{
width:100%;
height:auto;
overflow:hidden;
float:left;
}
#subfooter{
background:url(../images/subfooter.jpg) no-repeat;
margin: 0 auto;
width:920px;
height:70px;
}
#subfooter .btn{
float:left;
width:225px;
height:70px;
display:block;
}
#subfooter .btn a{
float:left;
width:225px;
height:70px;
display:block;
}

#subfooter .text{
float:left;
width:500px;
padding-left:100px;
height:50px;
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
display:block;
text-align:center;
}

/*-CLASES DE CONTENIDOS, TEXTOS, TITULOS y DEMAS-*/

#contenidos p {
padding:0;
margin:0;
text-align:left;
}

#contenidos ul,li{
padding-left:10px;
list-style:none;
}

#contenidos .titulo{
font-family: Arial, Helvetica, sans-serif;
font-size:22px;
color:#000033;
width:95%;
padding-bottom:3px;
border-bottom:1px #ccc solid;
margin-bottom:20px;
}
#contenidos .subtitulo{
font-family:Tahoma;
font-size:16px;
color:#000033;
margin-bottom:10px;
padding-left:30px;
}
#contenidos .bloquedetexto{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin-bottom:5px;
width:95%;
text-indent:25px;
text-align:justify;
}


/*-clases nuevas LEA -*/
.login{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#0099CC;
width:50px;
text-align:center;
position:absolute;
top:10px;
left:10px;
z-index:2;
}
.push1{
height:5px;
width:100%;
overflow:hidden;
}
.push2{
color:#006699;
padding-top:5px;
height:auto;
width:100%;
overflow:hidden;
margin-bottom:10px;
}
.date{
color:#003366;
}
#contenidos .colSEARCH{ width:220px; height:auto; float:left; margin-bottom:10px;overflow:hidden;}
.entrada {
background:#eeeeff;
border:#003366 solid 1px;
width:195px;
height:25px;
padding-top:2px;
padding-left:5px;
margin-bottom:5px;
}
.entrada1 {
background:#eeeeff;
border:#003366 solid 1px;
width:188px;
padding-top:5px;
padding-left:5px;
height:20px;
margin-bottom:5px;
}
.search {
margin-top:10px;
}
.datesmall{
color: #990000;
font-size:9px;
}
.textsmall{
width:100%;
margin-bottom:10px;
color: #666666;
font-size:10px;
text-align:justify;
}
.titlesmall{
color: #003366;
font-size:13px;
font-weight:bold;
text-align:justify;
}


/*---contact form-*/

form{
padding:0;
margin:0;
}

.contactform{
background:url(../images/contactbck.png);
float:left;
width:100%;
height:350px;
margin-top:20px;
margin-bottom:20px;
}

.recomendarform{
background: url(../images/recomendarbck.png);
float:left;
width:500px;
height:350px;
margin-left:175px;
_margin-left:88px;
margin-top:20px;
margin-bottom:20px;
}

.linea{
float:left;
width:100%;
height:20px;
margin-top:5px;
_margin-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

.linea2{
float:left;
width:100%;
height:100px;
margin-top:5px;
_margin-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

.linea .label{
padding-top:3px;
float:left;
width:38%;
height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:right;
}
.linea .form{
padding-top:3px;
float:left;
width:190px;
margin-left:10px;
height:17px;
_height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background:#CCCCCC;
border:1px solid #999999;
padding-left:5px;
}

.linea2 .label2{
padding-top:3px;
float:left;
width:38%;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:right;
}

.linea2 .form2{
padding-top:3px;
float:left;
width:190px;
margin-left:10px;
height:90px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background:#CCCCCC;
border:1px solid #999999;
padding-left:5px;
}

.check{
float:left;
height:20px;
width:20px;
background:#CCCCCC;
border:1px solid #999999;
}

.send{
width:135px;
height:25px;
float:left;
margin-left:5px;
}

/*---END contact form-*/


/*------------------ALBUM-*/
#album{
width:95%;
background:#efefef;
padding:2%;
border:1px solid #999999;
float:left;
}

#album .tit{
margin-bottom:0;
padding-left:10px;
font-family:Calibri;
font-size:25px;
color:#003399;
}
#album .subtit{
margin-top:0;
padding-left:10px;
font-family:Calibri;
font-size:14px;
color:#003399;
}

#album img{
border:1px solid #003366;
padding:3px;
background:#99CCFF;
margin:10px;
}

#album .paginas{
width:100%;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #CCCCCC;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
#album .paginas a{
background:#CCCCCC;
padding:2px 4px 2px 4px;
margin:2px;
}

#album .paginas a:hover{
background:#dddddd;
}