*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	font-family: 'Raleway', sans-serif;
}


nav div.el-contenedor div.cont-in {
	position: absolute;
	margin: 5px;
	width: 100%
	
	
}
nav div.el-contenedor div {



}

/*nav a:hover,
nav a:focus {
	outline: none;
}*/



/* Effect 19: 3D side */
.cl-effect-19 div.el-contenedor {
	line-height: 2em;
	margin: 0px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


.cl-effect-19 div.el-contenedor div.img1 {
	position: relative;
        z-index:10;
	width: 100%;

	
/*	-webkit-transition: -webkit-transform 0.4s, background 0.4s;
	-moz-transition: -moz-transform 0.4s, background 0.4s;
	transition: transform 0.4s, background 0.4s;*/
-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform-origin: 50% 50% -100px;
	-moz-transform-origin: 50% 50% -100px;
	transform-origin: 50% 50% -200px;
	height: 100%;
}

.csstransforms3d .cl-effect-19 div.el-contenedor div.img2{
	position: relative;
        z-index:1;
	width: 100%;
        -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;




	/*content: " ";*/
/*	-webkit-transition: -webkit-transform 0.4s, background 0.4s;
	-moz-transition: -moz-transform 0.4s, background 0.4s;
	transition: transform 0.4s, background 0.4s;*/

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);

	-webkit-transform-origin: 50% 50% -100px;
	-moz-transform-origin: 50% 50% -100px;
	transform-origin: 50% 50% -200px;
	height: 100%;
}

.cl-effect-19 div.el-contenedor:hover div.img1,
.cl-effect-19 div.el-contenedor:focus div.img1{
        z-index:1;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}
.cl-effect-19 div.el-contenedor:hover div.img2,
.cl-effect-19 div.el-contenedor:focus div.img2{
        z-index:10;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
}


.csstransforms3d .cl-effect-19 a:hover div::before,
.csstransforms3d .cl-effect-19 a:focus div::before {

}