@import url("general.css");

#seccion[inicio]{
	margin-top:110px;
}

#seccion[inicio] #foto_inicio{
	position:relative;
	background-color:#d4d4d4;
	width:100%;
	height:400px;
}
#seccion[inicio] #foto_inicio .foto_completa{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#seccion[inicio] #foto_inicio #texto{
	position:absolute;
    font-family: "Quattrocento Sans";
	z-index:2;
	top:100px;
	left:45px;
	font-size:44px;
    font-style: italic;
	color:#fff;
	text-align:left;
    font-weight: 700;
	/**/
	text-shadow:1px 1px 1px rgba(0,0,0,0.8);
	-moz-text-shadow:1px 1px 0px rgba(0,0,0,0.8);
	-ms-text-shadow:1px 1px 0px rgba(0,0,0,0.8);
	-o-text-shadow:1px 1px 0px rgba(0,0,0,0.8);
	-webkit-text-shadow:1px 1px 0px rgba(0,0,0,0.8);
	
}
#seccion[inicio] #intro{
	background-color:#f6f8fa;
	height:600px;
    display: none;

}
#seccion[inicio] #intro #caja{
	position:relative;
	display:block;
	padding-top:25px;
	line-height:32px;
	text-align:center;
	font-size:27px;
	/**/
	text-shadow:1px 1px 0px rgba(0,0,0,0.1);
	-moz-text-shadow:1px 1px 0px rgba(0,0,0,0.1);
	-ms-text-shadow:1px 1px 0px rgba(0,0,0,0.1);
	-o-text-shadow:1px 1px 0px rgba(0,0,0,0.1);
	-webkit-text-shadow:1px 1px 0px rgba(0,0,0,0.1);
}


@media screen and (max-width: 980px) {
	
	#seccion[inicio] #foto_inicio{
		position:relative;
		background-color:#d4d4d4;
		width:100%;
		height:400px;
	}
	#seccion[inicio] #foto_inicio .foto_completa{
		position:absolute;
		z-index:1;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	
	#seccion[inicio] #foto_inicio #texto{
		position:absolute;
		z-index:2;
		bottom:45px;
		left:45px;
		font-size:34px;
		font-weight:100;
		color:#fff;
		text-align:left;
		/**/
		
	}
	#seccion[inicio] #intro{
		background-color:#f6f8fa;
		height:auto;
	
	}
	#seccion[inicio] #intro #caja{
		position:relative;
		display:block;
		padding-top:45px;
		padding-bottom:160px;
		line-height:22px;
		text-align:center;
	}
}

@media screen and (max-width: 700px) {
	#seccion[inicio]{
		margin-top:50px;
	}
	
	#seccion[inicio] #foto_inicio #texto{
		bottom:0px;
		left:0px;
		top:auto;
		right:0px;
		padding:15px;
		font-size:24px;
		font-weight:300;
		/**/
		text-shadow:1px 1px 0px rgba(0,0,0,0.8);
		-moz-text-shadow:1px 1px 0px rgba(0,0,0,0.8);
		-ms-text-shadow:1px 1px 0px rgba(0,0,0,0.8);
		-o-text-shadow:1px 1px 0px rgba(0,0,0,0.8);
		-webkit-text-shadow:1px 1px 0px rgba(0,0,0,0.8);		
		background-color:rgba(0,0,0,0.2);
	}
	
	#seccion[inicio] #intro{
		height:auto;
	}
	
	#seccion[inicio] #intro #caja{
		padding:80px 15px;
		line-height:26px;
		font-size:18px;
	}
	
	#seccion[inicio] #intro #caja br{
		display:none;
	}
}