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

#contacto{
	width:240px;
	height:200px;
	background-color:#D6D663;
	float:left;
	
	-webkit-opacity:1;
	-moz-opacity:1;
	-o-opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1;
	
	-webkit-transform: rotatex(0deg);
	-moz-transform: rotatex(0deg);
	-o-transform: rotatex(0deg);
	-ms-transform: rotatex(0deg);
	transform: rotatex(0deg);
	
	-webkit-transform-origin:bottom;
	-moz-transform-origin:bottom;
	-o-transform-origin:bottom;
	-ms-transform-origin:bottom;
	transform-origin:bottom;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
	
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	
	overflow:hidden;
	z-index:-100;
}

#contacto #contacto_bg{
	position:absolute;
	width:800px;
	height:680px;
	top:-680px;
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(../imgs/contacto_bg.jpg);
}

#contacto.contacto_hide{
	-webkit-transform: rotatex(-110deg);
	-moz-transform: rotatex(-110deg);
	-o-transform: rotatex(-110deg);
	-ms-transform: rotatex(-110deg);
	transform: rotatex(-110deg);
	
	-webkit-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;
}

#contacto .show{
	width:100%;
	height:200px;
	position:absolute;
}

#contacto .show .back{
	width:300px;
	height:200px;
	position:absolute;
	top:0px;
	left:0px;
}

#contacto h1{
	font-family:'Life Savers', cursive;
	position:absolute;
	top:70px;
	left:-50px;
	color:#FFF;
	font-weight:normal;
	font-size:42px;
	margin:0;
	padding:0;
	
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}

#contacto #contacto_title.contacto_zero{
	top:50px;
	left:15px;
	
	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}

#contacto .image{
	width:410px;
	position:absolute;
	bottom:-200px;
	right:-120px;
}

#contacto #contacto_back{
	position:absolute;
	top:40px;
	width:0;
	height:130px;
	background-color:#000;
	
	-webkit-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;
}

#contacto #display_contacto{
	width:800px;
	position:absolute;
	top:90px;
	color:#FFF;
	font-weight:300;
}

#contacto #display_contacto #contrataciones{
	font-family:'Life Savers', cursive;
	font-weight:normal;
	font-size:38px;
	margin:10px 0 0 90px;
	
	-webkit-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;
}

#contacto #display_contacto #contacto_info{
	width:800px;
	height:560px;
	position:absolute;
	top:120px;
	text-align:center;
	
	-webkit-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;
}

#contacto_info .contacto_info_bg{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-o-opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity:0.5;
}

#contacto_info .contacto_text{
	position:absolute;
	width:100%;
	height:100%;
}

#contacto_info .contacto_text .image_chou{
	float:left;
	width:320px;
	padding:10px;
	margin:20px;
}

#contacto_info a{
    color: #CCC;
}

#contacto_info .contacto_text .info_chou{
	float:right;
	width:400px;
	padding:10px;
	color:#FFF;
	font-size:18px;
	text-align:left;
}

.info_chou b{
	font-weight:400;
	font-size:22px;
}

.info_chou a{
	color:#06C;
	text-decoration:none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	-ms-transition: 0.25s;
	transition: 0.25s;
}

.info_chou a:hover{
	color:#FFF;
}