@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: local('Raleway Thin'), local('Raleway-Thin'), url(http://fonts.gstatic.com/s/raleway/v10/RJMlAoFXXQEzZoMSUteGWLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: local('Raleway Light'), local('Raleway-Light'), url(http://fonts.gstatic.com/s/raleway/v10/-_Ctzj9b56b8RgXW8FArib3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(http://fonts.gstatic.com/s/raleway/v10/cIFypx4yrWPDz3zOxk7hIQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: local('Raleway Medium'), local('Raleway-Medium'), url(http://fonts.gstatic.com/s/raleway/v10/CcKI4k9un7TZVWzRVT-T873hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(http://fonts.gstatic.com/s/raleway/v10/xkvoNo9fC8O2RDydKj12b73hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}

@font-face {
font-family: 'Bebas Neue';
font-style: normal;
font-weight: normal;
src: local('Bebas Neue'), url('fonts/BebasNeue.woff') format('woff');
}


/*Global styles ------------------------------------------------------------------
----------------------------------------------------------------------------------- */
html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-size: 14px;
}
html,header, footer, body, nav, div, img, a,ul, li, h1, h2{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
}
body{
	font:100% 'Raleway',  Arial, Helvetica, sans-serif;
	letter-spacing: 0.9px;
	margin:0 auto;
	width:100%;
	color: #58595B;
}
a:link, a:visited{
	color:#333;
	transition: .2s color ease-in-out;
}

.navbar-header{background-color:#fff; color:#fff; height:65px;} 
.navbar-toggle{background-color:#93A444; color:#fff; margin-top:14px; border:none;}
.navbar-toggle:hover {
  color: white;
  background-color: #634F38 !important;
}
.glyphicon-menu-hamburger{font-size:16px}

.logo img { width: 100%; }

.navbar-brand-centered {
        position: absolute;
		left:10px;
        display: block;
        width: 190px;
		height: 50px;
		background-image: url("../img/logo/logo-ch.svg");
		margin-top:10px;
    }
.navbar br {
    display: none;
	}
.navbar{background-color: #634F38; }
.navbar li a {color:#fff !important}
.navbar li a:hover {background-color: #93A444 !important; }


/*COLORES*/
.verde, .result_ok{color:#93A444;}
.cafe{color:#634F38;}
.result_fail{color:#650305;}
.bg-cafe {background-color:#49392B;}
.bg-gris {background-color:#F9F9F9;}

h2, h3, .nombrePotro{font-weight:normal;font-weight: 400; text-align:center; color:#634F38; text-transform: uppercase; }
h2{font-size:26px;letter-spacing:4px; padding-top:50px;}
h3, .nombrePotro{font-size:18px; color:#93A444;}
.txtGde{font-size:17px;}
.greenline{border-bottom:4px solid #93A444;width:60px; text-align:center; margin:8px auto 40px auto;}
.greenline-Izq{border-bottom:4px solid #93A444;width:60px; text-align:left;margin: 10px 0 20px 0;}
.marTop-50{margin-top:-50px;}
.marTop30{margin-top:30px;}
.marTop40{margin-top:40px;}
.marTop60{margin-top:60px;}
.marBotSecc{margin-bottom:80px;}

/*FOOTER*/
footer{padding:0px 0 8px 0; }
footer, .footer ul li a, #legales a{color:#fff; text-decoration:none}
.footer ul li a:hover, #legales a:hover{color:#93A444}
.footer ul{margin-top:20px}
.footer ul li a{font-weight: 100; font-size:13px; line-height:16px;}
#redes {margin-top:25px; padding:0; text-align:center; height:45px;}
#redes a {background-image: url('../img/logo/redes.svg'); background-position: left center; display:inline-block; margin:auto; background-size: 80px 80px;}
#redes a:hover{background-image: url('../img/logo/redes-hover.svg'); }

#legales{margin-top:10px;}
#legales p, #legales a{color:#FFFFFF; font-weight:200; font-size:11px; text-align:center}
#menuFooter {display:none}

/* Barra CONTACTO*/
.contactoFooter .col-md-9, .contactoFooter .col-md-5, .contactoFooter .col-md-12, .contactoFooter .col-md-3, .cienXciento{padding:0}	
.contactoFooter{padding:10px; padding-bottom:70px; margin-top:70px;}
.contactoFooter label{margin:0; padding:0;}

.contactoFooter label {
	font-weight:400;
	width: 20%;
	padding-top:18px;
	margin-left:0; madding-left:0;
}
.contactoFooter input {
	width: 80%;
	padding:10px 10px 5px 10px;
	border:none;
	border-bottom:1px solid #666666;
	background-color:transparent;
	font-size:15px;
	font:100% 'Raleway',  Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  	-webkit-border-radius: 0;
	-moz-border-radius: 0px;
	border-radius:0;
}

input:focus {outline: none; }
.dir{margin-top:18px; line-height:17px; text-align:center}
input[type=submit]{ border:none; background-color:#93A444; color:#fff;font-size:15px; padding:9px 30px; width: auto;cursor:pointer; margin-top:15px;}
input[type=submit]:hover{background-color:#634F38;}
.error{text-align:right; float:right; margin:-35px 20px 0 0;color:#93A444; font-size:22px;}

/* BANNER */
.carousel-inner{margin-top:-20px;}
.carousel-inner img{width: 100%; }
.header-text {
    position: absolute;
	bottom:15%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #ffffff;
}
.header-text h1 {
    color:#ffffff; 
	margin-top:-60px;
	font-family:'Bebas Neue';font-weight:normal;font-size:35px; line-height:30px;
	text-shadow: 1px 1px 4px #000000;
	webkit-text-shadow: 2px 2px 2px #000000;
}

.btn-theme, .btn-theme:hover { 
	opacity: 0;
	text-align:center;
	border:1px solid #fff;
	letter-spacing:7px;
	font-size:22px;
	padding:18px 20px;
	margin:0 auto;
	border-radius:0;
    color: #ffffff !important;
    background-color: transparent;
    margin-right: 15px;
	cursor:default;
}
.shadow{
	width:100%; height:25px;
	background-image: url("../img/banners/shadow.png");
	background-size: 100% 100%;
	margin-bottom:30px;
}


/* Secciones */	
.somos-img{width:100%; margin-top:20px;}
.pension p{text-align:justify; margin-bottom:50px;}
.pension h3 {margin-bottom:20px}
.paquetes{margin-top:-30px;}
.paquetes .col-md-4 ul li, .hidro ul li, .veterinaria ul li{margin-left:18px;}
.paquetes .col-md-4 ul li,
.hidro ul li, .veterinaria ul li {list-style:disc}
.hidro .bg-gris .contenido{padding:10px 0px 30px 10px;}
.hidro .row {margin: 0 0px; }
.mapa iframe{width:100%; height:220px; margin-bottom:-3px; padding-bottom:-3px;}
.caballos-lista ul{display:block}
.caballos-lista ul li{text-align:center}
.boton{padding:10px 20px; border:2px solid #93A444;text-decoration:none; display: block;}
.boton:hover{color:#ffffff; background-color:#634F38; border:2px solid #634F38; text-decoration:none}
.veterinaria {text-align:center; margin:0 auto}
.medicinaText{text-align:left; padding:0 20px; /*border:1px solid blue*/}
.medicinaImg, .medicinaImg2 {overflow:hidden; margin-top:50px; /*border:1px solid red;*/ }
.medicinaImg {text-align:center;padding-right:20px;}
.medicinaImg2 {text-align:left;padding-left:20px;}
.aviso{line-height:22px; padding:0 20px;}



@media screen and (min-width:760px){
	/*NAV*/
	.navbar{
		background-color:#fff;
		height:130px;
		border:none;
		padding-top:8px;
		}
    .navbar-brand-centered {
		cursor:pointer;
        position: absolute;
        left: 50%;
        display: block;
        width: 134px;
		height: 110px;
        text-align: center;
		margin-top:17px;
		background-image: url("../img/logo/logo.svg");
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
	.navbar li { 
	font-size:11px;
	font-weight:500;
	letter-spacing:2px;
	text-align:center;
	}
	.navbar li a {
		padding:0 .7em; 
		margin-top:57px;
		line-height:14px;
		color:#333 !important;
		transition: .2s color ease-in-out;
	}
	.single{margin-top:7px}
	.navbar li a:hover, .navbar li .seleccionado{
		color: #93A444 !important;
		background-color: transparent !important;
	}
	.navbar br{
    	display:block;
	}
	
	/*BANNER*/
	.carousel-inner{margin-top:0px;}
	.header-text {
    position: absolute;
	bottom:18%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #ffffff;
	}
	.header-text h1 {
		color:#ffffff; 
		margin-top:15px;
		font-family:'Bebas Neue';font-weight:normal;font-size:55px; line-height:50px;
	}
	.btn-theme, .btn-theme:hover {
		opacity: 100; 
		text-align:center;
		border:1px solid #fff;
		letter-spacing:7px;
		font-size:22px;
		padding:18px 20px;
		margin:0 auto;
		border-radius:0;
		color: #ffffff !important;
		background-color: transparent;
		margin-right: 15px;
	}
	.shadow{height:50px;}
	.over-banner{
		top: 50%;
		width: 70%;
	}
	/*SECIONES*/
	.contactoFooter{margin-top:90px;}
	.marBotSecc{margin-bottom:120px;}
	.somos-img{width:522px; height:181px;}
	.zacatlan{width:154; height:130; margin-right:20px;} 
	.pension .col-md-4 p, .pension .col-md-4 h3, .pension .col-md-4 ul {padding: 0 15px}
	.pension .col-sm-6{height:500px;}
	.pension .marBottomDesk50{margin:0;}
	.paquetes .col-md-4 p, .paquetes .col-md-4 h3, .paquetes .col-md-4 ul {padding: 0 30px}
	.hidro .col-md-6 p, .hidro .col-md-4 h3, .hidro .col-md-4 ul {padding: 0 30px}
	.hidro .row {margin: 0 20px;}
	.hidro .bg-gris .contenido{padding:10px 40px 30px 40px;}
	.marBottomDesk50{margin-bottom:50px}
	.marTopDesk50{margin-top:100px}
	.mapa iframe{width:100%; height:330px;}
	.shadow-mapa{margin-top:-2px;}
	.caballos-lista{padding-left:0; margin-top:50px;}
	.caballos-lista ul{display:block}
	.caballos-lista ul li{text-align:left}
	.medicinaImg{margin-top:80px; padding-left:30px;}
	.medicinaImg2{margin-top:130px;padding-right:50px; text-align:left}
	.medicinaText{padding:0 30px 0 45px;margin-top:60px;}
	.fl-desktop{float:left;}
	.fr-desktop{float:right;}
	.aviso{line-height:22px; padding:0 20px; margin-bottom:100px;}

}

@media screen and (min-width: 1000px){
	.navbar li { 
	font-size:12px;
	padding:0 1em;
	}
	.navbar br, #menuFooter{
    display:block;
	}
	#logoFooter{
		height:80px;
		width:96px;
		background-image: url("../img/logo/logo-footer.svg");
		background-size: 100% 100%;
		margin-left:100px;
		margin-top:35px;
	}
	#legales{float:left; margin-top:30px} 
	footer{padding-bottom:20px;}
	
	.contactoFooter .cienXciento input {
		width: 100%;
	}
	.dir{text-align:left; margin-top:0}
	
	/*Secciones */
	.pension .col-md-4 img, .pension .col-md-4 p {padding: 0 30px;}
	.caballos-lista{padding-left:40px; margin-top:50px;}
	.mapa iframe{height:425px;}
	
}

@media screen and (min-width:1200px){
	.navbar li{ 
		padding:0 2em;
	}
	.mapa iframe{height:510px;}
}