/*!
 * My style
 */
 
@import url('https://fonts.googleapis.com/css?family=Abel|Quicksand');
 
.navbar {
    min-height: 50px;
}

	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 40px;
	}
	
.navbar-default .navbar-toggle {
    border-color: #FFF;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 12px 10px;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-brand {
    float: left;
    height: 60px;
    padding: 10px 10px;
    font-size: 18px;
    line-height: 40px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
	
p, li {
	font-family: 'Quicksand', sans-serif;
	font-size:16px;
	line-height: 1.6em;
	color:#5c5c5c;
	text-align:justify;
	
}

p {
	color:#5c5c5c;
	margin-top:20px;
}

p a {
	color:#5c5c5c;
	cursor:pointer;
}

p a:hover{
	color:#e42a93;
}

p a.other {
	color:#ffb762;
}

p a.other:hover{
	color:#0d73b7;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Abel', sans-serif; font-weight: normal; line-height: 40px; }
 
h1 {
	font-size:50px;
}

.right {
	float:right;
}

.left {
	float:left;
}


 
 hr {
    max-width: 200px;
    border-color: #999;
    border-width: 1px;
	margin-bottom:30px;
	margin-top:30px; 
}
 
#logo {
	padding:25px 60px;
}

span#logomin {
	background:url(../img/ui/logomin.png) center left no-repeat;
	padding:15px;
}

.white {
	background:#FFF;
}


.footer ul li {
	font-size:20px;
	padding:0 30px;
	line-height:60px;
}

.marg-modal {
	margin:20px 0;
}

.camp {
	background:#2ba8e0;
	max-width:250px;
	min-width:30px;
	margin:10px 0;
}

.swim {
	background:#2ba8e0;
	max-width:250px;
	min-width:30px;
	margin:10px 0;
}

.soccer {
	background:#2ba8e0;
	max-width:250px;
	min-width:30px;
	margin:10px 0;
}

.slep {
	background:#2ba8e0;
	max-width:250px;
	min-width:30px;
	margin:10px 0;
}

.dance {
	background:#2ba8e0;
	max-width:250px;
	min-width:30px;
	margin:10px 0;
}

.fire {
	background:#2ba8e0;
	max-width:250px;
	min-width:30px;
	margin:10px 0;
}

.campamento {
	background:url(../img/ui/campamento-ser.jpg);
	height:250px;
}

	.campamento h4 {
		background:url(../img/ui/campamento-ico.png) left center no-repeat;
		color:#FFF;
		margin:0 10px;
		padding-left:40px;
	}

.transporte {
	background:url(../img/ui/transporte-ser.jpg);
	height:250px;
}

	.transporte h4 {
		background:url(../img/ui/transporte-ico.png) left center no-repeat;
		color:#FFF;
		margin:0 10px;
		padding-left:40px;
	}
	
.eventos {
	background:url(../img/ui/eventos-ser.jpg);
	height:250px;
}

	.eventos h4 {
		background:url(../img/ui/eventos-ico.png) left center no-repeat;
		color:#FFF;
		margin:0 10px;
		padding-left:40px;
	}
	
.hostal {
	background:url(../img/ui/hostal-ser.jpg);
	height:250px;
}

	.hostal h4 {
		background:url(../img/ui/hostal-ico.png) left center no-repeat;
		color:#FFF;
		margin:0 10px;
		padding-left:40px;
	}

.casa {
	background:url(../img/ui/home-ser.jpg);
	height:250px;
}

	.casa h4 {
		background:url(../img/ui/home-ico.png) left center no-repeat;
		color:#FFF;
		margin:0 10px;
		padding-left:40px;
	}
	
.MXN {
	background-color:#f8f8f8;
}

	.MXN h5 {
		margin:5px 10px 0 0;
		float:right;
		line-height:20px;
	}
	
	.MXN h3 {
		margin:0 10px 0 0;
		float:right;
	}
	
/* Parallax */

.parallax-window, .parallax-window4 {
    min-height: 100px;
	padding:20% 0 25%;
    background: transparent;
}

.parallax-window3 {
    min-height: 100px;
	padding:25% 0 25%;
    background: transparent;
}

	.parallax-window3 .title h2 {
		color:#FFF;
		font-weight:700;
		font-size:36px;
		background: rgba(178, 34, 34, 0.7);
		padding:40px;
	}

.parallax-window2 {
    min-height: 100px;
	padding:25% 0 25%;
    background: transparent;
}

.parallax-window5 {
	min-height: 100px;
	padding:10% 0 10%;
    background: transparent;
}

.title {
} 

.title h2 {
	color:#FFF;
	font-weight:700;
	font-size:36px;
	background: rgba(189, 0, 134, 0.7);
	padding:20px;
} 

.title a {
	color:#FFF;
	font-size:20px;
} 

	.parallax-window h1 {
	color:#FFF;
	font-family: 'Abel', sans-serif;
	font-weight:100;
	font-size:38px;
}

	.parallax-window h1 span{
		color:#00b9f1;
		font-size:40px;
	}

/* Fin Parallax */