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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Remove annoying border on linked images. */
a img {
	border: none;
}
/* ------------ END RESET --------------- */


body {
	background-color:#0D0D0D;
	color:#0D0D0D;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
}

h1 {
	font-size:2.6em;
}

h2{
	font-size:1.7em;
	line-height: 1.2em;

}

.cb {
	clear:both;
	height:0;
	overflow:hidden;
	font-size:1px;
}



#header, #header a, #mainApp {
	color:#FFFFFF;
}

#header {
	max-width:1230px;
	min-width:669px;
	margin:0 auto;
	background-color:#000;

}

#header #nav {
	clear:both;
	height:110px;
	background-color:#000;
}

#nav {

min-width:669px;
width: 869px;
margin: 0 auto;}

#nav ul {
	list-style:none;
}

#nav ul li {
	float:left;
	display:block;
	width:18%;
	padding-top:70px;
	
	}

#nav ul li a {
	text-transform:uppercase;
	text-decoration:none;
	list-style:none;
}



.logo {
    float:right;
	height:50px;
	width:100px;
	margin-top: 2.75em;
	
}


.wrapper {
	margin:0 auto;
	width:969px;
	background-color:transparent; 
	position:relative;
	clear: both;
}

#mainApp {
	background-image:url(../images/bg_mainApp.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:550px;
	}

#mainApp .wrapper h1 {
	position:absolute;
	top:145px;
	width:430px;
	left:510px;
}
#mainApp .wrapper p {
	position:absolute;
	top:195px;
	width:430px;
	left:510px;
}

#mainApp .wrapper a {
	position:absolute;
	display:block;
}

#news {
	margin-bottom: 15px;
}


/*------ NEWS-MENU -----*/




#news .menu {
    padding-top:5px;
    padding-bottom:30px;
	width: 313px;
	float: left;
	background-color: #131313;
	overflow:hidden;
	border:1px solid #1F2223;
	color:#AAAAAA;
    display:inline;
    font-size:12px;
    margin-bottom:30px;
 }



#news .menu ul li {
	display: block;
}

#news .menu ul li h2 {
	color:#CCCCCC;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	padding:5px 10px;
	background:#101010 url(../images/sidebar_title_bg.gif) repeat-x scroll left bottom;
	
}


#news .menu ul li ul {
	color:#EEEEEE;
	line-height:20px;
	list-style-type:none;
}

#news .menu ul ul li {
	padding:2px 10px 2px 26px;
	background:transparent url(../images/sidebar_list_bg.gif) repeat-x scroll left bottom;
}

#news .menu ul ul li a { 
	color :#CCC;
	display:inline;
    line-height:26px;
    text-decoration:none;
	
	
	}
	
#news .menu ul ul li a:hover { 
	color :#9BF01A;
	}


#news .menu ul ul li:hover {
	background-color:#0D0D0D;
}


/*------ END  NEWS-MENU -----*/
#news .content {
	margin-left: 328px;
}

#icon { 
	width:59px;
	height:59px; 
	top:120px; 
	left :150px;
	position:relative;
      }

/*------ IMAGES -----*/

#iphone01 {
	top:60px;
	width:197px;
	padding:80px 0 0 38px;
	left:270px;
	height:350px;
	background-image:url(../images/iphones/mainApp_iphone01.png);
	background-repeat:no-repeat;
}

#iphone02 {
	background-image:url(../images/iphones/mainApp_iphone02.png);
	background-repeat:no-repeat;
	z-index:10;
	width:320px;
	height:225px;
	top:234px;
	left:30px;
	padding:45px 0 0 80px;
}

#iphone01-small {
	height:120px;
	left:158px;
	padding:46px 15px 80px 22px;
	top:50px;
	width:100px;
	background-image:url(../images/iphones/small_iphone01.png);
	background-repeat:no-repeat;
}

#iphone02-small {
	
	height:120px;
	left:15px;
	padding:26px 80px 0 45px;
	top:147px;
	width:100px;
	z-index:10;
	background-image:url(../images/iphones/small_iphone02.png);
	background-repeat:no-repeat;
}

#iphone03-small {
    height:120px;
	left:147px;
	padding:10px 70px 30px 34px;
	top:100px;
	width:100px;
	background-image:url(../images/iphones/small_iphone03.png);
	background-repeat:no-repeat;
}

#iphone04-small {
	height:120px;
	left:63px;
	padding:34px 50px 100px 12px;
	top:63px;
	width:100px;
	z-index:10;
	background-image:url(../images/iphones/small_iphone04.png);
	background-repeat:no-repeat;
}

#iphone05-small {
	height:120px;
	left:160px;
	padding:34px 15px 80px 12px;
	top:63px;
	background-image:url(../images/iphones/small_iphone05.png);
	background-repeat:no-repeat;
}


#androide-small {
    height:120px;
	left:160px;
	padding:25px 11px 80px;
	top:63px;
	background-image:url(../images/iphones/small_android.png);
	background-repeat:no-repeat;
}

#iphone04-small-android {
    height:120px;
	left:63px;
	padding:34px 50px 100px 12px;
	top:63px;
	width:100px;
	z-index:10;
	background-image:url(../images/iphones/small_iphone_android.png);
	background-repeat:no-repeat;
}

/**** Badges Itunes ****/


.itunesPanelMain { 

	padding-top :45px;
	width : 171px
	height: 60px;
	z-index: 1000;
	cursor: pointer;
	
}



.itunesPanel { 
	width : 171px
	height: 60px;
	background: yellow url(../images/iphones/App_Store_Badge_gris.gif) no-repeat;

}

.itunesPanelSmall { 

	margin-top:10px;
	margin-bottom :10px;
	}


#news .item {
	background: #FFF url(../images/roundedCornersTop.gif) no-repeat 0 0;
	width:641px;
	float:left;
	position : relative;
	margin-bottom: 15px;
}


#news .bottom{
	background: #FFF url(../images/roundedCornersBottom.gif) no-repeat 0 0;
	width:641px;
	float:left;
	height: 26px;
	
}

#news .leftBox {
	width :285px;
	height: 365px;
	float: left;
}

#news .item .leftBox a {
	display:block;
	position:absolute;
}

#news .rightBox {
	display:block;
	float:right;
	margin-right:10px;
	padding:60px 20px 10px 10px;
	width:283px;
}

#news .rightBox h2 { 
	margin-bottom: 15px;
}


#news .rightBox p { 
	margin-bottom: 20px;
}



.itemNew {

	float:left;
	height:184px;
	margin:0 15px 15px 0;
	width:313px;
	background-color:transparent;
	height:190px;
	overflow: hidden;
}


.itemNew p{ 
	float :left;
	width: 150px;
	height: 100px;
	top : 50px;
	position : absolute;
	margin-left: 20px;
}



.wrapper .itemNew a {
	display:block;
	position:absolute;
}

.newApp1 {
	height:190px;
	width:313px;
	background: transparent url(../images/iphones/panel_left.png) no-repeat;
	padding:73px 20px 0 160px;
}


.newApp2 {
	background: transparent url(../images/iphones/panel_middle.png) no-repeat;
	height:190px;
	width:313px;
	padding:0 80px 0 200px;
}


.newApp3 {
	padding:36px 20px 0 195px;
	height:190px;
	width:313px;
	background: transparent url(../images/iphones/panel_right.png) no-repeat; 
}


.itemNew.newApp3 {
	margin:0px 10px 10px 0px;
}


.last {
	margin:0 0 15px 0;
}



/* ------------ FOOTER --------------- */


#footer {
	max-width:1230px;
	min-width:669px;
	margin:0 auto;
	color: #fff;
	padding: 1em;
	background-color: #000;
	min-height: 150px;
}

#footer ul {
	float: left;
	width: 20%;
	list-style:none;
    display:block;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    	}

#footer ul li {
	padding-right :20px
}

#footer ul li a{
	color: #fff;
	text-decoration:none;
}

#footer .hlist { 
}

#footer .logoSmall {

	float: left;
	background: transparent url(../images/logo-haploid_small.png) no-repeat ;
    width: 150px;
	height :70px;
	margin-top: 1.5em;
	margin-left: 30px;
	}



/* ------------ END FOOTER --------------- */