/*
Theme Name: DTA-VIC
Description: Tema para WordPress.
Author: VIC
Author URI: http://www.facebook.com/vicjunitor
version: 2.8.1
Tags: tema, vic
*/
@import url('https://fonts.googleapis.com/css?family=Lobster|Roboto:300,400,500,700');
*{margin:0; padding:0;}

body{background-color: #FFF; font: 15px 'Roboto', sans-serif; margin: 0;}

img{border: none; padding:0; max-width:100%; height:auto;}
img a{border:none;}

.alignleft{float:left;border:none;margin:0 10px 10px 0;}
.alignright{float:right;border:none;margin:0 0 10px 10px;}
.aligncenter{display:block; margin:0 auto 10px;}
.const{background: url(images/const.png) no-repeat center top; padding-top: 175px;text-align: center !important;}

/* links */
a{color:#0066cc; text-decoration:none;}
a:hover{color:#000; text-decoration: underline;}

li{list-style: none;}

/* container */
.container {max-width:1220px;margin: 0 auto;padding:0 10px;}

/* top */
header {
    position: absolute;
    width: 100%;
    letter-spacing: -1px;
    word-spacing: -1px;
    font-size: 0;
    z-index: 100;
    background-color: #ffffff9e;
}

#stop{background-color:#708b4c;letter-spacing:0;word-spacing:0;font-size:15px;color:#FFF}
.datos{float:left;width:70%;padding:8px 20px 7px 0;box-sizing:border-box}
.datos li{display:inline-block;padding-right:30px}
.social{float:right;width:30%;text-align:right;padding:5px 0}
.social li{display:inline-block;vertical-align:middle}
.social li i{color:#FFF;font-size:21px;margin-left:15px}
.logo {
    display: inline-block;
    width: 30%;
    vertical-align: bottom;
    padding: 5px 20px 5px 0;
    box-sizing: border-box;
}
#menu{display:inline-block;width:70%;vertical-align:bottom;text-align:right;letter-spacing:0;word-spacing:0;font-size:15px;padding:15px 0}
#menu ul li{display:inline-block;padding:5px 2%;position:relative}
#menu ul li a {
    color: #668641;
    font-size: 18px;
    text-transform: uppercase;
    transition: color .15s;
    display: block;
}
#menu ul li.reservar a{border:1px solid #708b4c;padding:8px 30px;color:#708b4c}
#menu ul li a:hover{color:#708b4c;text-decoration:none}
#menu ul li.reservar a:hover{color:#FFF;background-color:#708b4c}
#menu ul li ul{opacity:0;visibility:hidden;padding:10px;background-color:#FFF;text-align:left;position:absolute;top:55px;left:50%;margin-left:-130px;width:240px;transition:all .3s .1s;box-shadow:0 1px 3px rgba(0,0,0,0.4)}
#menu ul li:hover ul{opacity:1;top:100%;visibility:visible}
#menu ul ul li{position:relative;padding:0;display:block}
#menu ul ul li a{color:#1B2938;font-size:13px;padding:10px;display:block;transition:background-color .1s}
#menu ul ul li a:hover{background-color:#708b4c;color:#FFF}
#slider .ms-slide-info{left:50%;top:50%;transform:translate(-50%,-50%);bottom:auto!important;width:auto!important;color:#FFF;text-align:center;text-shadow:1px 0 2px #404040}
#slider h2{font:60px Lobster,cursive;padding-bottom:10px}
#slider h3{font-size:25px;font-weight:500;padding-bottom:10px}
#slider h4{font-size:15px;font-weight:500}
#slider h4 a{display:table;margin:auto;padding:8px 20px;text-shadow:none;color:#000;background-color:#FFF;transition:all .3s .1s}
#slider h4 a:hover{background-color:#D59D23;text-decoration:none}
.content{padding:40px 10px}
.content.list{padding:40px 10px 30px}
.content.home {
    position: relative;
    color: #FFF;
    text-align: center;
    padding: 40px 0;
    background-color: #eee;
}
.content.page article{float:left;width:74%;padding-right:20px;box-sizing:border-box}
.content h1{font:42px Lobster,cursive;padding-bottom:15px}
.content.home h1{font:35px Lobster,cursive;color:#FFF;padding-bottom:5px}
.content h2{font-size:25px;color:#708b4c;padding-bottom:15px}
.content.home h2{color:#FFF;padding-bottom:25px}
.content h3{padding:15px 0}
.content.home h3{font-size:15px;font-weight:500}
.content.home h3 a{display:table;margin:auto;padding:10px 30px;color:#000;background-color:#FFF;transition:all .3s .1s}
.content.home h3 a:hover{background-color:#000;color:#FFF;text-decoration:none}
.content h4{padding-bottom:15px}
.content p{text-align:justify;padding-bottom:15px;line-height:22px}
.content ul,.content ol{margin-left:30px;padding-bottom:15px}
.content li{list-style-type:disc;line-height:22px;padding:4px 0}
.content ol li{list-style:decimal}
#hleft {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28%;
    padding: 90px 100px 85px;
    background-color: #708b4c;
    left: 17%;
}
#hleft ul {
    column-count: 2;
    text-align: left;
}
#hright{padding-left:50%;background-color:#EEE;line-height:0}
.content table,.content tr{width:100%!important;height:auto!important;letter-spacing:0;word-spacing:0;font-size:16px}
.content table{margin-bottom:20px}
.content table td{width:auto!important;height:auto!important;padding:10px}
.content table.tarifas tr td {
    background-color: #708b4c;
    color: #FFF;
}
.content table.tarifas tr+tr td{background:none;color:#000}
.content.list h1{text-align:center;padding-bottom:30px}
.imgLeft{float:left;width:37%;padding-right:20px;box-sizing:border-box;line-height:0}
.imgLeft img{padding:5px;border:1px solid #DDD;box-sizing:border-box}
.conRight{float:right;width:63%}
.list article{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #DDD}
.content.list h2 a{color:#1B2938;text-transform:uppercase;font-size:20px}
.spanbox{display:inline-block;padding:5px;vertical-align:bottom;font-size:17px}
.spanbox strong{font-size:28px}
.spanbox em{font-style:normal;vertical-align:top}
.spanbox a{color:#555;text-decoration:underline;transition:all .3s .1s}
.spanbox a:hover{color:#000}
#galeria{margin:0;padding:5px;box-shadow:0 0 5px 0 #999;margin-bottom:30px}
#galeria li{list-style:none;float:left;width:50%;line-height:0;padding:5px;box-sizing:border-box}
#servicios{text-align:center}
#servicios ul{margin:0;letter-spacing:-1px;word-spacing:-1px;font-size:0}
#servicios li{list-style:none;display:inline-block;width:25%;letter-spacing:0;padding:10px;font-weight:700;box-sizing:border-box;font-size:15px}
#galeria li a{display:block;position:relative;overflow:hidden;background-color:#000}
#servicios li img{display:block;margin:auto auto 10px}
#galeria li img{transition:all .3s .1s}
#galeria li img:hover{transform:scale(1.05);opacity:.5}
#servicios h2{color:#000;font-weight:700;padding:10px 0 15px;font-size:22px;text-transform:uppercase}
#servicios h2 strong{color:#708b4c}
.sidebarRight{float:left;width:26%}
.content .sidebarRight ul,.content .sidebarRight li{margin:0;padding:0;list-style:none}
.content .sidebarRight .rprecio{background-color:#F1F1F1;padding:30px 10px 15px;margin-bottom:20px;text-align:center;box-shadow:0 0 5px 0 #999}
.rprecio h2{font-size:19px;font-weight:500;color:#000;padding-bottom:10px}
.rprecio h3{font:26px Lobster,cursive;padding:0 0 10px}
.rprecio h4 strong{font-size:22px;color:#708b4c}
.content .sidebarRight .reservar{background-color:#F1F1F1;padding:30px 10px 15px;margin-bottom:20px;text-align:center;box-shadow:0 0 5px 0 #999}
.reservar h2{color:#000;font:500 26px Lobster,cursive;padding-bottom:5px}
.wpcf7-form-control-wrap.your-hab{display:none}
.reservar label{display:block;padding-bottom:13px;font-weight:500;font-size:14px}
.reservar br{display:none}
.reservar h2 strong{color:#708b4c;font-weight:500}
.reservar input,.reservar select,.reservar textarea{background-color:#FFF;border:none;padding:14px;font:13px Roboto,sans-serif;width:100%;max-width:100%;box-sizing:border-box}
.content .reservar p{padding-bottom:10px;text-align:left}
.reservar p:empty{display:none}
.reservar input[type="submit"]{background-color:#708b4c;color:#FFF;text-transform:uppercase;width:80%;font-size:17px;cursor:pointer;transition:all .3s .1s;margin:auto;display:block}
.reservar input[type="submit"]:hover{background-color:#A27D31}
.content .reservar .ajax-loader{display:table;margin:auto}
.reservar .wpcf7-validation-errors,.reservar .wpcf7-mail-sent-ng,.reservar .wpcf7-mail-sent-ok{margin:0 0 10px;padding:10px;text-align:center;letter-spacing:0;word-spacing:0;font-size:13px}
.reservar span.wpcf7-not-valid-tip{letter-spacing:0;word-spacing:0;font-size:13px;top:10px;left:auto;right:10px}
.tripadvisor p{text-align:center}
.oferta{margin:20px 0;background-color:#EEE;letter-spacing:-1px;word-spacing:-1px;font-size:0}
.oferta p:empty{display:none}
.fbox1{display:inline-block;width:50%;line-height:0;letter-spacing:0;vertical-align:middle;word-spacing:0}
.fbox2{display:inline-block;width:50%;padding:20px;letter-spacing:0;word-spacing:0;font-size:15px;vertical-align:middle;box-sizing:border-box}
.fbox2 p{font-size:17px;padding-bottom:15px}
.fbox2 h2{font:500 35px Lobster,cursive;padding-bottom:15px}
.fbox2 h2 strong{color:#708b4c;font-weight:500}
.fbox2 h3{font:500 35px Lobster,cursive;padding:30px 0 15px}
.fbox2 h3 strong{color:#708b4c;font-weight:400;font-size:48px}
.fbox2 h4{font-size:18px;padding-bottom:15px}
.fbox2 h4 strong{font-size:50px}
.fbox2 h4 em{font-size:25px;vertical-align:super;margin-right:5px}
.fbox2 h5 a{display:table;padding:15px 40px;font-size:20px;margin-top:15px;color:#FFF;background-color:#708b4c;transition:all .3s .1s}
.fbox2 h5 a:hover{background-color:#000;text-decoration:none}
.owl-carousel .owl-stage-outer{padding:15px 0;box-sizing:border-box}
.desItem{text-align:center}
.desItem h2{font:500 35px Lobster,cursive;padding-bottom:15px}
.desItem h2 strong{color:#708b4c;font-weight:500}
.desItem p{font-size:16px;padding-bottom:10px;line-height:24px}
.conItem{position:absolute;bottom:0;padding:10px;width:100%;box-sizing:border-box;background:-moz-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(75%,rgba(0,0,0,1)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 100%);background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0)}
.imgItem{position:relative}
.conItem h3{padding-bottom:5px}
.conItem h3 a{color:#FFF;text-transform:uppercase;font-size:18px;text-shadow:1px 0 3px #222}
.stars i{font-size:22px;color:#FC0;margin-right:5px}
.boxcarousel .item .paitem{box-shadow:0 0 5px 0 #999;margin:5px}
.conItem2{padding:10px 5px;letter-spacing:-1px;word-spacing:-1px;font-size:0}
.preItem{display:inline-block;width:50%;letter-spacing:0;word-spacing:0;font-size:15px;padding:5px;box-sizing:border-box;vertical-align:middle}
.viewItem{display:inline-block;width:50%;letter-spacing:0;word-spacing:0;padding:5px;text-align:right;font-size:15px;box-sizing:border-box;vertical-align:middle}
.viewItem a{color:#555;text-decoration:underline;transition:all .3s .1s}
.viewItem a:hover{color:#000}
.boxWeb{padding:20px 10px 30px}
.mapa{text-align:center;padding-top:20px}
.mapa h4{font-size:17px;padding-bottom:15px}
.mapa h2{font:500 35px Lobster,cursive;padding-bottom:15px}
.mapa h2 strong{color:#708b4c}
footer{background-color:#708b4c;color:#FFF}
footer .container{padding:40px 0;max-width:1240px}
footer h3{font:23px Lobster,cursive;padding-bottom:25px;color:#fff}
.myhouse{float:left;width:32%;padding:10px 0}
.myhouse p{font-weight:300;line-height:20px}
.myhouse img{margin-bottom:15px}
.blog{float:left;width:36%;padding:10px 20px;box-sizing:border-box}
.blog .item{border-bottom:1px solid #1e3752;padding-bottom:10px;margin-bottom:10px}
.blog h4{padding-bottom:5px}
.blog h4 a{color:#FFF;font-size:19px;transition:all .3s .1s}

.blog p{font-weight:300;font-size:14px}
.fcontact{float:left;width:32%;padding:10px 0}
.fcontact li{font-size:16px;padding-bottom:14px;font-weight:400}
#copy{text-align:center;background-color:#3e4c2c;padding:5px 10px;color:#FFF;transition:all .3s .1s;color:#fff;font-size:13px;}
#copy a, #copy p{color:#fff;font-size:13px;}
.content .wp-pagenavi{letter-spacing:0;word-spacing:0;font-size:15px;padding-bottom:10px}
.content .wp-pagenavi a,.content .wp-pagenavi span{border:2px solid #708b4c;color:#000}
.content .wp-pagenavi a:hover,.content .wp-pagenavi span.current{border:2px solid #708b4c;background-color:#708b4c;color:#FFF}
#formweb{padding:20px 15px 5px;margin-bottom:10px;background-color:#DDD;letter-spacing:-1px;word-spacing:-1px;font-size:0;text-align:center}
#formweb br{display:none}
#formweb .wpcf7-form-control-wrap{display:inline-block;width:33.3333%;padding:5px;box-sizing:border-box}
#formweb .wpcf7-form-control-wrap.your-message{display:block;width:100%}
#formweb input,#formweb textarea{padding:10px;background-color:RGBA(255,255,255,0.8);width:100%;font:16px Ubuntu,sans-serif;max-width:100%;border:1px solid #CCC;border-radius:5px;box-sizing:border-box}
#formweb input[type="submit"]{width:auto;background-color:#708b4c;transition:all .3s .1s;color:#FFF;font-weight:400;font-size:20px;padding:12px 30px;text-transform:uppercase;border-radius:5px;cursor:pointer;display:table;margin:5px auto;border:none}
#formweb input[type="submit"]:hover{background-color:#A27D31}
#formweb img.ajax-loader{display:table;margin:auto}
#formweb + div.wpcf7-validation-errors,#formweb + div.wpcf7-mail-sent-ng,#formweb + div.wpcf7-mail-sent-ok{margin:0 10px 20px;text-align:center}
#formweb span.wpcf7-not-valid-tip{letter-spacing:0;word-spacing:0;font-size:13px;top:10px;left:auto;right:10px}

.clear{clear:both;}
.clear:after{clear:both;display: block; content:""; height: 0; visibility: hidden;}

.boxGap {
    height: 134px;
    background-color: #708b4c;
}

@media(max-width:1400px){
	#hleft{padding: 30px 40px 25px; width: 40%; left: 10%;}
}
@media(max-width:768px){
    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}
	#wprmenu_bar{z-index:100000000!important;box-shadow:0 0 5px 0 #000}
	#wprmenu_bar .menu_title a{top:0!important;color:#FFF}
	#wprmenu_bar .menu_title a:hover{text-decoration:none}
	.content{padding:20px 10px}
	.datos li{display:block;padding:0}
	.datos li + li{display:inline-block;padding:2px 10px}
	#slider h2{font-size:30px}
	#slider h3{font-size:20px}
	#slider h4{font-size:14px}
	.content h1{font-size:30px}
	.datos,.social,.logo,.content.page article,.sidebarRight{display:block;float:none;width:100%;padding:10px;text-align:center;box-sizing:border-box}
	.datos{padding-bottom:0}
	.logo{padding:20px 10px}
	.content.home h2{padding-bottom:15px}
	.content.home p{text-align:center}
	.boxWeb{padding:0 10px 10px}
	#galeria,#galeria li{padding:2px}
	#servicios h2{font-size-adjust:18px}
	#servicios li{width:50%}
	#hleft{position:relative;top:0;transform:initial;width:100%;left:0;padding:20px;box-sizing:border-box}
	#hright{display:none}
	.fbox1,.fbox2{display:block;width:100%;text-align:center}
	.fbox2 h5 a{margin:10px auto}
	.content.list{padding:40px 10px 10px}
	.imgLeft{padding-right:10px}
	.spanbox{font-size:15px}
	.spanbox strong{font-size:23px}
	.stars i{font-size:18px}
	.myhouse,.blog,.fcontact{float:none;width:100%;padding:10px;box-sizing:border-box;text-align:center}
	.blog{padding-bottom:0}
	footer .container{padding:20px 0}
	#formweb .wpcf7-form-control-wrap{width:50%}
	#copy{font-size:13px}
}
@media(max-width:480px){
    .datos li{display: none;}
    #slider h2{font-size: 26px;}
    #slider h3{font-size: 18px;}
    #slider h4{font-size: 13px;}
    .imgLeft, .conRight, #formweb .wpcf7-form-control-wrap{float: none; display: block; width: 100%; padding: 10px; box-sizing: border-box;}
    #formweb{padding: 15px 10px 0;}
    #formweb .wpcf7-form-control-wrap{padding: 5px;}
    .list article {padding-bottom: 15px;}
}