@charset "utf-8";
/* CSS Document */

.clr { clear:both; padding:0; margin:0; background:none;}
/** { border:0; margin:0 auto; padding:0; outline:none;}*/
p, h1, h2, h4, h5, h6, form, label, input{ 	padding:0 0; margin:0; }

img{ padding:0; margin:0; border:none; display:block;}
.spacer{ clear:both; line-height:0; font-size:0; border-bottom:1px solid #999 }
a{ border:none; text-decoration:none }
li { list-style:none;  } 
ul{ padding:0 0;  margin:0 0; list-style-type:none; }
/*html { background:url(../images/bg_html.png) repeat scroll 0 0 transparent }*/
body { padding:0 0; margin:0 0;	background:#891755 url(../images/bg_body.png)  repeat-x; font:12px "Arial"; padding:0; margin:0 }
.main { width:1200px; height:977px; background:url(../images/bg_curva.png) top right ; background-repeat:no-repeat; margin:0 auto; }

/*----- TOP -----*/
#box-top { width:auto;  height:90px; }
.logo { float:left; width:298px; height:auto; }
.txt_slogan { float:left; width:380px;  text-align:center; margin:20px 0 0 20px; color:#000; font-family: 'Arial'; font-weight:bold; font-size:25px; }
.top_nav { float: right;  width:350px; height:50px; margin:0 150px 0 0 /*margin-left:100px;*/ }
.top_nav ul { padding:0; margin:0; width:auto; }
.top_nav ul li { float:left; width:60px; height:40px; padding:25px 0 0 45px  }
.top_nav ul li a { color:#5f1543 }
.top_nav ul li a:hover { color:#a7327b; text-decoration:underline }
.top_nav ul li.home { background:url(../images/ico_home.png) left no-repeat; width:45px   }
.top_nav ul li.contact { background:url(../images/ico_contact.png) left no-repeat; width:75px   }
.top_nav ul li.map { background:url(../images/ico_map.png) left no-repeat;   }

/*------ BANNER / BOTONES -------*/
#box_contanier_medio {	width:1100px; height:350px; margin:41px auto 0 ; }
.flash { float:left; width:600px; height:350px; }
.box_botones-medio { width:440px; height:350px; float:right; margin-right:25px; }
.box_botones-medio  .box_1 { width:420px; height:150px; float:left; background:url(../images/bg_box1.png) left top no-repeat  }
.box_botones-medio  .box_2 { width:420px; height:150px; float:left; margin-top:40px; background:url(../images/bg_box2.png) left top no-repeat  }
.box_1, box_2, h1 { color:#e22ea7; text-align:right; font-size:13px; padding-right:0px; }
.box_1, box_2, div.txt-1 { font:12px "Arial"; color:#FFF; text-align:justify; float:right; width:260px }
.box-detalle-1 {  margin-top:10px; float:right }
.box-detalle-1 a { width:90px; height:25px; background-image:url(../images/leer_mas1.png); display: block;  }
.box-detalle-1 a:hover { background-image:url(../images/leer_mas1_over.png); display: block;  }

/*------- MENU iconos HORIZONTAL -------*/
#container_menu  { margin-left:123px; margin:0 auto; width:1100px; height:93px; margin-top:8px; border:0px solid #FFF }
#boxes  { width:160px; height:93px; float:left; /*margin-left:50px;*/ border:0px solid #FFF }
.asw1 { background:url(../images/bg_asw1.png) left no-repeat; margin-left:50px;  }
.asw2 { background:url(../images/bg_asw2.png) left no-repeat; margin-left:140px; }
.asw3 { background:url(../images/bg_asw3.png) left no-repeat; margin-left:140px; }
.box_info { width:250px; height:93px; float:right; margin-right:20px;  }
.boton_info { display: block; width: 250px; height: 92px; background: url('../images/boton_info.png') bottom; text-indent: -99999px; }
.boton_info:hover { background-position: 0 0; }
#boxes div.txt-asw { width:185px; height:30px; float:right; margin:60px 3px 0 0; text-align:center; overflow:hidden; font:11px "Arial";  }
#boxes div.txt-asw a  { color:#FFF }
#boxes div.txt-asw a:hover { color:#ffd21f }

/*-- INFO --*/
#container_bottom { margin-top:23px; margin:0 auto;  width:1200px; height:390px; background:url(../images/bg_botom.png) center top no-repeat }

#container_info { margin:0 170px 0 80px; width:900px; height:220px; overflow:hidden  }
#container_info .box-info1 { width:255px; height:190px; float:left; margin-left:13px; }
#container_info .box-info2 { width:255px; height:190px; float:left; margin-left:35px; }
#container_info .box-info3 { width:235px; height:190px; float:left; margin-left:50px; }

.textos { margin-top:20px; text-align:justify; color:#ffceef }
.box-detalle-2 {  margin-top:10px; float:right }
.box-detalle-2 a { width:90px; height:25px; background-image:url(../images/leer_mas2.png); display: block;  }
.box-detalle-2 a:hover { background-image:url(../images/leer_mas2_over.png); display: block;  }


.box_redes { float:left; margin:0; padding:0; width:200px; }

.facebook {  float:left; width:auto; height:24px; margin:7px auto }
.facebook a { background:url(../images/ico_face.png) no-repeat; display:block;  height:24px; }
.facebook a div.txt-face { width:60px;  margin-left:30px; font-size:9px; color:#CCC }

.twitter {  float:left; width:auto; height:24px; margin:7px auto }
.twitter a { background:url(../images/ico_twitter.png) no-repeat; display:block;  height:24px; }
.twitter a div.txt-twitter { width:60px;  margin-left:30px; font-size:9px; color:#CCC }


/*-- Sub menu horizontal --*/
.box_points { width:390px; height:auto; overflow:hidden; text-align:center; margin-bottom:10px }
.box_points li {  float:left; height:auto; /*margin:0 0 0 10px; padding-right:8px;*/ padding:5px 5px;  border:1px solid #999; font:"Arial"; font-size:10px; background:#636e08 }
.box_points li a {   /*color:#666*/ color:#FFF }
.box_points li a:hover {   color:#e4ff00; text-decoration:underline }
.box_points a.active { color:#e4ff00; text-decoration:underline }

div.left ul  { list-style-type:square; list-style:square }
div.left ul li { padding-left:20px; list-style:square; list-style-type:square; background:url(../images/arrow2.png) left top no-repeat  }

#continer_footer { margin:50px auto 20px; width:1000px; overflow:hidden }
.copyright { width:auto; margin:5px 0 0px 90px; float:left; color:#d5d5d5; text-align:center }
.copyright  a { color:#fff;   }
.copyright  a:hover { color:#FFF }

/*-- DIV PIE --*/
#footerbar_divpie { background-image:url(../images/barra_compartir_flotante.png); background-repeat:repeat-x; bottom:0px; height:30px; left:50%;  margin-left:-60px; position:fixed; text-align:center; z-index:10; width:580px; }
#footerbar_divpie #bodyFooterbar {height: 21px; margin:7px 0px 0px 10px;}
#footerbar_divpie .secondbodyFooterbar {padding-left: 7px}
.Col { float: left; position:relative; border:0px solid #000; cursor: pointer}  
.Col .separator{width: 10px; height: 21px}  
.Col img { float:left; vertical-align: middle; border:0px}
.Col span{vertical-align:middle; color:White; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left:5px}
.tombstone_cross{ display:block;float:left;height:12px;margin-right:3px;z-index:99; padding:2px 4px; background-color:#eceef5;border-color:#cad4e7 }
.liketext{background:url(../images/like.png) -1px -33px no-repeat; color:#3b5998;display:block;padding-left:17px; }


/*formulario de contacto*/
#overlay{position:absolute;background:#000000;width:100%;height:100%;z-index:101;text-align:center;top:0px}
#contAlert{position:fixed;left:50%;top:50%;width:500px;height:550px;z-index:102;background:#fffdea;margin:-250px 0px 0px -223px;color:#998210;border:solid 1px #BD005D;display:none}

#contAlert h3{text-align:center;color:#BD005D;font-size:16px}
#contAlert p{margin:0px 20px 12px 20px;text-align:justify;font-size:12px}

#bgHeadAlert{height:21px;color:#000000}
#bgHeadAlert p{width:65px;float:right;text-align:left;cursor:pointer;padding-bottom:0px;margin:7px 5px 0px 0px}
#bgHeadAlert p span{display:block;width:auto;font-size:13px;color:#BD005D;font-weight:bold;}
#bgHeadAlert p.close{background:url(../images/w_close.png) no-repeat right center;cursor:pointer;}

#headContacto{text-align:center;height:70px;}
#form div{margin-left:20px;}

#form{margin:0 0 0 20px;padding:5px 0 0 0}
#form #titlePage{height:32px;}
#form div{width:420px;overflow:hidden;padding:10px 0}
#form  #msj{padding:0px}
#form  #msj p{margin:0px;text-align:justify;font-size:11px;width:347px;float:right}
.helpInput{color:#bababa}
#form div strong{display:block;float:left}
#form div strong b{font:normal 10px Arial;color:#998210}
#form div span{display:block;float:right;padding-left:20px}
#form div span div,#form div span input,#form div span textarea{width:340px;padding:1px 3px;border:1px solid #e8e8e8;background:#F8F8F8;font:11px Arial;}
#form div span textarea{ height: 150px;}
#form div #titlePage{width:346px;padding-left:0px}
#form div span input{height:24px}
#form div span div{padding:5px 3px}
#form div label{display:block;margin-bottom:3px;margin-left:10px;margin-top:2px}

#form #buttons{overflow:hidden;padding:10px 40px 0 0;width:375px}
*html #buttons{padding-right:0px}
#form #buttons p{background:#b65991;width:110px;border:1px solid #adadad;float:right;text-align:center;cursor:pointer;padding-bottom:0px;margin-left:20px;}
#buttons p span{background:#BD005D;display:block;width:70px;padding:5px 20px;font-size:13px;font-weight:bold;color:#fff}
*html  #buttons p span{padding:5px 18px 5px 20px;}
#buttons p span.disabled{color:#999;cursor:default}

#cookieChoiceInfo { border:0;font-size:10pt;margin:0 auto;padding:5px 0;text-align:center;width:100%;z-index:9999;border-bottom:4px solid #f1c40f;} #cookieChoiceInfo span,#cookieChoiceInfo a { vertical-align:middle;} #cookieChoiceInfo a { color:#d8b00d;} #cookieChoiceDismiss,#cookieChoiceDismiss:visited { background:#222 url('../images/overlay.png') repeat-x;display:inline-block;padding:5px 10px 6px;color:#ffffff !important;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;margin:auto 10px;} #cookieChoiceDismiss:hover { background-color:#111;color:#ffffff;} #cookieChoiceDismiss:active { top:1px;}

/*======================================================
                     Whatsapp Button
======================================================*/
#whatsapp-to-link {
    position: fixed;
    bottom: 4.5rem;
    right: 0.8rem;
    z-index: 9999;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#whatsapp-to-link.show {
    opacity: 1;
}
#whatsapp-to-link img { width:55px;}
@media( max-width: 578px ){
    #whatsapp-to-link {
        bottom: 1rem;
        right: 0.5rem;
    }
    #whatsapp-to-link img{
        width: 50px;
    }
 }