/******** GENERIC STYLES *********/
/*
Eskema de coloregris:           #b7b6c2
verde:          #1b7f99
amarillo:       #f8c64f

*/
*{font-size: 100%; padding: 0; margin: 0;}
body {
        font: 0.73em/1.333 "lucida Bright","Trebuchet MS",Arial,sans-serif; 
        padding: 0;
        color: #666; 
        text-align:center;
        background:#f2f2eb;
        }
h1,h2,h3,h4,h5{margin:0;padding:0;}     
a { 
        text-decoration:underline;
        color:#c66b09;
  } 
a:visited   {
        text-decoration:underline; 
        color:#c66b09;
        }
a:hover  { 
        text-decoration:none;
        color:#c66b09;
        }
img, a img {
        border: 0;
        }
p{
        margin:0 0 1em 0;
        padding:0;
        }
textarea{
        font: 0.73em/1.333 "lucida Bright","Trebuchet MS",Arial,sans-serif; 
        }
.clear-line{
         clear:both;
         margin:0;
         padding:0; 
}       
.float-right{
        float:right;
}
.float-left{
        float:left;
}
ul,ol{  
        margin:0;
        padding:0;
 }
h1{
        color:#1b7f99;
        font-size:14px;
        font-weight:bold;
        padding-bottom:10px;
}
h2{
        color:#1b7f99;
        font-size:11px;
        font-weight:bold;
        padding-bottom:10px;
}
/************  CONTENEDORES COMUNES *****************/
#canvas{
        text-align:left;
        width:62em;
        border:#ccc 1px solid;
        background-color:#fff;
        margin:0 auto;  
        border-left:#f8c64f 8px solid;
        border-right:#f8c64f 8px solid;
}
#header{
        clear:both;
        border-bottom:#f8c64f 6px solid;
}
#canvas-content{
        padding:1em;
        /*border-left:#f8c64f 8px solid;
        border-right:#f8c64f 8px solid;*/
        /*border-top:#f8c64f 6px solid;*/
        height:100%;
}
#canvas-content-header{
        background-image:url(../images/backgrounds/cabecera2.jpg);
        height:266px;
        clear:both;
}
#canvas-content p{
        /*padding:10px 0px 0px 0px;*/
}
#foot{
        padding-top:5px;
        padding-left:5px;
        background-color:#f8c64f;
        height:20px;
        color:#1b7f99;
        font-weight:bold;
        clear:both;
}
#foot div{
        background-color:#b7b6c2;
}
/*********  HEADER  *************/
#header-top{
        clear:both;
        height: 85px;
        background-color: #b7b6c2;
}
#logo-header-right{
        padding:45px 10px 0px 0px;
        float:right;
}
#eslogan-header{
        padding-top:102px;
        margin-left:250px;
        width:auto;
}
#logo-header-left{
        float:left;
        padding-top:5px;
        padding-left:10px;
        width:auto;
}
#menu{
        height:20px;
        clear:both;
        background-color:#f8c64f;
        overflow:auto;
        border-top:#1b7f99 1px solid;
        border-bottom:#1b7f99 14px solid;
}
#menu ul {

}
#menu ul li{
        float:left;
        display:inline;
        padding:2px 25px;
}
#menu ul li a{
        font-weight:bold;
        /*font-style:italic;*/
        text-decoration:none;
        color:#1b7f99;
}
#menu-activo{
        background-color:#1b7f99;
        
}
#menu ul li a#menu-activo-link{
        color:#fff;
}
#menu-index{
        padding:15px 0px 0px 40px;
        width:260px;
}
#menu-index ul li{
        margin-bottom:4px;
        list-style:none;
        text-align:center;
        width:125px;
        background-color:#f8c64f;
        /*padding:1px 0px 1px 0px;*/
        border:#1b7f99 1px solid;
}
#menu-index ul li:hover{
        border:#f8c64f 1px solid;
        font-weight:bold;
}
#menu-index ul li a{
        text-decoration:none;
        color:#1b7f99;
        display:block;
        padding:15px 0px 15px 0px;
}
#menu-right{
        float:right;
}
#menu-left{
}
.column-left{
        float:left;
        width:400px;
        clear:both;
}
.column-right{
        padding:10px;
        margin-top:20px;
        margin-left:404px;
        /*border:green 2px solid;*/
}
.column-right a{
        text-decoration:none;
}
.texto-left{
        font-size:14px;
        float:left;
        width:300px;
}
.texto-right{
        float:right;
        width:330px;
}
/********** Index **************/
#column-logos{
        /*border:blue 2px solid;*/
        /*padding:20px 0px 20px 0px;*/
        clear:both;
}
.column-top{
        margin-left:130px;
}
.form{
text-align:left;
padding-left:120px;
}
/********** GArantias**************/
#texto-top{
        padding:15px 0px 15px 0px;
}
#row1{
        border-top:#f8c64f 1px solid;
        padding-top:25px;
        padding-bottom:25px;
        clear:both;
}
#row1 img{
        float:right;
        padding-bottom:25px;
}
#row2{
        border-top:#f8c64f 1px solid;
        padding-top:25px;
        padding-bottom:25px;
        clear:both;
}
#row2 .texto{   
        float:right;
}
#row2 img{      
        padding-left:130px;
}
#row3{
        border-top:#f8c64f 1px solid;
        padding-top:25px;
        padding-bottom:25px;
        clear:both;
}
#row3 img{      
        float:right;
        padding-bottom:25px;
}
/********** Servicios **************/
#lista-servicios{
        padding-top:40px;
        padding-left:30px;
        width:350px;
}
#lista-servicios ul li{
        padding:5px 0px 10px 0px;
        list-style:url("../images/varias/lista.gif");
}
.img-servicios{
        width:200px;
        padding-right:70px;
        float:right;
}
/********** Empresa **************/
.img-empresa{
        padding:5px;
        float:right;
}
/********** Localizacion **************/
#map {
        width: 400px; 
        height: 400px;
        padding-right:20px;
        /*margin-top:20px;      
        margin-bottom:20px;
        margin:20px 0px 20px 155px;*/
        float:right;
}
#info-localizacion{
        padding:10px;
        margin-top:20px;
        width:230px;
        /*border:green 2px solid;*/
}
#img-localizacion{
        padding-right:20px;
        float:right;
}
/****** Contacto ***********************/
.img-contacto{
        float:right;
        padding-right:40px;
        padding-top:30px;
}
#aviso-legal{
        padding:5px;
        background-color:#F0F0F0;
        margin-top:10px;
        font-style:oblique;
        clear:both;
}
#formulario{
        margin-top:10px;        
        width:250px;
        height:auto;
        /*padding-left:20px;*/
}
#formulario h2{
        padding:10px 0px 0px 0px;
}
.cuadro-texto{
        width:200px;
}
.form-button{
        background-color:#f8c64f;
        color:#1b7f99;
        padding-top:10px;
        padding-left:30px;
        padding-right:30px;
        padding-bottom:10px;
        margin-top:30px;
        border:1;
        font-size:12px;
        font-weight:bold;
        position:relative;
        top:-12px;
        cursor:pointer;
        width:200px;
}
.required{
        margin-left: 2px;
        color: #FF0022;
}
.form-send{
        background-color:#F0F0F0;
        padding: 10px 20px 20px 10px;
        margin-top:10px;
        font-size:18px;
        font-weight:bold;
        clear:both;
}
#error{
        font-size:20px;
        color:#b30600;
        text-decoration:underline;
}
/********** Prensa **************/
.prensa{
        text-align:center;
        padding:10px 0px 10px 0px;
}
.prensa a{
        border:#f8c64f 2px solid;
        border-radius:10px;
        padding:5px;
        padding:27px;
        width:550px;
        display:block;
}
.prensa a:hover{
        border-color:#1b7f99;
}
.prensa img{
        
        
}
.prensa img:hover{
        
}
