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

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

}

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

}

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

}

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

}

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

}

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

}
@font-face {
    font-family: 'OleoScript';
    font-style: normal;
    font-weight: 400;
    src: local('Oleo Script'), local('OleoScript-Regular'), url(../fonts/ole.woff) format('woff');
}

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

h1, h2, h3, .h1, .h2, .h3 {
    font-family: 'open_sanslight';
    font-size: 1.7em;
}
h2, h3, .h2 .h3{
    font-size: 1.3em;
}
h4, h5, h6, .h4, .h5, .h6{
    font-family: 'open_sansregular';

}
html, body{
    height:100%;
}
html, body, p{
    font-family: 'open_sansregular';
    font-size: 0.92em;
}
li{
    font-family: 'open_sansregular';
    font-size: 0.92em;
}
.footer-after, footer{
    font-size: 0.92em;
}
.dropdown-menu{
    font-family: 'open_sansregular';
    font-size: 1.02em;
}
.hser-navbar{
    background-color: #F4F0CB;
    border-color: #9F6423;
}
.hser-navbar .navbar-nav > li > a{
    padding-top: 40px;
    padding-bottom: 40px;
}
.hser-navbar .navbar-nav > li > a{
    color: #685642;
}
.hser-navbar .navbar-brand {
    padding-right: 0px !important;
}
.hser-navbar .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    /*background-color: #7F4F35;
    color: #F4F0CB;*/
    background-color: #D5C82B;
    color: #685642;
}
.hser-navbar .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
    /*background-color: #9F6423;
    color: #F4F0CB;*/
    background-color: #D5C82B;
    color: #685642;
}
.hser-navbar .navbar-nav > .open > a,
.hser-navbar .navbar-nav > .open > a:hover,
.hser-navbar .navbar-nav > .open > a:focus {
    /*background-color: #9F6423;
    color: #F4F0CB;*/
    background-color: #D5C82B;
    color: #685642;
}
.hser-navbar .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    /*background-color: #9F6423;/* paleta original */
    background-color: #D5C82B;
    /*color: #F4F0CB;*/
}
.hser-navbar .dropdown-menu > li > a {
    color: #685642;
}
.hser-navbar .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{
    color: #685642;
}

.hser-navbar h1 {
    color: #A3692A !important;
    font-family: 'OleoScript' !important;
    font-size: 42px;
    line-height: 40px;
    margin-left: 110px;
    margin-top: -45px;
}
.hser-navbar h1 .hser-normal-font{
    font-family: 'open_sanslight' !important;
}
.hser-slide-nosotros .carousel-inner .item,
.hser-slide .carousel-inner .item{
    padding-top: 100px;
}

.hser-slide div.carousel-caption .caption-home {
    text-align: left;
}

.hser-slide div.carousel-caption .caption-home p span {
    color: #A3692A !important;
    background-color: rgba(244, 240, 203, 0.60);
    padding: 0 10px;
    text-shadow: none;
}

.hser-slide div.carousel-caption .caption-home p.caption-title
{
    font-size: 40px;
}
.hser-slide div.carousel-caption .caption-home p.caption-desc
{
    font-size: 20px;
}

.hser-slide div.carousel-caption .caption-hogar {
    position: absolute;
    bottom: 56%;
    left: -20%;
    right: 50%
}
.hser-slide div.carousel-caption .caption-hser,.caption-hogar {
    position: absolute;
    background-color: #F4F0CB;
    bottom: 185%;
    color: #A3692A !important;
    left: -20%;
    padding: 0;
    right: 85%;
    text-shadow: none;
}
.hser-slide  .carousel-inner > .item > img, .hser-slide .carousel-inner > .item > a > img{
    width: 100%;
}
.hser-slide-nosotros .carousel-inner > .item > img,
.hser-slide-nosotros .carousel-inner > .item > a > img{
    background-position: center center;
    background-size: cover;
    /*height: 350px;*/
    width: 100%;
}
.hser-slide .carousel-control .glyphicon-chevron-left,
.hser-slide .carousel-control .glyphicon-chevron-right,
.hser-slide .carousel-control .icon-prev,
.hser-slide .carousel-control .icon-next{
   margin-top:30px ;
}
.hser-container{
    margin-top: 50px;
    margin-bottom: 25px;

}
.hser-nosotros-container{
    color:#685642;
    text-align: justify;
    margin-bottom: 120px;
}
.hser-nosotros-container p a{
    color:#685642;
}

.hser-nosotros-container button.btn{
    background-color: #A3692A;
    color: #F4F0CB!important;
    border-color: #9F6423;

}
.hser-section-container{
    color:#685642;
    margin-top: 120px;
    text-align: justify;
    margin-bottom: 85px;
}
.hser-section-container-atencion{
    color:#685642;
    margin-top: 120px;
    margin-bottom: 120px;
}
.hser-container address{
    color: #A3692A;
    font-size: 18px;
    line-height: 28px;
}
.hser-container address i.fa-map-marker{
    padding-right: 10px;
}
.hser-container address i.fa-phone{
    padding-right: 8px;
}
.hser-container address i.fa-mobile{
    padding-right: 10px;
    font-size: 30px;
}
.hser-container address i.fa-envelope{
    padding-right: 8px;
}
.hser-container address i.fa-twitter{
    padding-right: 8px;
}
.address_footer {
    color: #a3692a;
    margin-bottom: 40px;
    margin-top: -40px;
    text-align: center;
    font-size: 0.9em;
}
.hser-container .left{
    color: #A3692A;
    text-align: right;
}
.hser-container h4,
.hser-container .left h4{
    font-size: 1.7em;
    line-height: 34px;
    margin-top:35px;

}
.hser-gallery-container{
    margin-top: 150px;
    margin-bottom: 120px;
}
.hser-gallery-container a img{
    margin: 0 -2px;
}
.hser-gallery-container a img figcaption {
    bottom: 0;
    height: 100%;
    opacity: 0;
    top: auto;
    transform: translateY(100%);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    width: 100%;
}
.hser-indicator li{
    width: 80px!important;
    height: 60px!important;
    boder-radius:none!important;

}

.carousel-nosotros {
    background-image: url(../img/053_1400x500.jpg) !important;
    background-position: center center;
    background-size: cover;
    /*height: 350px;*/
    margin-top:100px;
    width: 100%;
}
#page-wrap,
#page_wrap_nosotros,
#page_wrap_index,
#page_wrap_galeria,
#page_wrap_contacto,
#page_wrap_proyecto,
#page_wrap_fisicos,
#page_wrap_humanos,
#page_wrap_fisicos2,
#page_wrap_atencion{
    margin: auto;
    height: auto;
    min-height:100%;
    clear: both;
    margin-bottom: -80px;
}
#page_wrap_index{
    margin-bottom: -22px;

}
footer {
    position: relative;
    height: 80px;
    clear: both;
    border-top: 1px solid #9F6423;
    width:100%;
    background-color: #F4F0CB;
    color:#685642;
    padding: 10px 0;
}

footer .container {
    text-align:center;
    line-height: 22px;
}

footer .container i {
    margin-right:10px;
}
.footer-after {
    position: relative;
    margin-top: -22px;
    height: 22px;
    clear: both;
    font-size:12px;
    color:#A06A50;
    background-color:#DED29E;
    text-align:center;
    line-height:22px;
    width: 100%;
    bottom: 0px; /* El div se sitúa abajo */
}
.form-control:focus {
    border-color: #815642;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(129, 86, 66, 0.6);
    outline: 0 none;
}
#cont_sub .btn{
    background-color:#815642;
    border-color: #A3692A;
}
.ajaxgif{
    position: absolute;
    right: 150px;
    top: 5px;
}
.carousel_map {
    margin-top: 100px;
    background: none repeat scroll 0 0 #F4F0CB;
    height: 350px;
}
.marker-map{
	line-height: 20px;
	height:100px;
	width:400px;
}
ul.list-width-icons li, ul.list-width-icons-down li{
    line-height: 24px;
}

.list-width-icons li i {
    color:#7F4F35;
    font-size:8px;
    padding-right:7px;
    position:relative;
    bottom:2px;
    left:2px;

}
.list-width-icons-down li i {
    color:#7F4F35;
    font-size:8px;
    padding-right:5px;
    position:relative;
    bottom:3px;
    left:2px;
}
.img-atencion{
    text-align:center;
    padding-top: 40px;
}

@media (min-width: 1200px) {
    /*#page-wrap{

    }
    #page_wrap_nosotros{
        margin-bottom: -180px;
    }
    #page_wrap_index{

    }
    #page_wrap_galeria{

    }
    #page_wrap_contacto{

    }
    #page_wrap_proyecto{

    }
    #page_wrap_fisicos{

    }
    #page_wrap_humanos{

    }
    #page_wrap_atencion{
        margin: auto;
        height: auto;
        min-height:100%;
        clear: both;
        margin-bottom: -80px;
    }*/
}
/* MD */
@media (min-width: 993px)and (max-width: 1200px){
    .container {
        width: 940px;
    }
    .hser-gallery-container {
        width: 940px !important;
    }
    .hser-navbar .navbar-brand{
        margin-left: 7px!important;
    }
    .carousel-caption{
        left: 10%;
    }
    .hser-container address{
        font-size: 16px;
        line-height: 26px;
    }
    .hser-container .left h4 {
        font-size: 22px;
        line-height: 32px;
    }

}

/* Small devices Tablets SM */
@media (max-width: 991px) {
    .container {
        width: 728px;
    }
    .hser-gallery-container {
        width: 728px !important;
    }
    .hser-slide-nosotros .carousel-inner .item{
        padding-top: 100px;
        /*height: 350px;*/
    }
    .hser-slide div.carousel-caption .caption-home p.caption-desc{
        font-size: 16px;
    }
    .carousel-caption{
        left: 10%;
    }
    .hser-container .left h4{
        font-size: 20px;
    }
    .hser-container address{
        font-size: 16px;
        line-height: 26px;
    }
    .hser-navbar .navbar-brand {
        padding: 15px 0 0 0 !important;
    }
    footer, .footer-after{
        font-size: 0.82em;
    }
    #page_wrap_fisicos2,
    #page_wrap_nosotros
    {
        clear: both;
        height: auto;
        margin: auto auto -80px;
        min-height: 100%;
    }

}


/* Extra small devices Phones  XS*/
@media (max-width: 767px) {

    .container {
        width: auto;
    }

    .hser-gallery-container {
        width: auto!important;
    }
    address.home-address{
        text-align: center;
    }
    .hser-slide-nosotros .carousel-inner .item{
        padding-top: 100px;
        /*height: 272px;*/
    }

    .hser-navbar div.container div.navbar-header button.navbar-toggle{
        background-color:#DED29E;
        color:#685642;
    }
    .hser-navbar div.container div.navbar-header button.navbar-toggle span.icon-bar{
       background-color:#9F6423;
    }
    .hser-section-container{
        margin-bottom: 10px;
        margin-top: 40px;
    }

    .hser-navbar div.container div.navbar-header button.navbar-toggle:hover,
    .hser-navbar div.container div.navbar-header button.navbar-toggle:focus{
        border-color:#685642;
        background-color: #685642;
        color:#DED29E;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #685642;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus  {
        background-color: #d5c82b;
        color: #685642;
    }
    .hser-navbar .navbar-brand{
        padding: 2px 0 0 10px !important;
    }
    .hser-slide-nosotros .carousel-inner .item,
    .hser-slide .carousel-inner .item{
        padding-top: 50px;
    }
    .hser-slide div.carousel-caption .caption-home p.caption-title{
        font-size: 20px;
    }
    .hser-slide div.carousel-caption .caption-home p.caption-desc{
        font-size: 9px;
    }
    .navbar-brand{
            height:40px;
    }
    .carousel-caption{
        bottom: 0;
        padding-bottom: 0;
    }
    .item, .active, .carousel-inner {
        height: 100%;
    }
    .hser-container address{
        font-size: 12px;
        line-height: 24px;
    }
    .hser-container .left h4{
        font-size: 16px;
    }
    .hser-navbar .navbar-nav > li > a{
        padding-bottom: 0;
        padding-top: 0;
    }
	.marker-map{
		height:45px;
		width:155px;
		line-height: 20px;
		font-size: 0.77em;
	}
	.carousel_map {
        margin-top: 50px;
        background: none repeat scroll 0 0 #F4F0CB;
        height: 140px;
    }
    .carousel-nosotros {
        margin-top:30px;
    }
    .img-atencion{
        text-align:center;
        /*margin-top: -70px;*/
    }

    .hser-section-container-atencion {
        margin-top:50px;
    }
    .hser-container h4,
    .hser-container .left h4{
        font-size: 1.2em;
        line-height: 24px;
        margin-top:30px;

    }
    #page-wrap,
    #page_wrap_galeria,
    #page_wrap_contacto,
    #page_wrap_proyecto,
    #page_wrap_fisicos,
    #page_wrap_humanos,
    #page_wrap_humanos2{
        clear: both;
        height: auto;
        margin: auto auto -22px;
        min-height: 100%;
    }

    #page_wrap_atencion{
        clear: both;
        height: auto;
        margin: auto auto -120px;
        min-height: 100%;
    }
    #page_wrap_nosotros{
        clear: both;
        height: auto;
        margin: auto auto -145px;
        min-height: 100%;
    }
    #page_wrap_fisicos2{
        clear: both;
        height: auto;
        margin: auto auto -20px;
        min-height: 100%;
    }
    #page_wrap_index{
        clear: both;
        height: auto;
        margin: auto auto -22px;
        min-height: 100%;
    }
    footer{
        height: 125px;
        margin-top: 20px;
    }
    .footer-after {
        font-size:10px;
    }
}