h1{color:#c60338; font:24px Arial; padding:18px 0 0 21px;}

h2{color:#F0A200; font:16px Arial; font-weight:bold; margin:10px 0;}
h2 span{color:#93986e;}
h2 a{color:#70405e; font:16px Arial; font-weight:bold; text-decoration:none;}
h2 a:hover{text-decoration:underline;}

h3{color:#c60338; font:24px Arial; font-weight:bold; padding:38px 0 0 21px;}
h3 span{color:#fff; font:16px Arial; font-weight:bold;}

.clear{clear:both;}
.left{float:left;}
.center{text-align:center;}
.right{float:right;}
.ocultar{display:none;}

.error{border:2px solid #fff; margin:5%; padding:5%; background-color:#000; color:#fff;}
.error span{font-size:14px;}
.error h1{padding:0px;}
.error a{color:#F0A200;}
.error a:hover{text-decoration: none;}

.obligatoryFields{color:red;}

.envioOK{width:90%; padding:10px 2%; border:1px solid #f0a100; border-width:1px 1px 1px 5px; margin:10px 0 10px 0;}
.envioOK h3{color:#f0a100; font:13px Arial; font-weight:bold;}
.envioOK p{ font:13px Arial;}

.msgKO{padding:10px 20px; border:1px solid red; border-width:1px 1px 1px 5px; font:13px Arial; font-weight:bold; margin-bottom:20px; color:red;}

.msgOk{padding:10px 20px; color:#fff; border:1px solid #f0a100; border-width:1px 1px 1px 5px; font:13px Arial; font-weight:bold; margin:40px 20px 0 20px;}

/********** Pagina de La Sociedad *********/
#la-sociedad {padding:10px; color:#fff; font-size:12px;}
#la-sociedad p{text-align: justify; padding:5px;}

/********** Pagina de contacto *********/
#formContacto {float:left; width:429px; padding-left:20px; color:#fff;}
#formContacto .textContact{padding: 20px 0 0 20px;}
#formContacto .formContact {z-index:500; width:318px; margin:30px 0; overflow: hidden; padding-left: 20px;}
#formContacto .formContact .head{width:318px; height:6px; background:url("/public/static/images/contacto_head.gif") no-repeat bottom;}
#formContacto .formContact .content { width: 310px; background-color:#f0a200; padding: 0 0 0 8px; }
#formContacto .formContact .foot { width: 318px; height:6px; background:url("/public/static/images/contacto_foot.gif") no-repeat; }
#formContacto .formContact label{ color:#FFF; font-size:11px; font-weight: bold;}
#formContacto .formContact p {margin: 0 0 0 0;}
#formContacto .formContact input{width:270px; height: 24px; font-weight: bold; margin: 0; background:url("/public/static/images/contacto_input.gif") no-repeat; font-size:11px; font-family: Trebuchet MS, Verdana, Arial; border:0; padding:2px 5px; color:#000; }
#formContacto .formContact textarea{width:288px; height: 64px; font-weight: bold; background:url("/public/static/images/contacto_textarea.gif") no-repeat; font-size:11px; font-family: Trebuchet MS, Verdana, Arial; border:0; padding:2px 5px; color:#000;}
#formContacto .formContact input.enviar-es {cursor:pointer; border:0px; background:url("/public/static/images/bt_enviar_es.gif") no-repeat; width:58px; height:19px;}
#formContacto .formContact input.enviar-en {cursor:pointer; border:0px; background:url("/public/static/images/bt_enviar_en.gif") no-repeat; width:58px; height:19px;}
#formContacto .formContact input.enviar-fr {cursor:pointer; border:0px; background:url("/public/static/images/bt_enviar_fr.gif") no-repeat; width:58px; height:19px;}

#datosContacto {float:left; width:429px; padding-left:20px;}
#datosContacto #mapaGoogle {width:429px; height: 350px; overflow: hidden;}
#datosContacto .direccion {padding:10px 0 10px 0; color:#fff;}