@charset "utf-8";
/* CSS Document */
body.intro img.logo, body.intro div.contenidoAncho > div{
	transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	position:relative;
}

body.intro img.logo{
	
}

body.intro div.contenidoAncho{
	text-align:center;
	padding-top:5em;
}
body.intro img.logo{
	top:-50px;
	opacity:0;
	transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	-ms-transition-delay:0s;
	-webkit-transition-delay:0s;
}



body.intro div.selector{
	text-align:justify;
	padding-top:3em;
	opacity:0;
	top:40px;
}
body.intro div.selector:after{
	content:" ";
	width:100%;
	display:inline-block;
}
body.intro div.selector a{
	display:inline-block;
	width:280px;
	margin:0 6em 0 6em;
	text-align:center;
	/*color:#666;*/
	/*color:#06c;*/
	color:#1C204F;
	position:relative;
}
body.intro div.selector > img{
	position:absolute;
	top:100px;
	left:410px;
}
body.intro div.selector a img{
	display:block;
}
body.intro div.selector a span{
	display:inline-block;
	width:100%;
	background:transparent url(../media/separator-intro.png) no-repeat bottom center;
	padding:1em 0 0.5em 0;
	font-size:24px;
	font-weight:600;
	position:relative;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	top:0px;
}
body.intro div.selector a:hover,body.intro div.selector a:focus{
	text-decoration:none;
}
body.intro div.selector a:hover span,body.intro div.selector a:focus span{
	top:-15px;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}
body.intro div.menu{
	padding:2em 0 1em 0;
	color:#CCC;
	opacity:0;
	top:-40px;
	transition-delay:2s;
	-moz-transition-delay:2s;
	-o-transition-delay:2s;
	-ms-transition-delay:2s;
	-webkit-transition-delay:2s;
}
body.intro div.menu a{
	color:#666;
}
body.intro div.telefono{
	opacity:0;
	top:-40px;
}

body.intro div.descargar-catalogo{
	opacity:0;
	top:-40px;
	padding:1rem 0 1rem 0;
}


body.intro div.telefono h2{
	color:#06c;
	background:transparent url(../media/icono_teltop.png) no-repeat center right;
	display:inline-block;
	padding-right:30px;
	clear:both;
}
body.intro div.certificaciones{
	padding-top:2em;
	opacity:0;
	top:40px;
	
}
body.intro div.certificaciones h3{
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	margin-bottom:0.3em;
}
body.intro div.certificaciones img.cert{
	margin-top:2em;
}



body.intro.abierto img.logo{
	top:0;
	opacity:1;
}
body.intro.abierto div.selector{
	top:0;
	opacity:1;
	transition-delay:1s;
	-moz-transition-delay:1s;
	-o-transition-delay:1s;
	-ms-transition-delay:1s;
	-webkit-transition-delay:1s;
}
body.intro.abierto div.menu,
body.intro.abierto div.certificaciones,
body.intro.abierto div.telefono,
body.intro.abierto div.descargar-catalogo{
	top:0;
	opacity:1;
	transition-delay:2s;
	-moz-transition-delay:2s;
	-o-transition-delay:2s;
	-ms-transition-delay:2s;
	-webkit-transition-delay:2s;
}