/*****  www.siempro.com ***/


body {
/*
background-attachment: fixed;
background-position: 0% 0%;
*/
background-color: #f9f9f9;
background-image: url("imagenes/fd.jpg");
background-repeat: no-repeat;
padding:0;
margin:0;
color: #343434;
font: 14px/24px "Arial", "Lucida Grande", sans-serif;
}
a, img {
border:0;
}
a {
color:#000072;
text-decoration:none;
}
a:hover {
color:#fe0000;
}
h1{ 
border-bottom: 1px solid #DCDCDC;
font: bold 25px/38px "Pathway Gothic One", "Helvetica", "Verdana", sans-serif;
padding:0;
margin: 0 0 10px 0;
}
hr {
border:1px solid #DCDCDC;
}
/**********************/
#contenedor {
margin: 10px auto 10px auto;
width: 980px;
background-image: url("imagenes/bg.png");
box-shadow: #808080 4px 4px 8px;
border-radius:10px;
}
#cabecera {
width:100%;
height:280px;
}

#animacion {
float: left;
width: 960px;
height:280px; 
color: #333;
padding: 10px;
background:#4db5e1;
}
#barra { 
color: #333; 
padding: 10px;
width: 280px;
float: right; 
}
#contenido { 
float: left;
color: #333;
padding: 10px;
min-height: 450px;
width: 660px;
}
.contenido {
width:100%;
}
#pie {
background:#49b4e0;
font-size: 12px;
width: 960px;
height:75px;
clear: both;
color: #333; 
margin: 0px 0px 10px 0px;
padding: 10px;
border-radius: 0 0 10px 10px;
}
.after:after	{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
/****************************************/
#cabecera #cont {
height:190px; 
background:#e7f4fa;
}
#cabecera #cont .logo {
width:431px;
height:180px;
margin-top:10px;
float:left;
}
#cabecera #cont .dir {
width:549px;
height:120px;
margin-top:10px;
padding-top:60px;
float:right;
text-align:center; 
color:#585858;
font: bold 40px/45px "Lucida Sans", sans-serif; 
}
#cabecera #cont .dir span {
color:#32c0e8;
}
#cabecera #cont .dir3 {
width:539px;
height:35px;

float:right;
text-align:center; 
color:#49b4e0;
font: bold 25px/25px "Open Sans Condensed", sans-serif; 
}
#cabecera .barra {
width:100%;
height:5px;
background:#fff;
border-top:5px solid #32c0e8;
}
#cabecera .dir2 {
width:100%;
height:35px;
background:#fff;
text-align:center; 
color:#585858;
font: bold 25px/25px "Pathway Gothic One", sans-serif; 
text-shadow: 1px 1px 1px #21b4f0;
}
#cabecera .dir2 span {
color:#000;
}

#cabecera #cont .tel {
width:585px;
height:60px; 
float:right;
text-align:right; 
padding-right:15px;
color:#fff;
font: bold 17px/17px "Open Sans Condensed", sans-serif; 
}


#cabecera .menu {
height:40px;
background:#318AEE url(imagenes/f-boton.png) left bottom;
}
/******************/
.menu ul{
float: left;
list-style-type: none;
margin: 0px;
padding: 0px; 
z-index: 99;
}
.menu ul li{
float:left;
padding:0px;
margin:0px;
position:relative;
} 
.menu ul li a{
display: block;
padding-left: 20px;
padding-right: 20px;
height:40px;
text-align: center;
color: #01577a;
border-right:1px solid #0d9cd7;
letter-spacing:1px;
font: bold 20px/40px "Pathway Gothic One", "Imperial", Times, serif;
}
.menu ul li.lastlink a {
background-image:none;
}
.menu ul li ul a{
display: block;
background: #0d9cd7;  
}

* html .menu ul li a{  
display: inline-block;
} 
.menu ul li a.selected{ 
background:#157eaa;
color: white;
}

.menu ul li a:hover{
background:#21b4f0; 
color: white;
}

.current{
background:#49b4e0;
color: #fff;
}

.menu ul li ul{
position: absolute;
left: 0;
display: none; 
visibility: hidden;
}

.menu ul li ul li{
display: list-item;
float: none;left: -1px;
}

.menu ul li ul li ul{
top: 0;
}

.menu ul li ul li a{
font: bold 15px/35px "Pathway Gothic One", "Helvetica", "Verdana", sans-serif;
width: 160px; 
padding-left:10px;
text-align:left;
height:35px;
margin: 0;
border-left:1px solid #078bc3;

border-top:1px solid #078bc3;
}


* html .menu{height: 1%;} 
/**/
.abajoflecha{
position: absolute;
top: 17px;
right: 7px;
}
.derflecha{
position: absolute;
top: 15px;
right: 5px;
}
.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: none;
} 
/***********************************************/
#barra .bloque {
width:auto;
min-height:250px;
border:1px solid #ddd;
box-shadow: 5px 5px 5px #CCCCCC;
border-radius:7px 7px 0 0;
}
#barra .bloque .tit {
width:100%;
height:30px;
text-align:center;
background:#49b4e0;
color:#eee;
border-radius:7px 7px 0 0;
font: bold 20px/25px "Pathway Gothic One", "Helvetica", "Verdana", sans-serif;
}
#barra .bloque .cont {
width:280px;
min-height:220px;
position:relative;
}
#barra .bloque img {
width:258px;
height:215px;
}
#barra .bloque .cont  {
width:auto;
padding:10px 10px 5px 10px;
}

#barra .bloque .cont .descripcion {
width:280px;
min-height:40px;
position:absolute;
left:0;
bottom:7px;
background:#F9BF29;
opacity:0.25;
color:#F9BF29;
font: bold 12px/12px "Helvetica", "Verdana", sans-serif;
display: block;
}
#barra .bloque .cont .texto {
width:270px;
min-height:30px;
position:absolute;
padding:5px;
left:0;
bottom:7px;
color:#fff;
font: bold 12px/12px "Helvetica", "Verdana", sans-serif;
display: block;
}
/***********************************************/
#contenido .contacto {
font: bold 12px/12px "Arial", "Verdana", sans-serif;
position:relative;
}
#contenido .contacto .foto {
width:150px;
height:150px;
position:absolute;
top:25px;
right:90px; 
}
#contenido .contacto .foto2 {
width:150px;
height:150px;
position:absolute;
top:25px;
right:90px; 
}
#contenido .contacto .campo {
border-radius: 2px;
border:1px solid #C3C5C9;
width:310px;
height:25px;
margin-top:5px;
margin-bottom:10px;
padding:0 5px;
}
#contenido .contacto .area {
border-radius: 2px;
border:1px solid #C3C5C9;
width:640px;
height:90px;
margin-top:5px;
margin-bottom:10px;
padding:5px;
}
#contenido .contacto .b {
margin-top:15px;
text-align:center;
position:relative;
}
#contenido .contacto .b .mensajes {
width:230px;
height:15px;
position:absolute;
top:3px;
right:10px;
color:red;
font: 700 11px/15px "Verdana", sans-serif; 
padding:5px 25px;
text-align:left;
}
#contenido .contacto .boton {
border-radius: 1px;
color: #1c8dba;
display: inline-block;
font: 700 15px/15px "Verdana", sans-serif;
margin: 0px auto;
padding: 7px 10px;
}
#contenido .contacto .boton:hover {
cursor:pointer;
color:#eee;
}
#contenido .contacto .azul {
background:#287d28 url(imagenes/f-boton.png) left bottom;
border: 1px solid #1c8dba;
border-radius: 3px; 
text-shadow: 0px 1px 0px #02386c;
}
#contenido .contacto .azul:hover {

}
.nada {

}
.nada:hover {
cursor:default;
}

#contenido .sombra {
box-shadow: 3px 3px 6px #808080;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0;
width: 100%;
}
/*
#contenido .sombra:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-backface-visibility: hidden;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
*/
/***********************************************/
#pie #cont {
position:relative;
height:60px;
border-bottom:1px solid #eee;
color:#000;
text-align:center;
}
#pie #cont .der {
position:absolute;
right:5px;
bottom:5px;
}

#pie #copyright {
height:20px; color:#000;
}
#pie #copyright .izq {
width:40%;
float:left
}
#pie #copyright .der {
width:60%;
float:right;
text-align:right;
}

#pie #copyright a {
color:#000;
}
#pie #copyright a:hover {
color:#fff;
}
/***********************************************/
.clear {
clear: both;
display: block;
height: 0px;
overflow: hidden;
visibility: hidden;
width: 0px;
}
.mini {
height:5px;
background:#fff;
}
.salto {
height:10px; 
}
#enconstruccion {
text-align:center;
color:red;
font:bold 2em/4em Arial, Helvetica, sans-serif;
background:transparent url(imagenes/en_construccion.jpg);
background-repeat: no-repeat;
background-position: center 100px;
min-height:425px;
}
.mapa {
border: 1px solid #EEEEEE;
height: 405px;
margin-bottom: 2px;
width: 100%;
}
/*************************/
.sitemap {
min-height:400px;
font-size:15px;
background:url(imagenes/sitemap.gif) right center no-repeat;
}
.sitemap ul {
color:#ae2803;
list-style:none;
}
.sitemap ul li{
background:url(imagenes/a.png) left 9px no-repeat;
padding:0px 5px 5px 15px;
font-weight: bold;
}
.sitemap ul li a{
color:#0a1060;
}
.sitemap ul li a:hover{
color:#fe0000;
}

.sitemap ul li li {
background:url(imagenes/d.png) 1px 9px no-repeat;
padding:3px 0 3px 10px;
font-weight: bold;
}
.sitemap ul li li a{
font-size:13px;
color:#0a1060;
}
.sitemap ul li li a:hover{
color:#fe0000;
}
/*******************/