@import url('reset.css');
@import url('forms.css');
body{
background:#c47 url(../img/wall.jpg) 0 0 repeat;
padding-top:10px;
font-size:0.9em;
font-family:Helvetica, Arial, sans-serif;
}

h1, h2{
font-family:'Trebuchet MS','Arial Narrow',Verdana;
font-weight:100;
}
h1{
color:#c47;
font-size:2em;
margin:0 0 15px 0
}
h2{
color:#d58;
font-weight:100;
font-size:1.5em;
margin:10px 0 5px 0
}
h3{
color:#d58;
font-weight:700;
font-size:1.1em;
margin:5px 0 0 0
}

p{margin-bottom:1em}

a:visited, a:link{color:#c47}
a:hover, a:active, a:focus{color:#d69}

#web{
width:980px;
margin:0 auto 20px auto;
padding:0;
position: relative;
background:#fff url(../img/fondo.png) 0 0 repeat-y;
overflow:hidden
}

#header{
float:left;
width:100%;
height:85px;
margin:0;
padding:0;
background:url(../img/esi.png) 0 0 no-repeat;
border-bottom:2px solid #C80064;
overflow:hidden
}

#header img.logo{float:left;position:absolute;margin-top:19px;}

#header p.info{
float:right;
width:600px;
font-size:0.9em;
background:#fff;
text-align:right;
padding:5px 5px 13px 0;
color:#444;
margin:0;
overflow:hidden
}

#header p.info span{color:#c39}
#header .idiomas{
background:#fff;
float:right;
width:600px;
height:12px;
padding:8px 2px 0 0;
text-align:right;
}
#header .idiomas li{float:right; opacity:.50}
#header .idiomas li.activo{opacity:1.00}
#header .idiomas li a{display:block;padding:0 2px}

div.middle{
clear:both;
float:left;
width:100%;
height:75px;
border-top:1px solid #E3BCD4;
border-bottom:1px solid #E3BCD4;
background:#c47 url(../img/cmm.jpg) 0 0 repeat;
overflow:hidden
}
div.middle p{
width:100%;
height:100%;
background:url(../img/bebe.jpg) right top no-repeat
}
div.middle strong{
display:block;
padding:15px;
width:380px;
font-size:1.1em;
color:#c47;
color:#fff;
word-spacing:0.2em;
line-height:1.5em;
}

.divisor{
clear:both;
float:left;
width:100%;
height:15px;
background:#fff;
}
.divisor hr{display:none}


#cuerpo{
border-top:15px solid #fff;
float:left;
width:100%;
padding-bottom:130px;
background:url(../img/fin_cuerpo.jpg) bottom left no-repeat;
overflow:hidden
}

.texto{
float:left;
width:500px;
margin:0 15px;
overflow:hidden;
font-size:0.9em;
}

.texto ul{list-style:inside square}
.texto ul li ul{list-style:inside circle;padding-left:1em}
.texto p img{
border:2px solid #f9c;
margin:10px;
}

img.foto{margin:-5px 5px 5px 5px!important;float:left; border:none!important}

#columna2{
width:220px;
margin-right:8px;
float:right;
overflow:hidden
}

#columna3{
width:215px;
margin-right:5px;
float:right;
overflow:hidden
}

#cuerpo menu.menuPrincipal{
float:right;
width:200px;
margin:0 10px;
overflow:hidden;
}
#cuerpo menu.menuPrincipal li a{
display:block;
font-size:1.05em;
font-style:italic;
padding:10px 5px;
border-bottom:1px solid #E3BCD4;
}

#cuerpo menu.menuPrincipal li.activo a, #cuerpo menu.menuPrincipal li a:hover{
background:#fff6f9;
color:#f36
}

.ultimaNoticia{
float:right;
width:200px;
margin:10px;
}
.ultimaNoticia h2{
font-size:1.1em;
font-weight:700;
color:#c36;
line-height:1em;
margin:15px 0 10px 0
}
.ultimaNoticia p a{
display:block;
padding:5px 5px 5px 70px;
font-style:italic;
font-size:0.9em;
color:#333;
margin:0;
background:url(../img/noticias.png) 0 10px no-repeat;
}

.ultimaNoticia p a:hover{
background-color:#fff0f3
}
.ultimaNoticia span.fecha{
font-size:0.9em;
color:#f69;
font-weight:700
}

div.distinciones{
float:right;
width:200px;
margin:10px;
text-align:center;
}
.distinciones div{
width:70%;
margin:5px auto 15px auto;
}
.distinciones div p{
width:100%;
margin:5px auto;
font-size:0.8em;
color:#333
}

.distinciones h2{
width:100%;
margin:20px auto 5px auto;
padding-top:5px;
font-size:1.2em;
font-weight:700;
border-top:1px solid #E3BCD4
}


.pie{
clear:both;
width:100%;
background:#4B3724;
color:#fda;
}
.pie a:link, .pie a:visited {color:#eb8}
.pie a:hover, .pie a:active, .pie a:focus, .pie menu li.activo a{color:#fdc}

.pie menu{
float:left;
float:right;
text-align:right;
width:335px;
margin:-5px 5px 5px 0;
}
.pie menu li{float:left;padding:0; float:right; font-size:0.9em}

.pie menu.menuPrincipal{
float:left;
text-align:left;
width:635px;
margin:-5px 0 5px 5px;
}
.pie menu.menuPrincipal li{float:left;padding:0; font-size:0.9em}
.pie menu{border-bottom:1px dashed #714B26}
.pie menu li a{padding:0 5px}

.pie .fin{
clear:both;
width:102%;
height:25px;
margin:0;
padding-top:7px;
padding-left:10px;
background:url(../img/pie.png) left bottom no-repeat;
text-align:center;
font-size:0.8em;
}
div.info_persona, p.firma{color:#666; width:60%}
div.info_persona{color:#333;width:100%; border-bottom:1px dotted #fcd; float:left; margin:5px 0 10px 0}
div.info_persona h3{line-height:1em}
div.info_persona img.foto{margin:2px 10px 5px 0!important; border:2px solid #fcd!important}
div.info_persona p{line-height:1.5em}

dl.contacto{margin-bottom:15px}
dl.contacto dt{
font-weight:700;
float:left;
text-align:right;
width:75px;
padding-right:3px;
line-height:1.8em;
margin-right:5px;
background-color:#fee;
background-position:5px 2px;
background-repeat:no-repeat
}
dt.dir{padding-left:25px;background-image:url(../img/dir.png)}
dt.tel{padding-left:25px;background-image:url(../img/tel.png)}
dt.fax{padding-left:25px;background-image:url(../img/fax.png)}
dt.email{padding-left:25px;background-image:url(../img/email.png)}
dt.horario{padding-left:25px;background-image:url(../img/horario.png)}

dl.contacto dd{line-height:1.8em; margin-bottom:1px;background-color:#fff9f9}

#map{width:99%;height:300px;float:left;margin-bottom:10px;border:1px solid #ccc}

.zona{clear:both; float:left; margin-bottom:15px;width:100%}
.zona h2{margin:0; font-size:1.4em}
.zona p{float:left;width:auto}
.zona p img{
margin:5px 10px;
margin-left:0;
float:left;
}
.zona ul{float:left;width:310px;list-style:none}
.zona ul li{background:#fff6f9;padding:2px;margin-bottom:2px}

.noticia{
float:left;
width:100%;
border-top:1px dotted #fcd;
border-bottom:1px dotted #fcd;
margin-bottom:1px
}
.noticia .fecha{
float:right;
margin-top:-1.9em;
color:#666;
}

#alerta{
display:none;
font-size:12px;
float:left;
clear:left;
width:480px;
height:20px;
background:#ffe;
border:1px solid #fc0;
padding:2px 5px;
margin:5px 0;
color:#c60
}

#logoFlash{
position:absolute;
margin-top:19px;
}