@charset "utf-8";


/* INICIO TOTEM    */

#contenedor #totem {
	height: 3300px;
	width: 100%;
	background-color: #000;
}

#contenedor #totem #banner_totem {
	float: left;
	height: 300px;
	width: 1000px;
	background-image: url(../imgs/totem/ba_totem2.jpg);
	background-repeat: no-repeat;
}
#contenedor #totem #totem_cont {
	float: left;
	height: 200px;
	width: 1000px;
	background-repeat: no-repeat;
	background-color: #151414;
	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 #servicio #cotillon {
	float: left;
	height: 210px;
	width: 230px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}

#contenedor #totem #servicio #tiras {
	float: left;
	height: 210px;
	width: 220px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

#contenedor #totem #servicio #magnetico {
	float: left;
	height: 210px;
	width: 230px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
#contenedor #totem #servicio #libro {
	float: left;
	height: 210px;
	width: 220px;
	text-align: center;
	padding-right: 10px;
	padding-left: 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: #F60;
	/*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: #F60;
	
	/*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: #F60;
	
	/*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 #descrip {
	float: left;
	height: 500px;
	width: 1000px;
	background-color: #000;
	background-image: url(../imgs/totem/descri2.jpg);
	background-repeat: no-repeat;
}

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


#contenedor #totem #totem_galeria {
	float: left;
	height: 1120px;
	width: 990px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-top: 10px;
	background-color: #17151b;
}


/* FIN TOTEM    */