@charset "utf-8";
@import "fontawesome-4.6.3.min.css";
@import "custom.flexslider.css";
@import "framework.css";
.row1{border-bottom:1px solid}
#header #logo{margin:10px 0 0}
#header #logo h1{margin:0;padding:0;font-size:22px;text-transform:uppercase}
#header #logo1{margin:10px 0}
#pageintro{padding:200px 0}
#pageintro li article{display:block;max-width:75%;margin:0 auto;text-align:center}
#pageintro li article *{margin:0}
#pageintro li p:first-of-type{margin-bottom:10px;font-style:italic}
#pageintro li .heading{margin-bottom:30px;font-size:3rem;word-wrap:break-word}
#pageintro li p:nth-of-type(2){line-height:1.5rem}
#pageintro li footer{margin-top:5px}
.container{padding:80px 0}
.container1{padding:100px 0}
.services li:nth-child(-n+3){margin-bottom:30px}
.services article{position:relative;padding:20px 20px 50px;border-bottom:2px solid;text-align:center}
.services article .txtwrap{padding:20px;border:1px solid}
.services article .txtwrap *{margin:0}
.services article .txtwrap i{margin-bottom:50px}
.services article .txtwrap .heading{margin-bottom:20px;font-size:1.2rem}
.services article footer{display:block;position:absolute;bottom:0;left:0;width:100%;line-height:1}
.services article footer a{display:block;width:100%;padding:8px 0;opacity:0}
.services article:hover footer a,.services .active article footer a{opacity:1}
#comments ul{margin:0 0 40px;padding:0;list-style:none}
#comments li{margin:0 0 10px;padding:15px}
#comments .avatar{float:right;margin:0 0 10px 10px;padding:3px;border:1px solid}
#comments address{font-weight:700}
#comments time{font-size:smaller}
#comments .comcont{display:block;margin:0;padding:0}
#comments .comcont p{margin:10px 5px 10px 0;padding:0}
#comments form{display:block;width:100%}
#comments input,#comments textarea{width:100%;padding:10px;border:1px solid}
#comments textarea{overflow:auto}
#comments div{margin-bottom:15px}
#comments input[type="submit"],#comments input[type="reset"]{display:inline-block;width:auto;min-width:150px;margin:0;padding:8px 5px;cursor:pointer}
.sidebar .sdb_holder{margin-bottom:50px}
.sidebar .sdb_holder:last-child{margin-bottom:0}
#footer{padding:10px 0;color:#fbf4c6}
#footer form{display:block;position:relative;width:100%}
#footer form legend{display:block;margin-bottom:5px}
#footer form div{position:relative}
#footer input,#footer button{display:block;height:36px;border:none}
#footer input{width:100%;min-width:180px;padding:5px 40px 5px 15px}
#footer input[type="submit"]{background:#9F9D9D}
#footer input[type="submit"]:hover{background:#CFCECE}
#footer button{position:absolute;top:1px;right:1px;width:32px;height:34px;font-size:16px;cursor:pointer}
#footer button em{display:none}
#copyright{padding:5px 0;font-size:.8rem;text-align:center;color:#fbf4c6}
#copyright *{margin:0;padding:0}
*,::before,::after{transition:all .3s ease-in-out}
#mainav form *{transition:none!important}
nav ul,nav ol{margin:0;padding:0;list-style:none}
#mainav,#breadcrumb,.sidebar nav{line-height:normal}
#mainav .drop::after,#mainav li li .drop::after,#breadcrumb li a::after,.sidebar nav a::after{position:absolute;font-family:"FontAwesome";font-size:10px;line-height:10px}
#mainav ul.clear{margin-top:3px}
#mainav ul{text-transform:uppercase}
#mainav ul ul{z-index:9999;position:absolute;width:220px;text-transform:none}
#mainav ul ul ul{left:180px;top:0}
#mainav li{display:inline-block;position:relative;margin:0 15px 0 0;padding:0}
#mainav li:last-child{margin-right:0}
#mainav li li{width:100%;margin:0}
#mainav li a{display:block;padding:30px 0}
#mainav li li a{border:solid;border-width:0 0 1px}
#mainav .drop{padding-left:15px}
#mainav li li a,#mainav li li .drop{display:block;margin:0;padding:10px 15px}
#mainav .drop::after,#mainav li li .drop::after{content:"\f0d7"}
#mainav .drop::after{top:35px;left:5px}
#mainav li li .drop::after{top:15px;left:5px}
#mainav ul ul{visibility:hidden;opacity:0}
#mainav ul li:hover > ul{visibility:visible;opacity:1}
#mainav form{display:none;margin:0;padding:0}
#mainav form select,#mainav form select option{display:block;cursor:pointer;outline:none}
#mainav form select{width:100%;padding:5px;border:1px solid}
#mainav form select option{margin:5px;padding:0;border:none}
#breadcrumb{padding:120px 0 15px}
#breadcrumb ul{margin:0;padding:0;list-style:none;text-transform:uppercase}
#breadcrumb li{display:inline-block;margin:0 6px 0 0;padding:0}
#breadcrumb li a{display:block;position:relative;margin:0;padding:0 12px 0 0;font-size:12px}
#breadcrumb li a::after{top:3px;right:0;content:"\f101"}
#breadcrumb li:last-child a{margin:0;padding:0}
#breadcrumb li:last-child a::after{display:none}
.sidebar nav{display:block;width:100%}
.sidebar nav li{margin:0 0 3px;padding:0}
.sidebar nav a{display:block;position:relative;margin:0;padding:5px 10px 5px 15px;text-decoration:none;border:solid;border-width:0 0 1px}
.sidebar nav a::after{top:9px;left:5px;content:"\f101"}
.sidebar nav ul ul a{padding-left:35px}
.sidebar nav ul ul a::after{left:25px}
.sidebar nav ul ul ul a{padding-left:55px}
.sidebar nav ul ul ul a::after{left:45px}
.pagination{display:block;width:100%;text-align:center;clear:both}
.pagination li{display:inline-block;margin:0 2px 0 0}
.pagination li:last-child{margin-right:0}
.pagination a,.pagination strong{display:block;padding:8px 11px;border:1px solid;background-clip:padding-box;font-weight:400}
#backtotop{z-index:999;display:inline-block;position:fixed;visibility:hidden;bottom:30px;right:20px;width:36px;height:36px;line-height:36px;font-size:16px;text-align:center;opacity:.2}
#backtotop i{display:block;width:100%;height:100%;line-height:inherit}
#backtotop.visible{visibility:visible;opacity:.5}
#backtotop:hover{opacity:1}
table,th,td{border:1px solid;border-collapse:collapse;vertical-align:top}
table,th{table-layout:auto}
table{width:100%;margin-bottom:15px}
th,td{padding:5px 8px}
td{border-width:0 1px}
#gallery{display:block;width:100%;margin-bottom:50px}
#gallery figure figcaption{display:block;width:100%;clear:both}
#gallery li{margin-bottom:30px}
.faico{margin:0;padding:0;list-style:none}
.faico li{display:inline-block;float:left;margin:0 10px 0 0;padding:0;line-height:normal}
.faico li:last-child{margin-right:0}
.faico a{display:block;font-size:14px;text-align:center;color:inherit;background-color:transparent}
.faicon-dribble:hover{color:#EA4C89}
.faicon-facebook:hover{color:#3B5998}
.faicon-google-plus:hover{color:#DB4A39}
.faicon-linkedin:hover{color:#0E76A8}
.faicon-pinterest:hover{color:#C8232C}
.faicon-rss:hover{color:#EE802F}
.faicon-twitter:hover{color:#00ACEE}
body{color:#A6A6A6;background-color:#26272B}
a{color:#C5A059}
a:active,a:focus{background:transparent}
hr,.borderedbox{border-color:#D7D7D7}
label span{color:red;background-color:inherit}
input:focus,textarea:focus,:required:focus{border-color:#C5A059; border:solid thin}
.overlay{color:#FFF;background-color:inherit}
.overlay::after{color:inherit;background-color:rgba(0,0,0,0.55)}
.overlay1{color:#FFF;background-color:inherit;position:absolute;z-index:999}
.overlay1::after{color:inherit;background-color:rgba(0,0,0,0.15)}
.cambiocolor{position:fixed;z-index:999;background-color:rgba(147,116,37,0.69)}
.sombra{text-shadow:2px 2px 3px #000;color:#FFFDFD}
.btn,.btn.inverse:hover{color:#FFF;background-color:#C5A059;border-color:#C5A059}
.btn:hover,.btn.inverse{color:#FFF;background-color:#988449;border-color:#988449}
.row1{border-color:rgba(255,255,255,.1)}
.row2{color:#A6A6A6}
.row3{color:#797979;background-color:#FBF4C6}
.row4.overlay{color:#A6A6A6;background-color:#151517}
.row4.overlay1{color:#A6A6A6;background-color:#151517}
.row5,.row5 a{color:#A6A6A6;background-color:#26272B}
#header #logo a{color:inherit}
#header #logo1 a{color:inherit}
.services article{color:#E4E3E3;border-color:#C5A059}
.services article .txtwrap{border-color:transparent}
.services article:hover .txtwrap,.services .active article .txtwrap{color:#FFF;border-color:#D7D7D7}
.services article footer a{color:#FFF;background-color:#C5A059}
#shout .heading{color:#FFF;background:inherit}
#footer .heading{color:#FFF}
#footer input,#footer button, #footer textarea{
color:#1E1D1D;background-color:#ffff; width:220px;}
#footer button{color:#C5A059}
#mainav li a{color:inherit}
#mainav .active a,#mainav a:hover,#mainav li:hover > a{color:#ff9421;background-color:inherit}
#mainav li li a,#mainav .active li a{color:#FFF;background-color:rgba(0,0,0,.6);border-color:rgba(0,0,0,.6)}
#mainav li li:hover > a,#mainav .active .active > a{color:#FFF;background-color:#ff9421}
#mainav form select{color:#FFF;background-color:#624f2c;border-color:rgba(255,255,255,.2)}
#breadcrumb a{color:inherit;background-color:inherit}
.container .sidebar nav a{color:inherit;border-color:#D7D7D7}
.container .sidebar nav a:hover{color:#C5A059}
.pagination a,.pagination strong{border-color:#D7D7D7}
.pagination .current *{color:#FFF;background-color:#C5A059}
#backtotop{color:#FFF;background-color:#C5A059}
table,th,td,#comments .avatar,#comments input,#comments textarea{border-color:#D7D7D7}
#comments input:focus,#comments textarea:focus,#comments :required:focus{border-color:#C5A059}
th{color:#FFF;background-color:#373737}
tr,#comments li,#comments input[type="submit"],#comments input[type="reset"]{color:inherit;background-color:#FBFBFB}
tr:nth-child(even),#comments li:nth-child(even){color:inherit;background-color:#F7F7F7}
table a,#comments a{background-color:inherit}
.justificado{text-align:justify}
.distancia img{margin:10px}
.miform{font-size:16px;font-weight:500;background:#FFF;padding:20px;border:dashed medium #cfb075}
input{width:250px;margin-top:10px;border:solid dotted #cfb075}
textarea{width:500px;font-weight:600;margin-top:10px;border:solid dotted #cfb075}
.boton{width:150px;padding:10px;font-weight:500;background:#624f2c;color:#FFF}
.prueba{position:absolute;z-index:2;height:500px;width:100%;background:#361DB7}
.miform input[type="submit"] {background:#7C2F01;color:#fff;padding:10px;}
.miform input[type="submit"]:hover {background:#925D06}
@media screen and (min-width:901px) {
.hoc{max-width:978px}
#logo1{display:none}
}
@media screen and (max-width:900px) {
.hoc{max-width:90%}
#header{padding:30px 0 15px}
#header #logo{margin:0}
#mainav ul{display:none}
#mainav form{display:block}
#comments input[type="reset"]{margin-top:10px}
.pagination li{display:inline-block;margin:0 5px 5px 0}
#copyright p:first-of-type{margin-bottom:10px}
#logo1{display:none}
input{width:250px;margin-top:10px}
textarea{width:450px;font-weight:600;margin-top:10px}
#pageintro{padding:150px 0}
}
@media screen and (max-width:750px) {
.imgl,.imgr{display:inline-block;float:none;margin:0 0 10px}
.fl_left,.fl_right{display:block;float:none}
.one_half,.one_third,.two_third,.one_quarter,.two_quarter,.three_quarter{display:block;float:none;width:auto;margin:0 0 30px;padding:0}
#topbar,#header{text-align:center}
#header #logo{margin-bottom:15px}
#shout footer{margin-bottom:0}
#footer{padding-bottom:50px}
#logo{display:none}
#logo1{display:block}
input{width:250px;margin-top:10px}
textarea{width:350px;font-weight:600;margin-top:10px}
#pageintro{padding:100px 0}
}
@media screen and (max-width:650px) {
.scrollable{display:block;width:100%;margin:0 0 30px;padding:0 0 15px;overflow:auto;overflow-x:scroll}
.scrollable table{margin:0;padding:0;white-space:nowrap}
.inline li{display:block;margin-bottom:10px}
.pushright li{margin-right:0}
.font-x2{font-size:1.4rem}
.font-x3{font-size:1.6rem}
#pageintro li article{max-width:none;width:100%}
#pageintro li .heading{font-size:1.6rem}
#logo{display:none}
#logo1{display:block}
input{width:200px;margin-top:10px}
textarea{width:250px;font-weight:600;margin-top:10px}
}

@media screen and (max-width:450px) {
.scrollable{display:block;width:100%;margin:0 0 30px;padding:0 0 15px;overflow:auto;overflow-x:scroll}
.scrollable table{margin:0;padding:0;white-space:nowrap}
.inline li{display:block;margin-bottom:10px}
.pushright li{margin-right:0}
.font-x2{font-size:1.4rem}
.font-x3{font-size:1.6rem}
#pageintro li article{max-width:none;width:100%}
#pageintro li .heading{font-size:1.6rem}
#logo{display:none}
#logo1{display:none}
input{width:200px;margin-top:10px}
textarea{width:250px;font-weight:600;margin-top:10px}
}