/*  HTML5 ✰ Boilerplate  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/******************************
Reset elementos HTML5
******************************/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/******************************
Extras
******************************/
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }

/******************************
Subrayado de textos
******************************/
::-moz-selection{ background: #bebebe; color:#3c3c3c; text-shadow: none; }
::selection { background:#bebebe; color:#3c3c3c; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #bebebe; }


.ie7 img { -ms-interpolation-mode: bicubic; }
/******************************
Formularios
******************************/
input, select { vertical-align: middle; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
button {  width: auto; overflow: visible; }
select, input, textarea, button { font:99% sans-serif; }

/******************************
Listas
******************************/
ul, ol { list-style:none; }
ol { list-style-type: decimal; }
nav ul, nav li {}

/******************************
Fuentes - Links
******************************/
a:hover, a:active { outline: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
body, select, input, textarea {  color: #444; }
body { font:13px/1.231 sans-serif; *font-size:small;text-align: center; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h2{font-family: 'geogrotesque_smbdsemibold';}
h1.h1-logo{}
p{font-family: 'geogrotesque_rgregular';}
a, a:active, a:visited { color: #fff; text-decoration: none;font-family: 'geogrotesque_rgregular';text-transform: uppercase;}
a:hover { color: #f6a26a; }
a.toTop{width:60px;height: 60px;position: fixed; bottom:30px;right: 30px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-image: url(../img/arrow.png) ;background-repeat: no-repeat;background-position: center;}
.txt-rojo{color:#aa111e;}
.tit-ppal{text-transform: uppercase;}
@font-face {
    font-family: 'geogrotesque_smbdsemibold';
    src: url('../fonts/geogrotesque-semibold-webfont.eot');
    src: url('../fonts/geogrotesque-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogrotesque-semibold-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-semibold-webfont.woff') format('woff'),
         url('../fonts/geogrotesque-semibold-webfont.ttf') format('truetype'),
         url('../fonts/geogrotesque-semibold-webfont.svg#geogrotesque_smbdsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'geogrotesque_rgregular';
    src: url('../fonts/geogrotesque-regular-webfont.eot');
    src: url('../fonts/geogrotesque-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogrotesque-regular-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-regular-webfont.woff') format('woff'),
         url('../fonts/geogrotesque-regular-webfont.ttf') format('truetype'),
         url('../fonts/geogrotesque-regular-webfont.svg#geogrotesque_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'geogrotesque_mdmedium';
    src: url('../fonts/geogrotesque-medium-webfont.eot');
    src: url('../fonts/geogrotesque-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogrotesque-medium-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-medium-webfont.woff') format('woff'),
         url('../fonts/geogrotesque-medium-webfont.ttf') format('truetype'),
         url('../fonts/geogrotesque-medium-webfont.svg#geogrotesque_mdmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'geogrotesque_lglight';
    src: url('../fonts/geogrotesque-light-webfont.eot');
    src: url('../fonts/geogrotesque-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogrotesque-light-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-light-webfont.woff') format('woff'),
         url('../fonts/geogrotesque-light-webfont.ttf') format('truetype'),
         url('../fonts/geogrotesque-light-webfont.svg#geogrotesque_lglight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'geogrotesque_bdbold';
    src: url('../fonts/geogrotesque-bold-webfont.eot');
    src: url('../fonts/geogrotesque-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogrotesque-bold-webfont.woff2') format('woff2'),
         url('../fonts/geogrotesque-bold-webfont.woff') format('woff'),
         url('../fonts/geogrotesque-bold-webfont.ttf') format('truetype'),
         url('../fonts/geogrotesque-bold-webfont.svg#geogrotesque_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/******************************
Comunes
******************************/
.clear{overflow:hidden; height:100%;}
.clear2{clear:both;}
.bl{display:block;}
.fleft{float:left;}
.fright{float:right;}
.flist li{float:left}
.hide{display:none;}
img{display:block;}
.mrg{width: 1000px;}
.mrg2{width: 500px;}
.center{margin:0 auto;}
*{box-sizing:border-box;}
/**************************
Opacidad
Para sacar la opacidad deseada, se debe hacer la siguiente operación:
valor opacidad : 1 a 0;
(valor opacidad * 255)
**************************/
.oBlanco {
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.12);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#76ffffff, endColorstr=#76ffffff);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#76ffffff, endColorstr=#76ffffff)";
}
.oNegro {
}
.oNaranja {
  background: rgb(255, 124, 37);
  background: rgba(255, 124, 37, 0.9);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#204ff7c25, endColorstr=#204ff7c25);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#204ff7c25, endColorstr=#204ff7c25)";
}

/**************************
Estilos
**************************/
.btn-enviar{}
.box-menuCont{position: fixed;top:0;left:0;width: 100%;z-index: 500;padding:8px 0;}
.box-menu{}
.box-banner{background: url(../img/bgBanner_03.jpg) ;margin-bottom: 86px;}
.box-bannerCont{position: relative;z-index: 1;}
.box-bannerInfo{width: 437px;color:#fff;text-align: center;padding: 136px 0 116px; opacity: 0;-ms-transform: scale(0); /* IE 9 */-webkit-transform: scale(0); /* Chrome, Safari, Opera */transform: scale(0);}
.box-bannerInfo h2{text-transform: uppercase;font-size: 2em;font-family: 'geogrotesque_rgregular';margin-bottom: 25px;}
.box-bannerInfo p{font-size: 1.3em; padding: 0 26px; margin-bottom: 22px; margin-top: -21px; height: 81px;}
.box-bannerInfo span.llama{font-family: 'geogrotesque_lglight';font-size: 1.5em;}
.box-bannerInfo span.txt-numero{font-family: 'geogrotesque_bdbold';font-size: 3.5em;}
.box-bannerInfo a{color: #fff;padding: 18px;font-size: 1.8em;}
.box-servicios h2.tit-ppal{font-size: 3.5em; line-height:0.9 em; margin-top:-30px;}
.box-servicios p{font-size: 1.8em;padding: 0 135px;margin-bottom: 76px;}
.box-servicios p.txt-estamos{padding: 0 76px;}
.box-uneteCont{margin-bottom: 88px;padding-top:60px;}
.box-uneteCont aside{width: 500px;padding: 84px 60px;}
.box-uneteCont aside h2{font-size:2.3em;line-height: 33px;margin-bottom: 20px;}
.box-uneteCont aside p{font-size: 1.4em;margin-bottom: 67px;}
.box-uneteCont aside a{background: url(../img/btnMedio_03.png) no-repeat;color: #fff;padding: 13px 0;font-size: 1.8em;width: 283px;text-align: center;display: block;font-family: 'geogrotesque_smbdsemibold';}
.box-unete{}
.box-une{width: 50%;color: #fff;background:#802012 url(../img/opt1_03.jpg) right top no-repeat;height: 520px}
.box-consulta{width: 50%;color: #fff;background:#ca5409 url(../img/opt2_03.jpg) left top no-repeat;height: 520px}
.box-horario{color: #ff6e0f;padding-top:25px;}
.box-horario h2{font-size: 2.7em; line-height:0.9em;}
.box-horario p{font-size: 2.4em;font-family: 'geogrotesque_lglight';line-height:0.9em;}
.box-inputs50{width: 48%;margin-bottom: 17px;}
.box-inputs100{width: 100%;margin-bottom: 30px;}
.box-inputFile{clear: both;margin-bottom: 25px;}
.box-cuentanos{margin-bottom: 20px;}
.box-cuentanos textarea{width: 100%;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border:none;padding:20px; height:100px;}
.box-footer p a{text-align: center;display: inline-block;margin: 0 4px 20px 0;color:#aa111e;text-transform: none; padding:10px;}
.box-footer p.txt-c{font-size: 1.3em; line-height:1.1 em;}
.box-solicitudCont{background: #802012;padding: 90px 0;margin-bottom: 47px;position: relative;z-index: 1;}
.box-solicitudCont h2{color: #ff6e0f;font-size: 3em;text-transform: uppercase;margin-bottom: 44px; line-height:0.9em}
.box-solicitudCont .respuesta{position: absolute;z-index: 2;width: 100%;height: 100%;color:#fff;top: 0;padding: 329px 0}
.box-solicitudCont .respuesta h2{color:#fff;}
.box-solicitudCont .respuesta p{font-size: 2.5em;font-family: 'geogrotesque_lglight';margin-bottom: 40px; line-height:0.9em;}
.box-solicitudCont .respuesta a{width: 76px; display: block;}
.box-servicios {}
.txt-rapida{margin-bottom: 52px;}
.txt-gratis{line-height: 8px;}
.txt-tiempo{font-size: 3.3em;font-family: 'geogrotesque_smbdsemibold';margin-bottom: 15px;}
.txt-tel{ font-family: 'geogrotesque_bdbold';font-size: 6em;margin-bottom: 111px; margin-top: 8px; line-height:0.8em;}
.txt-frase{font-size: 2.3em;padding: 0 200px;margin-bottom: 20px;}
.txt-podemos{font-family: 'geogrotesque_rgregular';font-size: 1.8em; margin-bottom: 29px;}
.txt-c{margin-bottom: 25px;}
.txt-adjunta{color:#fff;padding:9px 8px 0 0;}
.txtnaranja{color:#ff6e0f;}
footer{margin-bottom: 8px;}
.f-solicitud label{color: #fff;font-size: 1.2em;display: block;margin-bottom: 6px;}
.f-error label {display: block;color:#ff6e0f; padding-top:5px;}
.i-inputs{border:none;padding: 13px;width: 100%;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.img-marido{position: absolute;z-index: 2;bottom: 0px;right: -62px;opacity: 0}
.img-cuadro{margin-bottom: 26px;}
.li-servicios {padding: 0 50px;}
.li-servicios li{margin:30px 18px ;width: 180px;height: 142px;}
.li-servicios li h2{font-size: 1.5em;}
.file-wrapper {cursor: pointer;display: inline-block;margin-right: 9px;overflow: hidden;position: relative;}
.file-wrapper input {cursor: pointer;font-size: 14px;height: 100%;opacity: 0.01;position: absolute;right: 0;top: 0;}
.file-wrapper .button {background: url(../img/smallBtn_25.png) no-repeat;color: #fff;font-family: 'geogrotesque_smbdsemibold';cursor: pointer;display: block;font-size: 17px;padding: 7px;text-transform: uppercase;width: 182px;}
.file-holder{float: left;display: block;color:#fff;padding: 9px 10px 0 0;}

/**************************
Menú
**************************/
.nav-menu{padding-top: 15px}
ul.slimmenu > li{border-left: none;}
ul.slimmenu li{background: none;}
ul.slimmenu li a{color: #fff;background: none;padding: 0 15px;font-size: 15px;font-family: 'geogrotesque_rgregular';}
ul.slimmenu li a:hover{background-color: transparent;color:#aa111e;}
ul.slimmenu li a.active{background-color: transparent;color:#FFF;}
.menu-collapser{background: transparent;margin-top:-58px;}
.collapsed{background: #c30b21;}
ul.slimmenu.collapsed li a{padding:15px 0 ;font-size: 1.3em;display: block;}





.ui-multiselect{width: 239px !important; height:40px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: #fff;}
.ui-multiselect{padding: 11px 0 10px 4px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none;color:#444;font-weight: normal;}
.ui-widget-content{background:#fff;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{background:#fff;border:none;}
.ui-multiselect-checkboxes label input{top: 4px;margin-right: 8px;width: 20px;height: 20px;}
.ui-widget{font-size: 1em; padding-left:20px;}


.add{
background: #802012;
opacity: 0.8;
width: 100%;
height: 60px;
position: absolute;
top: 77;
z-index: 9;
font-family: 'geogrotesque_lglight';
display:none;
}

.fav{
position: relative;
z-index: 1;
width: 290px;
color: #fff;
margin: auto;
top: 0;
padding: 23px 0;
font-size: 1.6em;
font-family: 'geogrotesque_lglight';
line-height: 0.9em;
margin: auto;}

.favorito{ font-size:0.8em;}

.addfav { margin: auto;
float: left;
height: 35px;
width: 35px;
margin-top: -9px;}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*----------------------------------------------------------
Tablet Portrait size to standard 960 (768x1024) 
-----------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .box-menuCont{position: absolute;}
  .mrg{width: 768px}
  .box-uneteCont aside{width: 384px;}
  .img-marido{width: 50%; top:20%}
  .h1-logo img{margin: 0 auto;}
  .h1-logo, .nav-menu{float:none;}
  .li-servicios{padding: 0 48px;}
  .box-bannerInfo{ margin-top:-50px; margin-top:30px;}

  ul.slimmenu.collapsed li a:hover{background-color:#aa111e;color:#fff;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  .box-menuCont{position: absolute;}
  .mrg{width: 768px}

  
  .img-marido{width: 37%;bottom:-78px;right: 128px;}
  .box-bannerInfo{float: none;margin: 0 auto;}
  .h1-logo img{margin: 0 auto;}
  .h1-logo, .nav-menu{float:none;}
  .li-servicios{padding: 0 16px;}
  .box-servicios p.txt-estamos{padding:0 15px;}
  .txt-frase{padding: 0;}
  .box-servicios p{padding: 0 20px;}
  .box-une, .box-consulta{width: 100%;}
  .box-uneteCont aside{width: 404px;margin:0 auto;float: none;}
  .mrg2{width: 480px;}
  ul.slimmenu.collapsed li a:hover{background-color:#aa111e;color:#fff;}
}

/*------------------------------------------------
Mobile Landscape Size to Tablet Portrait (480x320)
--------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mrg{width: 470px}
  .li-servicios{padding: 0 7px;}

  .box-bannerInfo{padding-bottom: 17px;  margin-top:-30px;}
  .box-bannerInfo img{max-width: 100%;height: auto;}
  .box-bannerInfo p{ font-size: 1.3em; padding: 0 26px; margin-bottom: 22px; margin-top: -25px; padding-bottom: 11px; margin-top: -12px;}
  .img-marido{width: 41%;right: 131px !important; bottom: -160px; top: 239px;}
  
  .box-bannerInfo span.llama{font-family: 'geogrotesque_lglight';font-size: 1.5em; display:none;}
  .box-bannerInfo span.txt-numero{font-family: 'geogrotesque_bdbold';font-size: 3.5em; display:none;}
  .btn_marido { margin-top:176px;}


  .ui-multiselect{width: 229px !important; height:40px; }


}


/*-----------------------------------------------------
Mobile Portrait Size to Mobile Landscape Size (320x480) 
-------------------------------------------------------*/
@media only screen and (max-width: 479px) {
  .mrg{width: 320px}
  .mrg2{width: 320px;}
  .box-inputs50{width: 48%; margin-bottom: 22px;}
  .btn-enviar{width: 300px;}
  .box-uneteCont aside{padding: 84px 14px;width: 314px}

  .h1-logo img{margin: 0;}
  .box-bannerInfo{width: 300px;padding-bottom: 17px;  margin-top:-30px;}
  .box-bannerInfo img{max-width: 100%;height: auto;}
  .img-marido{width: 50%;right: 69px !important;bottom: -160px; top: 304px;}
  
  .ui-multiselect{width: 151px !important; height:40px; }
  
  .li-servicios{padding: 0;}
  .li-servicios li{margin: 30px 0;width:145px;}
  
  .box-bannerInfo span.llama{font-family: 'geogrotesque_lglight';font-size: 1.5em; display:none;}
  .box-bannerInfo span.txt-numero{font-family: 'geogrotesque_bdbold';font-size: 3.5em; display:none;}
  .btn_marido { margin-top:150px;}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}