@charset "utf-8";


/* INICIO TOTEM    */

#contenedor #totem {
	height: 3650px;
	width: 100%;
	
}

#contenedor #totem #banner_360 {
	float: left;
	height: 333px;
	width: 1000px;
	background-image: url(../imgs/360/360.jpg);
	background-repeat: no-repeat;
}
#contenedor #totem #360_video {
	float: left;
	height: 563px;
	width: 1000px;
}
#contenedor #totem #totem_cont {
	float: left;
	height: 200px;
	width: 1000px;
	background-repeat: no-repeat;
	background-color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../imgs/totem/bg2.jpg);
}
#contenedor #totem #servicio {
	float: left;
	height: 330px;
	width: 960px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #000000;
	padding-bottom: 20px;
	padding-top: 10px;
}

#contenedor #totem #planes {
	float: left;
	height: 480px;
	width: 1000px;
	background-color: #000;
	background-image: url(../imgs/totem/planes_fondo.jpg);
}
#contenedor #totem #planes #plan1 {
	float: left;
	height: 310px;
	width: 290px;
	margin-left: 33px;
	margin-top: 0px;
	text-align: center;
	background-color: #000000;
	/*para Firefox*/
	-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
	border-radius: 10px 10px 10px 10px;
	
	/*opacity: 0.7;
    filter: alpha(opacity=70);*/
	
}
#contenedor #totem #planes #plan2 {
	float: left;
	height: 310px;
	width: 290px;
	margin-left: 33px;
	margin-top: 0px;
	text-align: center;
	background-color: #000000;
	/*para Firefox*/
	-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
	border-radius: 10px 10px 10px 10px;
}
#contenedor #totem #planes #plan3 {
	float: left;
	height: 310px;
	width: 290px;
	margin-left: 33px;
	margin-top: 0px;
	text-align: center;
	background-color: #000000;
	/*para Firefox*/
	-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
	border-radius: 10px 10px 10px 10px;
}
#contenedor #totem #planes #contac {
	float: left;
	height: 25px;
	width: 290px;
	text-align: center;
	margin-left: 33px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	/*	border: 1px solid #FFF;*/
	background-color: #9B22EB;
	/*para Firefox*/
	-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
	border-radius: 10px 10px 10px 10px;
}

#contenedor #totem #planes #contac:hover {
	background: #000;
}

#contenedor #totem #planes #contac2 {
	float: left;
	height: 25px;
	width: 290px;
	text-align: center;
	margin-left: 33px;
	margin-top: 10px;
	
	padding-top: 10px;
	padding-bottom: 5px;
/*	border: 1px solid #FFF;*/
	background-color: #9B22EB;
	
	/*para Firefox*/
	-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
	border-radius: 10px 10px 10px 10px;
}

#contenedor #totem #planes #contac2:hover {
	background: #000;
}

#contenedor #totem #planes #contac3 {
	float: left;
	height: 25px;
	width: 290px;
	text-align: center;
	margin-left: 33px;
	margin-top: 10px;
	
	padding-top: 10px;
	padding-bottom: 5px;
/*	border: 1px solid #FFF;*/
	background-color: #9B22EB;
	
	/*para Firefox*/
	-moz-border-radius: 10px 10px 10px 10px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 10px 10px 10px 10px;
	/* para Opera */
	border-radius: 10px 10px 10px 10px;
}

#contenedor #totem #planes #contac3:hover {
	background: #000;
}



#contenedor #totem #como_fun {
	float: left;
	height: 220px;
	width: 1000px;
	background-image: url(../imgs/totem/fun_360.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-bottom: 40px;
}

#contenedor #totem #video360 {
	float: left;
	height: 1670px;
	width: 1000px;
	
	background-color: #17151b;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-bottom: 40px;
}





/* FIN 360    */