/*LANDING DE CENTROS DEPORTIVOS
*****Estilos Utilizados*******
**Fuentes:
Principal:LATO
Secundaria: 
******Colores utilizados********
Color Principal 363f69 azul marino
Color Secundario 6a7702 verde;
**Variaciones de tonos**

*/



/*fuente para Títulos*/

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

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

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato'), local('Lato'), url('../fonts/Lato-Bold.woff') format('woff');
   
}
@font-face {
    font-family: 'Courgette';
    font-style: normal;
    font-weight: 400;
    src: local('Courgette'), local('Courgette'), url('../fonts/Courgette-Regular.woff') format('woff');
    
}

/*Estilos por tipo de elemento*/

body {
	font-family: 'Lato', sans-serif!important;
	
}

h1{
	font-family: 'Courgette',sans-serif!important;
	font-weight:500;
	font-size: 1.9em;	
	color:#275203;
}

h2{
	font-family: 'Courgette',sans-serif!important;
	font-weight:500;
	font-size: 1.6em;
	color:#fff;
	background:#275203;
	padding:10px 15px;
}

h3{
	font-family: 'Lato',sans-serif!important;
	font-weight:500;
	font-size: 1.4em;
}

h4{
	font-family: 'Lato', sans-serif!important;
	font-weight:600;
	font-size: 1.3em;
}

p{
	font-family: 'Lato', sans-serif!important;
	font-weight:300;
	font-size: 1.1em;
	margin-top:1em;
	line-height: 1.7em;
}

a{
	font-weight:400;
	font-size:1.1em;
	color:#275203;
}

a:hover{
	color:#6a7702;
	
	
}


li{
	font-weight:500;
}
hr {
	display:none;
   
}

footer{
	display: block;
    width: 100%;
    height: 1px;
    margin-top: 12px;
    content: '';
    background-color: #6a7702;
}
/*skipmain*/
 .skip-main {
	        position: absolute;
	        top: -1000px;
	        left: -1000px;
	        height: 1px;
	        width: 1px;
	        text-align: left;
	        overflow: hidden;
	    }

	    a.skip-main:active,
	    a.skip-main:focus,
	    a.skip-main:hover {
	        left:250px;
	        top: 0;
	        width: auto;
	        height: auto;
	        overflow: visible;
			color:#fff!important;
	    }
		
/*Fondo de la cabecera*/
.bgcolor{
	background: #363F69;
	border-top:1px solid #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#acb540+3,65891c+50,1f4b00+97 */
	background: #acb540; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #acb540 3%, #65891c 50%, #1f4b00 97%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #acb540 3%,#65891c 50%,#1f4b00 97%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #acb540 3%,#65891c 50%,#1f4b00 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acb540', endColorstr='#1f4b00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}
	

.navbar{
	background:none;
}
.navbar.affix{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#acb540+3,65891c+50,1f4b00+97 */
			background: #acb540; /* Old browsers */
			background: -moz-linear-gradient(-45deg, #acb540 3%, #65891c 50%, #1f4b00 97%); /* FF3.6-15 */
			background: -webkit-linear-gradient(-45deg, #acb540 3%,#65891c 50%,#1f4b00 97%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(135deg, #acb540 3%,#65891c 50%,#1f4b00 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acb540', endColorstr='#1f4b00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.affix .tituloweb {
    display: block;
}
/*Logos y titulos*/
.logo img{
	margin-top:5px;
	
}

.tituloweb{
	padding-top:10px;
}

/*Migas*/

.breadcrumb {
    background-color: rgba(172, 181, 64,0.5);
   
}
.breadcrumb a:hover,.breadcrumb a:focus{
	color:#6a7702;
}
.page-header {
    border-bottom: 1px solid #acb540;
    
}

.submenu > li > a:hover {
    color: #6a7702 !important;
}
.paddingbottom10 {
   
    border-bottom: 1px solid  #acb540;
}
#myBtn{
	left:75%;
	top:90%;
	background-color:#275203;
	
}
#myBtn:hover{
	background-color:#6a7702;
}

.bgr{
	border:1px solid #6a7702;
	border-radius:4px;
	margin-top:20px;
}

/*Estilos de Info*/


.well{
	border-radius:0px;
	border:1px solid #6a7702;
	color:#6a7702;
	background-color:rgb(231, 239, 162);
	margin-left:15px;
	margin-right:15px;
}
.well:hover{
	border:1px solid #6a7702;
	background-color:#F5F9D7;
}
.azul{
	color:#596402;
	font-weight:bold;
}
.azul:hover,.azul:focus{
	color:#6a7702;
	font-weight:bold;
}

.title-sm{

	text-align:center;
}
.navbar-toggle{
	display:none;
}


.bg{
	border:1px solid #6a7702;
	margin-bottom:15px;
}

span.imgDescription{
	font-size:1em;
	line-height:1em;
}
.imagefix{
	height:160px;
}
/*MEDIAQUERYS*/
/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  	span.imgDescription{
		font-size:0.9em;
	line-height:0.8em;
	} 
	
	
}
/*IE*/
@media all and (-ms-high-contrast:none),all and (-ms-high-contrast:active){
	span.imgDescription{
		height:160px;
	}
}

/*Tablet*/
@media (min-width:20px) and (max-width:399px){
	.imagenderecha{
		width:80%;
		padding-left: 50px;	
		
	}
	.textoderecha{
		width:100%;
		text-align:center;
	}
	
	
}
@media (min-width:400px) and (max-width:575px){
	.imagenderecha{
		width:40%;
	}
	.textoderecha{
		width:55%;
	}
	
	
}
@media (min-width:576px) and (max-width:767px){
	.imagenderecha{
		width:25%;
	}
	.textoderecha{
		width:55%;
	}
}
@media (min-width:768px) and (max-width:991px){
	.imagenderecha{
		width:25%;
	}
	.textoderecha{
		width:55%;
	}

}
@media (max-width:837px){
	
}
@media (min-width:992px) {

	.imagenderecha{
		width:33%;
	}
	.textoderecha{
		width:55%;
	}
}