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

body{
	background-image:url(../images/bkg.jpg);
	background-repeat:repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:13px;
	line-height:20px;
	color:#000;
	margin:0px;
	padding:0px;
	text-align:center;
	height:100%;
}

html, form{
	margin:0px;
	padding:0px;
	height:100%;
}

.header{
	width:960px;
	margin:auto;
	position:relative;
	text-align:left;
	z-index:10;
}

.mainWrapper{
	width:900px;
	margin:auto;
	position:relative;
	text-align:left;
	z-index:1;
}

a.logo{
	position:relative;
	float:left;
	margin-top:15px;
}

a.logo img{
	border:0px;
}

.reference{
	color:#00A69C;
	text-align:center;
	/*background-image:url(../images/hojasilustracion.png);*/
	background:url(../images/html.png) no-repeat top left;	
	background-repeat:no-repeat;
	width:280px;
	height:95px;
	line-height:18px;
	float:left;
	position:relative;
	margin-left:70px;
}

.reference p{
	margin-top:20px;
	margin-left:48px;
	font-weight:bold;
}

.reference span{
	text-decoration:underline;
}

.contactForm{
	/*background-image:url(../images/contactPaper.gif);
	background-repeat:no-repeat;*/
	margin-left:96px;
	width:267px;
	height:169px;
	z-index:100;
	position:absolute;
	left:370px;
	top:-17px;
	z-index:11;
}

form{
	display:block;
	width:320px;
	margin:160px 0px 0px 0px;
	padding:0px;
}

.closeBtn{
	background-image:url(../images/close.gif);
	background-repeat:no-repeat;
	border:0px;
	float:right;
	clear:both;
	margin:45px 20px;
	width:34px;
	height:39px;
	background-color:transparent;
	cursor:pointer;
}

.clearBtn{
	background-image:url(../images/clear.gif);
	background-repeat:no-repeat;
	border:0px;
	float:left;
	clear:none;
	margin:10px 20px 0px 150px;
	width:64px;
	height:25px;
	background-color:transparent;
	cursor:pointer;
}

.sendBtn{
	background-image:url(../images/send.gif);
	background-repeat:no-repeat;
	border:0px;
	float:left;
	clear:none;
	margin:10px 0px;
	width:64px;
	height:25px;
	background-color:transparent;
	cursor:pointer;
}

.openContact{
	background-image:url(../images/contactPopup.png);
	background-repeat:no-repeat;
	border:0px;
	position:absolute;
	bottom:23px;
	left:20px;
	margin:0px;
	padding:0px;
	width:267px;
	height:129px;
	background-color:transparent;
	cursor:pointer;
}

.inputTxt{
	background-image:url(../images/input.gif);
	background-repeat:no-repeat;
	width:116px;
	height:21px;
	border:0px;
	background-color:transparent;
	clear:right;
	margin:0px 0px 15px 65px;
	padding:0px 4px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#333;
}

.radiosWrapper{
	display:table;
	width:200px;
	margin:10px 0px 0px 35px;
	float:left;
	clear:both;
	display:inline;
}

.radios{
	margin:0px 21px 0px 0px;
	padding:0px;
	width:20px;
	height:20px;
	clear:none;
	float:left;
}

.radiosLabel{
	clear:none;
	width:auto;
	float:left;
	margin:0px;
	padding:0px;
}

label{
	visibility:hidden;
	float:left;
	clear:left;
	margin-bottom:15px;
}

.textAreaWrapper{
	background-image:url(../images/textArea.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:239px;
	height:90px;
	float:left;
	margin-left:70px;
	margin-top:-35px;
	display:inline;
}

textarea{
	position:absolute;
	background-color:transparent;
	width:227px;
	height:83px;
	overflow:hidden;
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#333;
	padding:0px 5px;
}

.iphone[class]{
	width:260px;
	height:467px;
	background-image:url(../images/iphone.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	clear:left;
}

.iphone{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/iphone.png', sizingMethod='crop');
/*	width:260px; */
	height:467px;
	position:relative;
	float:left;
	clear:left;
}

.screens{
	/*background-color:aquamarine;*/
	display:block;
	position:absolute;
	overflow:hidden;
	width:200px;
	height:300px;
	margin:83px 0px 0px 31px;
}

.slide {
	position:absolute;
	left:1000px;
	top:0px;
}

.txt{
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	float:left;
	width:340px;
	margin-top:38px;
	margin-left:10px;
}

.txt p{ 
	padding:0px;
	margin:10px 0px 0px 100px;
}

.txt span{ 
	padding:0px;
	margin:4px 0px 0px 15px;
	display:block;
	
}

.txt img{
	margin:25px;
}

.txt .appStore {
	background-image:url(../images/available-in-appstore.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:208px;
	height:64px;
	cursor:pointer;
	display:block;
	margin-left:30px;
}

.comingSoon{
	background-image:url(../images/comingSoon.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:88px;
	height:90px;
	position:absolute;
	bottom:10px;
	left:180px;
}

.features{
	background-image:url(../images/features3.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:332px;
	height:332px;
	position:relative;
	float:left;
	margin-top:60px;
	margin-left:-50px;
}

.footer{
	/*float:right;*/
	text-align:right;
	width:100px;
	height:680px;
	position:absolute;
	right:0px;
	bottom:25px;
	vertical-align:bottom;
}