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

*{
	padding:0;
	margin:0;
	position:relative;
	border:none;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}
body{
	font-size:.8em;
	overflow:auto;
	color:#808285;
}
a{
	color:#000;
}
h1{
	margin-bottom:1em;
}
h2{
	font-size:1.5em;
	color:#000;
	font-weight:normal;
}
strong{
	color:#000;
}
p{
	margin-bottom:1em;
}
#contenedor{
	width:960px;
	margin:0 auto;
	padding-bottom:40px;
	border:1px solid #b4b5b6;
	border-top:none;
	background:#fff url(images/fondo_pie.png) bottom repeat-x;
	
}
#cabecera{
	border-bottom: 2px solid #b4b5b6;
	padding:35px;
	padding-bottom:10px;
}
#cabecera h1{
	height:30px;
	width:300px;
	background:url(images/logo_bkool.png) no-repeat;
	overflow:hidden;
}
	#cabecera h1 a{
		height:30px;
		width:300px;
		display:block;
	}
	#cabecera h1 span{
		position:absolute;
		top:100px;
	}
#contenido{	
}
	#contenido .bloque{
		padding:35px;
		display:block;
		overflow:hidden;
	}
	#contenido #botones{
		max-width:960px;
		padding-top:0;
	}
		#contenido .descarga{
			padding-top:35px;
			max-width:440px;
			float:left;
			margin-right:50px;
		}
		#contenido #quees .descarga{
			float: none;
			left: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 217px;
			width: 345px;
		}
		#contenido .descarga h2{
			font-size:1.4em;
		}
			#contenido .descarga p{
				text-align:right;
				font-size:1.8em;
			}
			#contenido .descarga strong, #contenido .descarga a{
				color:#00a7d3;
				text-decoration:none;
			}
			
			
		#contenido .botones_store a{
			width:191px;
			height:63px;
		}
		#contenido .botones_store img{
			margin-left:20px;
			padding-top:35px;
		}
	#contenido #pasos, #contenido #quees{
		border-top: 1px solid #b4b5b6;
		margin:0 35px;
		padding:35px 0;
	}
	#contenido #pasos p{
		padding:1em 0;
		margin:0;
		width:145px;

	}
		#contenido #paso1, #contenido #paso2, #contenido #paso3 {
			width:210px;
			margin-right:30px;
			float:left;
		}
		#contenido #paso4{
			width:160px;
			float: right;
		}
		#contenido #paso1 .img{
			background:url(images/paso_01.png) no-repeat left bottom;
			height:180px;
		}
		#contenido #paso2 .img{
			background:url(images/paso_02.png) no-repeat left bottom;
			height:180px;
		}
		#contenido #paso3 .img{
			background:url(images/paso_03.gif) no-repeat left bottom;
			height:180px;
		}
		#contenido #paso4 .img{
			background:url(images/paso_04.png) no-repeat right bottom;
			height:180px;
		}
	 #contenido #quees{
		 background:url(images/banner_movil.png) no-repeat;
		 padding-left:450px;
	 }
	 #contenido #quees #btn_android{
		 display:block;
		 position:absolute;
		 top:0;
		 left:0;
		 width:190px;
		 height:210px;
	 }
	#contenido #quees #btn_iphone{
		 display:block;
		 position:absolute;
		 top:0;
		 left:191px;
		 width:190px;
		 height:210px;
	 }

	 #contenido #sociales{
		margin:0 35px;
		text-align:right;
	 }
	 #contenido #sociales div{
		 color: #000000;
		font-size: 1.2em;
		position: absolute;
		right: 100px;
		top: 7px;
	 }
	 #contenido #sociales div span{
		 display:block;
	 }
	 #contenido #sociales img{
		 margin-left:1em;
	 }
.info span{
	position:absolute;
	left:-5000px;
}
.info{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(images/info.png) transparent;
	right: 40px;
	top: 220px;
}
#paso4 .info{
	right:0px;
}
img.der{
	float:right;
	margin:0 0 1em 2em;
}
img.izq{
	float:left;
	margin:0 2em 1em 0;
}
/* ------------------------------- 

	POP-UP JQuery TOOLS

------------------------------- */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}	 
.apple_overlay {
	display:none;
	width:800px;	
	padding:35px;
	}
.apple_overlay .close {
	background-image:url(images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
#overlay {

}
div.contentWrap {
	background:#fff;
	border:1px solid #b4b5b6;
	padding:3em 4em;
	overflow-y:auto;

}