/*
Theme Name: vabrok - Zona 49  
Theme URI:  http://dsdisenoweb.com
Original Theme URI: dsdisenoweb.com
Description:Tema creado  por dsdisenoweb.com
Author URI: dsdisenoweb.com
Traductor: dsdisenoweb.com

*/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600i,900i');

/*font-family: 'Raleway', sans-serif;*/


#co ul,.#co ol{margin:0;padding:0}
#co ul li, #co ol li{margin-bottom: 5px;
list-style: outside none none;
border: 0px solid rgb(204, 204, 204);
padding: 10px 5px;
border-bottom-width: 1px;
border-left-width:1px}
h1{

color: #000000;
    font-size: 2em;
    margin: 5px 0;
    padding: 0;
    border-left-width: 0;
    border-right-width: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: italic;

}

h4{color: #000;
font-size: 1.2em;
padding: 5px;
clear: both;
border: dashed 0px #ccc;
border-bottom-width: 1px;}

*{-webkit-transition: all 250ms linear;
-moz-transition: all 250ms linear;
-o-transition: all 250ms linear;
transition: all 250ms linear;}

.clear{clear:both}

a:hover{text-decoration:underline}

body{font-family: 'Raleway', sans-serif;;font-size:1.2em;color:#252525;
}

/*header*/
.slider{
z-index: -9999!important;width:100%;margin:0 auto;border: 0px #EDEBEB solid;
border-bottom-width: 5px;}
.slides{overflow:initial!important}
.slider p{margin:0;padding:0}
header,.contacto,footer{max-width:1000px;width:100%;margin:0 auto;}
header{
max-width:100%!important;
position: relative;
    z-index: 9999;
    background-color: #000;
    text-align: center;
}
header .logo
{
max-width: 300px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
header  .contactde
{
    text-align: right;
    display: inline-block;
    max-width: 60%;
    width: 100%;
    padding: 5px 9px 0 0;
    color: #1b62a9;
    font-size: 1.2em;
    vertical-align: middle;

}

header nav{overflow: hidden;
border-radius: 5px;
background: #000;;}
header nav .menu{

padding: 0;
    margin: 0;
    text-align: center;

}
header nav .menu ul{height: 43px;
float: left;
margin: 0;
padding: 0px;
z-index: 200;
position: relative;
padding: 0;
padding-left: 4px;}

header nav > div > .menu >  li{
display: inline-block;
    border: none;

}
header nav .menu >  li > a{

font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    padding: 10px 8px;
    display: inline-block;
}

header nav .menu > li:hover > a,.current_page_item > a{color:#000!important;background-color:#fff}
header nav .menu  li:hover ul{display:block}
header nav .menu  li ul{list-style:none;margin:0;padding:0;position:absolute;min-width: 148px;display:none}
header nav .menu  li ul li{padding-left: 23px;background-color:#FFFFFF;text-align:left;border:0 #f8f8f8 solid;border-bottom-width:1px}
header nav .menu  li ul li:hover{background: #f8f8f8 url(http://www.ufic.ufl.edu/images/feature-arrow.png) no-repeat 0 50%;
padding-left: 23px;
background-size: contain;}

header nav .menu  li ul li:last-child{border-radius:0 0 3px 3px}
header nav .menu  li ul li:hover a{color:#0033CC!important}
header nav .menu  li ul li a{color:#000;text-decoration:none;padding:3px;font-size:90%;
}
/*slider*/


/*contacto*/
.contacto{background-color: #333538;
border-radius: 3px;
padding: 6px;
box-sizing: border-box;
color: #f8f8f8;overflow:hidden}
.contacto .t{font-size: 1.3em;
max-width: 259px;
float: left;
background-image: url(img/bg-letwcknow.png);
padding: 9px 36px;
background-position: 91% 50%;
background-size: cover;}

.contacto .form{float: right;
max-width: 680px;
width: 100%;}
.contacto .form ul{list-style: none;
margin: 0;
padding: 0;}
.contacto .form li{width: 49%;
display: inline-block;
vertical-align: top;}

.contacto input,.contacto select,.contacto textarea{max-width: 322px!important;
width: 100%!important;
padding: 6px 2px;
box-sizing: border-box;
border-radius: 4px;
border: 1px #4B4B4B solid;}

.contacto select option{
padding: 5px 3px;
background-color: #f8f8f8;}

.wpcf7-submit{text-transform: uppercase;
color: rgb(39, 39, 39);
font-weight: 700;}


/*lateral*/
section{background-color:#fff;margin:0 auto;max-width:80%;width:100%;padding: 5px;
box-sizing: border-box;}
section #uno{max-width:637px;width:100%;float:left}
section #tres{max-width:300px;width:100%;float:right;margin-bottom:30px}
section #uno img{max-width:637px;height:auto}

.consejo{}
.consejos{background: url(img/googledocs.png) no-repeat 0% 50%;
padding-left: 135px;
background-size: contain;
box-shadow: rgb(243, 240, 240) 2px 5px 9px;
margin-bottom: 24px;
border-radius: 0 3px 3px 0;
background-color: #f8f8f8;
padding: 7px 3px 7px 171px;
box-sizing: border-box;}

.consejo .content{padding: 15px;
margin: 20px 0 25px;
background: #f3f5f6;
position: relative;margin:0}
.consejo h3{color: #000;
text-transform: capitalize;
font-size: 1.5em;
font-weight: 100;
}
.consejo .content blockqoute{font-size: 13px;
line-height: 18px;
padding: 0px !important;
margin: 0px !important;}
.consejo .content blockqoute span{font-size: 2.5em;
width: 15px;
display: inline-block;
vertical-align: top;
margin: 5px 0 0 0;
font-family: serif;}

.consejo .titulo{font-size: 1.3em;
font-weight: 700;}
.consejo .miniatura img{float:left;width:60px;height:60px}
.consejo .miniatura  span{padding: 5px;
font-weight: 600;
vertical-align: middle;
color: #f25728;}
.consejo .miniatura .text{}
.consejo .tip{width: 17px;
height: 16px;
display: block;
background: url(img/tip.png) no-repeat;
margin-left: 42px;}


/* footer */
footer{background-color: #01488e;border-radius: 3px 3px 0 0;padding: 5px;box-sizing: border-box;}
footer h3{font-weight: 100;
font-size: 1.3em;color:#fff}
.foouno{display: inline-block;color: #fff;
width: 33%;vertical-align: top;}
.foouno img{width: 100%;}
.foouno .textwidget{width:90%}
.foouno ul{list-style:none;margin:0;padding:0}
.foouno li a{
text-decoration: none;
text-transform: capitalize;
background: transparent url(img/fpuntitos.png) no-repeat 0% 50%;
padding-left: 18px;}
.foouno li,.foouno li a{color: #fff;}

.firma{max-width: 100%;
width: 100%;
margin: 0 auto;
background-color: #0E62BD;
padding: 5px 3px;
color: #fff;
text-align: center;
box-sizing: border-box;}

.firma a{color:#CCCCCC;text-decoration:
none}
/*movil*/

/*Firma*/
#respond input,#respond textarea{background-color: #ccc;
border: 0;
border-radius: 3px;
padding: 5px;}
/*suscriptor*/

.cien{max-width: 98%!important}
section .suscriptor{margin: 40px 0;}
section .suscriptor img{max-width:100%;height:auto}
section .suscriptor, section .bomtitle{width:100%;padding: 5px 0;color: #fff;}
section .suscriptor div, section .bomtitle div{max-width:1000px;margin:0 auto}
section .suscriptor{background-color:#01254D;text-align:center}
section .suscriptor div form{position:relative}
section .suscriptor div form p{display: inline-block;max-width: 100%;
width: 100%;}
section .suscriptor .wysija-input{padding: 0px 10px;
font-size: 5em;
color: #ccc;
5px #0F5BAD solid;
width: 100%;
margin: 0;}

section .suscriptor .wysija-submit{padding: 4px 0px;
font-size: 5em;
margin: 0 auto;
max-width: 392px;
width: 100%;
display: inline-block;}


section .suscriptor h4{font-size: 1em;
text-transform: uppercase;
margin: 0;}

section .suscriptor p{margin: 0 30px 14px 0;}
.destaca{text-align: center;
border: 0px #f1f1f1 solid;
border-top-width: 10px;border-bottom-width: 1px;margin:25px 0}
.anuncio{color: #000;
font-size: 1.3em;
margin: 5px 0;
padding: 0;}

.movilno{width:100%;height:auto}
.movilsi{display:none;width:100%;height:auto}




.blackcap{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000ed;}
.offert{
 position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
z-index:999999
}
.offert div img{   }
.offert div h2{font-weight: 100;
    font-family: sans-serif;
    font-size: 2.2em;
    text-align: left;
    padding: 0% 8%;
    box-sizing: border-box;}

.offert .text{
text-align: left;
    display: block;
    padding: 1% 8%;
    box-sizing: border-box;
    font-size: 1.2em;
}
.offert .campos{}
.offert .campos p{font-size: 1.2em;
    width: 28%;
    padding: 3px;
    box-sizing: border-box;
    margin: 0;vertical-align: top;}
.offert .campos p input{
    padding: 5% 0;
    background-color: #fbfbfb;
    border: 0;
    border-radius: 5px;
    color: #232323;
    width: 100%;
    vertical-align: top;
}

.contacto{background-color: #064e96;max-width:100%;padding: 3% 0;
    box-sizing: border-box;}
.contacto .t{max-width: 20%;}
.contacto .form{max-width: 79%;}
.contacto input, .contacto select, .contacto textarea{padding: 17px 3px;}
.contacto .form li{width: 22%;}

.listaa{position: relative;}
.listaa div{display:inline-block;    width: 25%;
    vertical-align: top;position:relative;height:150px}
.listaa div h6 img{width: 100%;}
.listaa div h6{ position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);    margin: 0;    font-size: 1.2em;
    color: #ffffff;    text-align: center;width: 70%;}





@media only screen and (max-width : 640px)
{
section{max-width: 100%!important}
.movilno{display:none}
.movilsi{display:block}

.contacto .form li{width:100%}
.contacto input, .contacto select, .contacto textarea{max-width:100%!important}
.foouno{width:50%}
section #uno,section #tres{max-width:100%}
.offert{width:100%!important}
.offert .campos p{width:100%!important}
.offert .campos p input{padding: 3% 0!important}

.listaa div{width: 100%!important;height: 100px!important;}
.contacto .form li{    width: 100%!important;;}
.contacto .form{max-width: 100%!important;;    float: left!important;}
.listaa div h6{font-size:1.2em!important}
}



#cssmenu{display:none}
.cssmenumovil{display:block;position:absolute;top:5px;right:5px;padding:5PX 10PX;z-index:9999;background-color:#000;color:#fff}
.cssmenumovil ul{display:none;position:absolute;top:25px;right:0px;background-color:#000;list-style:none;padding:0;margin:0;max-width:300px;padding:10px 3px;min-width:200px;width:100%}
.cssmenumovil ul li{width:100%;text-align:left;padding:5px 0;border:0px #333333 solid;border-bottom-width:1px}
.cssmenumovil ul li a{display:block;text-decoration:none;padding:5px 0}
.cssmenumovil ul li a:hover{color:#00CCFF;}
.cssmenumovil ul li ul{display:none}
.cssmenumovil:hover > div > ul{display:block}
.cssmenumovil ul li a{color:#fff}

.section,.sectionbaja{display:none}

section{background-color:#fff}
section aside:nth-child(10n+1){max-width:1024px;width:99%;margin:0 auto}
section aside:nth-child(10n+2){max-width:1024px;width:99%;margin:0 auto}
section aside:nth-child(10n+3){max-width:1024px;width:99%;margin:0 auto}
section aside.last {text-align:center}
section aside.last article{width:48%;display:inline-block;vertical-align:top}
.listas ul li{width:100%;!important}
.logo{display:block}
}

@-moz-document url-prefix() {
header{margin-top: 83px!important;}
.slider{margin-top:-86px!important;}
}
 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}


.box{background-color:#f8f8f8;position:relative}
.box b{color:#f25728}
.foto, .medico {display:inline-block; vertical-align:top}
.foto{max-width:30%;margin-right:8%}
.foto img{width:100%;height:auto}
.medico{max-width:60%;}
.medico .more-link{position:absolute;bottom:3px;right:3px;text-decoration:none;color:#f25728}

#tres{background-color:#f25728;border-radius:3px}
#tres .contacto{background-color:transparent!important}
#tres h3{color:#fff;text-align:center}

.imgdestaque{max-width:190px}
.imgdestaque img{float:left;margin-right:50px;max-width:190px;height:auto}

.consejo{text-align:left;margin-top:20px}

.redondoimg{float: left;
margin: 5px 25px 5px 5px;
border-radius: 50%;
width: 120px;
height: 120px !important;}

.servicios img{display: inline-block;
width: 32px;
margin: 5px;}

.comparativa ul{width:100%;margin:0;padding:0}
.comparativa ul li{display:inline-block;width:20%}
.comparativa ul li:first-child{width: 35%;}
.comparativa ul{background-color: #f8f8f8;
margin: 5px !important;
padding: 5px;}


.pcslider{}
.movilslider{display:none}


@media only screen and (max-width : 700px)
{
.colum{max-width:100% !important;width:100% !important}
.facebook{display: none !important}
.pcslider{display:none}
.movilslider{display:block!important}
}