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


/*************   BODY	*******************/
body, html {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	
}
body {
	
	background-repeat:repeat-x;
	background-color:#c0c0c0;
	color:#1054a3;
	font-family:'Tahoma',Arial,Helvetica,sans-serif;
	font-size:12px;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration: none;
}



#contenedor {
	
/*	background:transparent url(../img/cabecera.jpg) no-repeat scroll center top !important;*/
	padding:0;
	position:relative;
	text-align:left;
	vertical-align:middle;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	
	
	
}

#contenedor_pagina{
	background-image: url(../../imagenes/publico/fondo.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 1024px;
	padding: 0px;
	text-align: center;
	
	float: left;
	margin-left:0px;
	padding-bottom: 0px;
}
	


#cuerpocontenedor{
	/*background:transparent url(/img/menu-bg.png) no-repeat scroll 0 0 !important;*/
	float:left;
	position:relative;
	font-size:13px;
	height:1000px;
	overflow:hidden;
	position:relative;
	width:1024px;
	z-index:999;
	left:-20px;
	margin-bottom: 0px;
	
	
	
}

#cuerpocontenedor_how {
	/*background:transparent url(/img/menu-bg.png) no-repeat scroll 0 0 !important;*/
	float:left;
	position:relative;
	font-size:13px;
	min-height:700px;
	overflow:hidden;
	position:relative;
	width:1024px;
	z-index:999;
	left:0px;
	margin-bottom: 250px;
	height:2000px;
	
	
	
}

/*************   BODY	*******************/



/*************   CABECERA	*******************/
#cabecera{
	width: 100%;
	padding:0px;
	float: left;
	position: relative;

}

#logo {
	
	background-color:transparent;
	background-image:url(../../imagenes/publico/logoblind.jpg) !important;
	background-repeat:no-repeat;
	background-position:bottom;
	height:57px;
	float:left;
	margin-left:30px;
	margin-top:10px;
	
	position:relative;
	width:196px;/*Cambiar también el left del menu*/
	z-index:9;
}



#preview_video{
	float:left;
	position:relative;
	width: 323px;
	top:40px;
	left:40px;
}

#mov_movil{
	float:left;
	position:relative;
	width: 400px;
	top:50px;
	left:0px;
}

#contenedor_cabecera{
	background-color:#000000;
	
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
	
	position:relative;
	width:100%;/*Cambiar también el left del menu*/
	z-index:9;
	margin-bottom: 0px;
	margin-top: 0px;
}

#contendor_cabecera_cuerpo{
	background-color:#FFFFFF;
	
	background-repeat:no-repeat;
	background-position:bottom;
	
	float:left;
	
	position:relative;
	width:90%;/*Cambiar también el left del menu*/
	z-index:9;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 10px;
}

#menu{
	float:left;
	z-index: 99;
	position:relative;
	top:25px;
	left:400px;
}

#boton_registro_cab{
	float:left;
	position:relative;
	width: 195px;
	top:289px;
	left:-100px;
}
#menu_botones{
	background-color:transparent;
	background-image:url(../../imagenes/publico/follow.jpg) !important;
	background-repeat:no-repeat;
	background-position:left center;
	
	float:left;
	position:relative;
	width: 337px;
	top:80px;
	left:40px;
	padding-left : 20px;
	z-index: 9;
}





#boton_facebook{
	float:left;
	width: 38px;
}
#boton_twitter{
	float:left;
	width: 58px;
	
}
#boton_rss{
	float:left;
	width: 37px;
	
}


/*************   FIN CABECERA	*******************/


/*************   CUERPO	*******************/



#columna_izquierda{
	float:left;
	width:50%;
	margin-left:1%;
	margin-top:2%;
	margin-bottom: 100px;
	padding-left: 25px;
	
}

#columna_izquierda_how{
	float:left;
	width:60%;
	margin-left:1%;
	margin-top:2%;
	margin-bottom: 100px;
	padding-left: 25px;
	
}


#cab_izq{
	background-color:transparent;
	background-image:url(../../imagenes/publico/barra_negra.jpg) !important;
	background-repeat:no-repeat;
	background-position:left bottom;
	height:26px;
	width:300px;/*Cambiar también el left del menu*/
	z-index:9;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 2px;
	margin-left: 50px;
	position:relative;
}

#linea{
	float:left;
	background-color:transparent;
	background-image:url(../../imagenes/publico/barra_negra.jpg) !important;
	background-repeat:no-repeat;
	background-position:left bottom;
	height:26px;
	width:400px;/*Cambiar también el left del menu*/
	z-index:9;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 2px;
	left: 20px;
	position:relative;
	top: 70px;
	margin-top: 20px;

}

#img_movil{
	background-color:transparent;
	background-image:url(../../imagenes/publico/movil_blind2.jpg) !important;
	background-position:right bottom;
	background-repeat:no-repeat;
	float:left;
	height:266px;
	left:380px;
	position:relative;
	top:0px;
	width:184px;
	z-index:99;
	
	
}


#cab_dcha{
	background-color:transparent;
	background-image:url(../../imagenes/publico/barra_negra.jpg) !important;
	background-repeat:no-repeat;
	background-position:left bottom;
	height:26px;
	width:300px;/*Cambiar también el left del menu*/
	z-index:9;
	text-align: left;
	text-decoration: none;
	padding-left: 0px;
	padding-bottom: 2px;
	left: 10px;
	position:relative;
}


#cuerpo_izquierda{
	float:left;
	background-color:#ffffff;
	height:26px;
	width:430px;/*Cambiar también el left del menu*/
	height:648px;
	z-index:9;
	text-align: left;
	margin-top: 20px;
	z-index: 1;
	
}

#opciones{
	float:left;
	position: relative;
	width: 245px;
}

#opciones_how{
	float:left;
	position: relative;
	width: 245px;
	left: 180px;
}

#op_call{
	float: left; 
	position: relative; 
	left: -140px; 
	top: -20px;
	width: 240px;
}

#op_contact{
	float: left; 
	position: relative; 
	left: -140px; 
	top: -10px;
	width: 240px;
}

#op_textmessages{
	float: left; 
	position: relative; 
	left: -140px; 
	top: 0px;
	width: 240px;
}

#op_textmessages_how{
	float: left; 
	position: relative; 
	left: -140px; 
	margin-top: 50px;
	width: 240px;
}

#op_speech{
	float: left; 
	position: relative; 
	left: -140px; 
	top: 10px;
	width: 240px;
}

#op_speech_how{
	float: left; 
	position: relative; 
	left: -140px; 
	top: 70px;
	width: 240px;
}

#op_music{
	float: left; 
	position: relative; 
	left: -140px; 
	top: 20px;
	width: 240px;
	
}

#op_music_how{
	float: left; 
	position: relative; 
	left: -140px; 
	top: 130px;
	width: 240px;
	margin-top: 20px;
	
}

#op_utilities{
	float: left; 
	position: relative; 
	left: -140px; 
	top: 30px;
	width: 240px;

}

#op_utilities_how{
	float: left; 
	position: relative; 
	left: -140px; 
	top: 190px;
	width: 240px;

}


#op_setting{
	float: left; 
	position: relative; 
	left: -140px; 
	top: 30px;
	width: 240px;
	
}

#mov_movil_blind{
	float:left;
	left: -180px;
	position:relative;
	top: 50px;
}


#mov_movil_blind2{
	float:left;
	left: -180px;
	position:relative;
	top: 450px;
}

#mov_movil_blind3{
	float:left;
	left: -180px;
	position:relative;
	top: 720px;
}



#mov_movil_blind_es{
	float:left;
	left: -180px;
	position:relative;
	top: 50px;
}


#mov_movil_blind2_es{
	float:left;
	left: -180px;
	position:relative;
	top: 500px;
}

#mov_movil_blind3_es{
	float:left;
	left: -180px;
	position:relative;
	top: 820px;
}

#mov_texto_opcion_titulo{
	float:left;
	left: 10px;
	position:relative;
	top: 20px;
	width: 400px;
}

#mov_texto_opcion1{
	float:left;
	left: 25px;
	position:relative;
	top: 35px;
	width: 400px;
}

#mov_texto_opcion1_sub{
	float:left;
	left: 50px;
	position:relative;
	top: 50px;
	width: 400px;
}

#mov_texto_opcion2_sub{
	float:left;
	left: 50px;
	position:relative;
	top: 60px;
	width: 400px;
	margin-bottom: 30px;
}



#mov_texto_opcion2{
	float:left;
	left: 25px;
	position:relative;
	top: 45px;
	width: 400px;
}


#mov_texto_opcion3{
	float:left;
	left: 25px;
	position:relative;
	top: 55px;
	width: 400px;
}

#mov_texto_opcion4{
	float:left;
	left: 25px;
	position:relative;
	top: 65px;
	width: 400px;
}

#mov_texto_opcion5{
	float:left;
	left: 25px;
	position:relative;
	top: 75px;
	width: 400px;
}

#mov_texto_opcion6{
	float:left;
	left: 25px;
	position:relative;
	top: 85px;
	width: 400px;
}

#mov_texto_opcion7{
	float:left;
	left: 25px;
	position:relative;
	top: 95px;
	width: 400px;
}

#mov_texto_opcion_descripcion{
	float:left;
	left: 10px;
	position:relative;
	top: 20px;
	width: 300px;

}

#mov_texto_opcion_descripcion_how{
	float:left;
	left: 25px;
	position:relative;
	top: 25px;
	width: 400px;

}


#mov_texto_opcion_descripcion_sub{
	float:left;
	left: 40px;
	position:relative;
	top: 20px;
	width: 300px;
}

#mov_texto_how{
	float:left;
	left: 40px;
	position:relative;
	top: 40px;

}

#mov_follow_us{
	float:left;
	left: -280px;
	position:relative;
	top: 240px;
}


#mov_follow_us_es{
	float:left;
	left: 45px;
	position:relative;
	top: 80px;
}

#cuerpo_descargar{
	float:left;
	width: 340px;
	margin-top:0px;
	margin-bottom: 20px;
	position:relative;
	top: 60px;
}

#qr{
	float:left;
	position:relative;
	left: 300px;
	top: -80px;
}

#img_cesta{
	float:left;
	position:relative;
	left: 0px;
	top: 5px;
}

#boton_cesta_android{
	float:left;
	position:relative;
	left: 10px;
	top: 15px;
}


#columna_derecha{
	float:right;
	width:39%;
	margin-top:2%;
}

#columna_derecha_how{
	float:right;
	width:30%;
	margin-top:2%;
}

#mov_texto_titulo{
	float:left;
	margin-top:4px;
}

#mov_texto_titulo_dcha{
	float:left;
	margin-top:4px;
}

#cuerpo_derecha{
	float:left;
	background-color:#ffffff;
	height:26px;
	width:385px;/*Cambiar también el left del menu*/
	height:243px;
	z-index:9;
	text-align: left;
	text-decoration: none;
	margin-top: 10px;
	z-index: 1;
	padding-right: 10px;
	
}


#slogan{
	
	float:left;
	left: 0px;
	position:relative;
	top: 10px;
	width: 90%;
}


#mov_texto_slogan{
	float:left;
	position:relative;
	left: -70px;
	top: 0px;
	width: 100%;
}

#mov_texto_slogan_bottom{
	float:left;
	font-weight:bold;
	left:140px;
	position:relative;
	top:10px;
}

#boton_registrase_cuerpo{
	float:left;
	position:relative;
	left: 20px;
	top: -100px;
}



/*************   FIN CUERPO	*******************/





/*************   PIE	*******************/
#pie {
	background: #b3cee4 url(../../imagenes/publico/background_pie.jpg) repeat-x scroll left top;
	clear:both;
	color:#1054a3;
	font-family:arial,verdana,serif;
	font-size:12x;
	margin:0 0 0;
	padding:5px 0px 0px 0px;
	text-align:center;
	height: 76px;

	
}

#contenido_pie {
	position:relative;
	text-align:center;
	width:100%;

}



#pie_texto{
	position:relative;
	float:left;
	text-align:center;
	width:885px;
	margin-top: 20px;
	left:20%;
	
}
/*************   FIN PIE	*******************/