@charset "utf-8";
@import url("../iconos/flaticon.css");
@import url("../css/styles.css");
/* CSS Document */

@font-face {
    font-family: 'akzidenz-grotesk_bq_light_sRg';
    src: url('../fuente/akzidenzgrotesk-lightsc-webfont.woff2') format('woff2'),
         url('../fuente/akzidenzgrotesk-lightsc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

	body{
		font-family:Arial, Helvetica, sans-serif;
		}
p{
	text-align:justify;
	margin:10px 0;
	line-height:1.2em;
	}

	/*hgroup{
		margin-bottom:150px;}*/

h2{
	font-family: 'akzidenz-grotesk_bq_light_sRg';
	font-size:3em;
	margin-left:10px;
	margin-bottom:80px;
	width:100%;
	}
		
.gacorTxt{
	font-weight:bolder;
	color:#666;}	


.pleca{
	border-bottom:solid 10px #0099CC;
	}

#inicio{
	width:100%;
	max-width:1300px;
	margin:auto;}

div.fijo{
	position:fixed;
	background:rgba(255,255,255,0.7);
	width:100%;
	text-align:center;
	z-index:1000;
	}
	
	header{
		width:100%;
		max-width:1300px;
		margin:auto;
		}

figure.logo{
	width:200px;
	max-width:100%;
	float:left;
	padding:10px 0;
	}
	
@media screen and (max-width:680px){
	figure.logo{
	width:150px;}
	
	#slide{padding-top:80px;
	}
	
	}
	
#redesHeader{
	float:right;
	width:100%;
	max-width:300px;
	padding:10px 0 0 0;}
	
#redesHeader ul{
	list-style-type:none;
	}
	#redesHeader li{
		/*display:inline-block;*/
		float:right;
		width:20%;
		}
		
	#redesHeader a{
		outline:none;
		text-decoration:none;
		}
		
		
		.volver a {
  color: #666;
  text-decoration: none;
  width: 100px;
  border-bottom: 1px solid #069;
  padding: 0.7em 1em;
  float: right;
  transition:all ease-in-out 0.5s;
  font-size:0.9em;
}

.volver a:hover{
	background:#017BBA;
	color:#fff;
	} 
		
@media screen and (max-width: 480px) {
	#redesHeader{
		max-width:150px;
		margin-right:10px;
	}
}
			
section{
	padding-top:120px;
	min-height:800px;
	margin-bottom:60px;}			

#privacidad{
	min-height:300px;
	margin-bottom:0;
	}	
	
	#privacidad p{
		width:80%;
		margin:auto;
	margin-bottom:0;
	padding:40px 0;
	}	
		
/*BLOQUE CORPORATIVO*/		
.fondo{
	background:url(../images/img_corporativo.jpg) no-repeat right;
	
	}
	
.fondoBlanco{
	background:rgba(255,255,255,0.7);
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	}
	
.fondoBlanco p {
  animation-duration: 3s;
  animation-name: slidein;
}
	


/**************PIE DE PÁGINA**************/
footer{
	text-align:center;
	background:#069;
	color:#FFF;
	font-size:0.8em;
	letter-spacing:0.1em;
	font-weight:lighter;
	line-height:1.1em;
	}
.datosFooter{
	width:35%;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	margin:10px;
	border-left:solid 4px #fff;
	padding:10px;
	}
	footer ul{
		list-style-type:none;
		}
		footer ul a{
			color:#999;}
			footer a:hover{
				color:#FFF;}
	/*#mapa p{
		text-align:left;}
	#datosUbicacion p{
		text-align:center;}*/
	#datosContacto{
		width:20%
		}
		
		#legales{
			background:#333;
			color:#ccc;
			padding:15px 0 8px;
			}
			#legales p{
				text-align:center;
				font-size:0.8em;}
				
			#legales a{
			text-decoration:none;
			color:#CCC;
			transition:all ease-in-out 0.6s;
			}
			#legales a:hover{
			color:#fff;
			}
		
		.datosFooter p{
				width:80%;}
			.iconoFoot, #mapa ul{
				width:12%}
			.datosFooter p, .iconoFoot, #mapa ul{
				display:inline-block;
				vertical-align:middle;
				}
			.correoIcono{
				padding:10px;
				margin-bottom:10px;
				}	
				.correoFoot{
					color:#CCC;}
		
@media screen and (max-width: 680px) {
	.datosFooter, #datosContacto{
		width:95%;
		}
}

	#legales p{
		text-align:right;
		font-weight:lighter;
		}
		
		
#imagenes{
	background:#FFF;
	text-align:center;
	}
#imagenes div p{
	text-align:center;
	font-size:0.8em;
	}			
		
	/************PAUSAS*************/
	.pausa{font-family: 'akzidenz-grotesk_bq_light_sRg';
	font-weight:400;
	font-size:1.2em;
	min-height:300px;
	}
	
	.pausa div{
		border:solid #fff 1px;
		color:rgba(255,255,255,1);
		text-align:center;
		border-radius:3px;
		transition:all ease-in-out 0.5s;
		}
		
		.pausa p{
			width:70%;}
	
	#filosofiaGacor1{
		background:url(images/filosofia_gacor1.jpg) #8CC63F no-repeat center;
		transition:all ease-in-out0.5s;
		padding:30px;
		}
		#filosofiaGacor1 div{			
			padding:10px;
			font-size:1.3em;
			}
	#filosofiaGacor1 div p, #filosofiaGacor1 div span{
		display:inline-block;
		vertical-align:middle;
		margin:20px 0;
		}
		#filosofiaGacor1 div span{
			width:25%;}
	
	#filosofiaGacor2{
		background:url(images/filosofia_gacor2.jpg) rgb(51,51,51) no-repeat center;
		transition:all ease-in-out0.5s;
		padding:60px;
		}
		#filosofiaGacor2 div p{
		margin:40px auto;
		font-size:2em;
		text-align:center;
		}
		
	#filosofiaGacor3{
		background:url(../images/filosofia_gacor3.jpg) #069 no-repeat center;
		transition:all ease-in-out0.5s;
		padding:60px;
		}
		#filosofiaGacor3 div p{
		margin:40px auto;
		font-size:2em;
		text-align:center;
		}
		
		#filosofiaGacor4{
		background:url(../images/filosofia_gacor4.jpg) #333 no-repeat center;
		transition:all ease-in-out0.5s;
		padding:60px;
		
		}
		#filosofiaGacor4 div p{
			width:80%;
		margin:40px auto;
		font-size:2em;
		text-align:center;
		}
	
	@media screen and (max-width: 680px) {
		.pausa p{
			width:90%;}
		#filosofiaGacor1 div p, #filosofiaGacor1 div span{
			width:80%;}
		#filosofiaGacor2{
			padding:30px;}
		#filosofiaGacor2 div p{
			margin:0 auto}
	}