@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
}
#cabecera{
	width:100%;
	float:left;
	height:80px;
	background:#FFF;
	border-bottom:5px solid #CCC;
	
}
.cajon-inicio{
	width:25%; height:auto; overflow:hidden; background:url(../ima/f01.png); position: relative; float:left; padding:0px; text-align:center;

}
.titulo-inicio{
	width:100%; 	text-align:center; 	position: absolute; 		z-index:2; 	top:30%; 	
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size:24px;
	color:#FFF;
	font-weight: lighter;
	text-align: center;
	-webkit-transition-property: all; -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: 200ms;	
}
.imagen-inicio{
	opacity: 0.2;
	-webkit-transition-property: all; -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: 200ms;	
}

.cajon-inicio:hover .imagen-inicio{
	opacity: 1;	position:relative;	z-index:1;	top:0px;
    -webkit-transition-property: all; -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: 200ms;		
}
.cajon-inicio:hover .titulo-inicio{
	opacity: 1; top:5%;
    -webkit-transition-property: all; -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: 200ms;	
	
}

@media screen and (max-width:1024px){
.cajon-inicio{
	width:50%; height:auto; overflow:hidden; background:url(../ima/f01.png); position: relative; float:left; padding:0px; text-align:center;

}

}