/*
Theme Name: Intensivo de Verano
Author: EPTI
Author URI: 
Description:
*/


body{
	margin: 0;
	padding: 0;
	font-family:'Open Sans', sans-serif;
	background: url(images/fondo2.jpg) fixed;
	background-size: cover;
}

a:hover{
	text-decoration: none;
}

header{
	width: 100%;
	text-align: center
}
	header img{
		margin: 20px
	}
	header h1{
		text-transform: uppercase;
		color: #fff;
		font-size: 40px;
		font-style: normal;
		font-weight: 300;
		line-height: 25px;
		padding-bottom: 10px
	}
	
	header h2{
		text-transform: uppercase;
		color: #fff;
		font-size: 25px;
		font-style: normal;
		font-weight: 300;
		line-height: 10px;
	}
	
	.divider{
		width: 20%;
		height: 3px;
		background: #fff;
		margin: 0 auto;
	}
	
			#intensivo-barra h1{
				text-transform: uppercase;
				color: #fff;
				font-size: 33px;
				font-style: normal;
				font-weight: 300;
				line-height: 45px;
				padding-bottom: 0
			}
			
			#intensivo-barra h2{
				text-transform: uppercase;
				color: #fff;
				font-size: 18px;
				font-style: normal;
				font-weight: 300;
				line-height: 10px;
			}
			
			#intensivo-barra .divider{
				width: 40%;
				height: 3px;
				background: #fff;
				margin: 0 auto;
			}
	
#content{
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
}
	
	section#niveles{
		margin: 50px 0;
		float: left;
		width: 100%
	}
	
		section#niveles p{
			text-align: center;
			color: #fff;
			font-size: 26px;
			font-weight: 300;
			padding-bottom: 10px;
		}
		
		.nivel{
			width: 250px;
			height: 250px;
			float: left;
			border: solid 4px #fff;
			margin: 0 0 0 43px;
			border-radius: 100%;
		}
		
		#niveles a{
			float: left
		}
		
			
			.nivel p{
				text-align: center;
				color: #fff;
				font-size: 25px !important;
				text-transform: uppercase;
				font-weight: 300;
				margin-top: 40px;
				margin-bottom: 20px
			}
				.nivel p span{
					font-size: 90px;
					font-weight: 700;
					line-height: 115px;
					text-transform: uppercase
				}

		
		.nivel:hover{
			background: rgba(0,0,0,0.4);
			transition: all 0.8s;
			-o-transition: all 0.8s;
			-ms-transition: all 0.8s;
			-moz-transition: all 0.8s;
			-webkit-transition: all 0.8s;
		}
			/*.nivel .rayita{
				width: 65%;
				height: 10px;
				background: #fff;
				margin: 0 auto;
				display: none;
			}
			.nivel:hover .rayita{
				display: block;
							}*/
							
		
	.titulo-principal h1{
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		font-size: 60px;
		font-style: normal;
		font-weight: 300;
		line-height: 65px;
	}
	
		
	.titulo-principal .divider{
		width: 25%;
		height: 5px;
		background: #fff;
		margin: 0 auto;
	}
	
	
	#blanco{
		width: 100%;
		height: auto;
		background: rgba(255,255,255,0.8);
		padding: 100px 0;
		margin-top: 50px
	}
		h3.titulo-rojo{
			text-transform: uppercase;
			text-align: center;
			font-size: 35px;
			color: #A83518;
			font-weight: 400;
			padding: 20px 0;
			
		}
			h3.titulo-rojo:hover{
				color: #E3801E;
				transition: all 0.8s;
				-o-transition: all 0.8s;
				-ms-transition: all 0.8s;
				-moz-transition: all 0.8s;
				-webkit-transition: all 0.8s;
			}
			
		.borde{
			border-right: solid 3px #A83518
		}
	
		h4.titulo-rojo{
			text-transform: uppercase;
			text-align: center;
			font-size: 30px;
			color: #A83518;
			font-weight: 300;
		}
		
		.divider-rojo{
		width: 30%;
		height: 3px;
		background: #A83518;
		margin: 0 auto 30px;
		}
		
		#tabs{
			margin-top: 30px
		}
			.tab-pane{
				margin-top: 30px;
			}
			
			.tab-pane ul{
				padding-left: 0
			}
			
		
		.tab-content{
			margin-top: 30px;
			padding-bottom: 30px
		}
		
			p.instruccion{
				text-align: center;
				color: #A83518;
				font-size: 21px;
				margin-bottom: 30px
			}
			
		.reglamento{
			text-align: center;
			padding: 40px 0 10px 0;
		}
			.reglamento:hover{
				border: solid 2px #A83518;
			}
				
				.reglamento h3{
					text-align: center;
					font-size: 25px;
					color: #A83518;
					font-weight: 400;
					padding: 20px 0;
				}
				
				.reglamento img{
					width: 40%;
					height: auto
				}
footer{
	width: 100%;
	background-color: #A83518;
	background-image: url(//intensivo.transpersonals.com/wp-content/themes/intensivo/images/footer.png);
	background-size: contain;
	float: left;
	margin-top: 60px;
	text-align: center
}
	footer ul{
		margin: 30px 0 15px -40px
	}
	footer li{
		list-style: none;
		display: inline-block;
		margin: 10px
	}
		footer li:hover{
			opacity: 0.7;
			transform: scale(1.2);
			-o-transform: scale(1.2);
			-ms-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-webkit-transform: scale(1.2);
			transition: all 0.8s;
			-o-transition: all 0.8s;
			-ms-transition: all 0.8s;
			-moz-transition: all 0.8s;
			-webkit-transition: all 0.8s;
		}
		
		#copyright{
			background: #4E180B;
		}
			#copyright p{
				color: #fff;
				line-height: 50px;
				font-size: 12px;
				margin: 30px 0 0 0
			}