@charset "utf-8";
* {margin: 0px; padding: 0px;}
a {text-decoration: none;}
ul{list-style: none;}

body {
	background: #544d41 url(../IMG/layout/web_fons.jpg) repeat;
	background-attachment: fixed;
  	font-family: Calibri, Verdana, Helvetica, Sans-serif;
	font-size: 1em;
  	margin: 0px; 
  	padding: 0px;
  	min-height: 100%;
}

.galeria {
	position: absolute;
	width: 900px; /* Definimos el ancho del objeto a centrar */
	height: 400px; /* Definimos el alto del objeto a centrar */
	left: 50%;
	margin-left: -450px; /*La mitad de anchura de la foto*/
	top: 50%;
	margin-top: -200px; /*La mitad de altura de la foto*/
	background: white;
}

.fila1 {
	position: relative;
	height: 100px;
	width: 900px;
	margin: 0px;
	float: top;
	_background: yellow;
}

.fila2 {
	position: relative;
	height: 100px;
	width: 400px;
	margin: 0px;
	float: down;
	_background: orange;
}

.fila3 {
	position: relative;
	height: 100px;
	width: 400px;
	margin: 0px;
	float: down;
	_background: green;
}

.fila4 {
	position: relative;
	height: 100px;
	width: 500px;
	margin: 0px;
	float: down;
	_background: brown;	
}

img#btn_entrar {
	margin: 2%;	
	float: right;
}

.titulo {
	position: absolute;
	padding: 0px;
	width: 360px; /* Definimos el ancho del objeto a centrar */
	height: 280px; /* Definimos el alto del objeto a centrar */
	left: 77%;
	margin-left: -180px; /*La mitad de anchura de la foto*/
	top: 65%;
	margin-top: -140px; /*La mitad de altura de la foto*/
	_background: yellow;
}

/**************************************************************
			E F E C T O S  C O M Ú N E S   <CSS3>
**************************************************************/

.cortina_abajo {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden; 
	float: left; 
}
.cortina_abajo a {
	display: block;
    _height: 200px;
    margin-top: -100px; 
	
	-webkit-transition-property: margin-top;
	-webkit-transition-duration: 1.5s;
	
	-moz-transition-property: margin-top;
    -moz-transition-duration: 1.5s;
	
	-o-transition-property: margin-top;
    -o-transition-duration: 1.5s;
	
	-ms-transition-propertoty: margin-top;
    -ms-transition-duration: 1.5s;    
}
.cortina_abajo a img {
	float: top;
}
.cortina_abajo a:hover {
    margin-top: 0px;
}

.cortina_arriba {
	position: relative;
    width: 100px;
    height: 100px;
    margin: 0px;
	float: left;
	overflow: hidden;
}
.cortina_arriba a {
	display: block;
    	        
	-webkit-transition-property: margin-top;
	-webkit-transition-duration: 1.5s;
	
	-moz-transition-property: margin-top;
    -moz-transition-duration: 1.5s;
	
	-o-transition-property: margin-top;
    -o-transition-duration: 1.5s;
	
	-ms-transition-property: margin-top;
    -ms-transition-duration: 1.5s;    
}
.cortina_arriba a img {
	float: top;	
}
.cortina_arriba a:hover {
	margin-top: -100px;
}

.cortina_derecha {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden; 
  float: left; 
}

.cortina_derecha a {
	display: block;
    width: 200px;
    margin-left: -100px; 
    
	-webkit-transition-property: margin-left;
	-webkit-transition-duration: 1.5s;
	
	-moz-transition-property: margin-left;
    -moz-transition-duration: 1.5s;
	
	-o-transition-property: margin-left;
    -o-transition-duration: 1.5s;
	
	-ms-transition-property: margin-left;
    -ms-transition-duration: 1.5s;    
}
.cortina_derecha a img {
	float: right;
}
.cortina_derecha a:hover {
    margin-left: 0px;
}

.cortina_izquierda {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
	float: left;   
}
.cortina_izquierda a {
	display: block;
    width: 200px;
    margin-left: 0px; 
    
	-webkit-transition-property: margin-left;
	-webkit-transition-duration: 1.5s;
	
	-moz-transition-property: margin-left;
    -moz-transition-duration: 1.5s;
	
	-o-transition-property: margin-left;
    -o-transition-duration: 1.5s;
	
	-ms-transition-property: margin-left;
    -ms-transition-duration: 1.5s;    
}

.cortina_izquierda a img {
	float: left;
}
.cortina_izquierda a:hover {
    margin-left: -100px;
}

.rotar_zoom {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0px;
	float: left;
	overflow: hidden; 
}
.rotar_zoom img {
	position: absolute;
	transition: all 1.5s ease-in-out;
}
.rotar_zoom img:hover {	
	opacity: 0;
	-webkit-transform: rotate(720deg) scale(3);
	-webkit-transform-style: preserve-3d;
	
	transform: rotate(720deg) scale(3);
	transform-style: preserve-3d;	
}

.rotar_ejeY {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0px;
	float: left;
}
.rotar_ejeY img {
	position: absolute;
	transition: all 1.5s ease-in-out;
}
.rotar_ejeY img:hover {	
	opacity: 0;
	-webkit-transform: rotateY(720deg);
	-webkit-transform-style: preserve-3d;
	
	transform: rotateY(720deg);
	transform-style: preserve-3d;	
}

.borroso {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0px;
	float: left;
}
.borroso img {
	position: absolute;
	transition: opacity 1.5s ease-in-out;
}
.borroso img:hover {	
	filter: blur(5px);
	opacity: 0;	
}	

.disolver {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0px;
	float: left;	
}
.disolver img {
	position: absolute;
	transition: opacity 2s ease-in-out;
}
.disolver img:hover {
  opacity: 0;
}


/* RESPONSIVE */
@media screen and (max-width: 767px) {
	.feedback-slider-item:after {
		left: 30px;
		right: 30px;
	}
	.customer-feedback .owl-nav [class*="owl-"] {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 45px;
		bottom: auto;
	}
	.customer-feedback .owl-prev {
		left: 0;
	}
	.customer-feedback .owl-next {
		right: 0;
	}
	
}