#body_one_app {
background:url(../images/back.png) repeat-x #5b5662;
color:#d4d5d7;
text-align:center;
font-family:Arial, 'Sans Serif';
font-size:11px;
}

#container_one_app {
background: url(../images/glow.png) no-repeat top center;
width:100%;
display:block;
}


#body_index {
background:url(../images/back_apps.png) repeat-x #5d6256;
color:#d4d5d7;
text-align:center;
font-family:Arial, 'Sans Serif';
font-size:11px;
}

#body_apps {
background:url(../images/back_apps.png) repeat-x #5d6256;
color:#d4d5d7;
text-align:center;
font-family:Arial, 'Sans Serif';
font-size:11px;
}

#container_about {
background: url(../images/glow_about.png) no-repeat top center;
width:100%;
display:block;
}

#container_contact {
background: url(../images/glow_contact.png) no-repeat top center;
width:100%;
display:block;
}



h1 {
font-size:28px;
margin:0 0 20px 0;
}


h2 {
font-size:28px;
font-style:italic;
line-height:36px;
font-family: "Georgia";
color:#d3d0d0;
font-weight:normal;
margin:0 0 20px 0;
}

h3 {
font-weight:normal;
font-family: "Georgia";
font-size:22px;
line-height:21px;
font-style:italic;
color:#FFF;
font-family: "Georgia";
margin:0 0 20px 0;
}

h4 {
font-size:16px;
line-height:20px;
color:#FFF;
font-family: "Georgia";
margin:0 0 20px 0;
}

a {
font-size:17px;
font-weight: bold;
color:#ceffdd;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p, ul, ol, blockquote {
font-family: "Georgia";
font-size:16px;
color:#d4d5d7;
line-height:18px;
margin:0 0 10px 0;
}

.block {
width:100%;
display:table;
height:1%;
clear:both;
text-align: center;
}

.block .insideblock {
width:1050px;
display:block;
overflow: hidden;
margin:auto;
text-align:left;
}

#head {
padding:5px 0 0 0;
}


/* ====================================   */


/* Pc Monitor */
.ipad_land {
background: url(../images/pc_monitor.png) no-repeat;
width:560px;
height:365px;
overflow: hidden;
display:block;
float:left;
position:relative;
z-index: 100;
margin:10px 0px 0px -10px;
}

/* Right screenshots */
#head .right_ipad_land {
float:left;
width:500px;
display:block;
margin:20px 0px 0px 0px;
ttop:0px;
}

/* Position screenshots */
.ipad_land ul.images {
position:relative;
margin-top:21px;
margin-left:25px;
overflow: hidden;
width:510px;
height:298px;
display:block;
}

/* Position screenshots */
.ipad_land ul.images li {
position:absolute;
top:0px;
left:0px;
overflow: hidden;
width:510px;
height:298px;
display:none;
}

.ipad_land ul.images li.active {
display:block;
}

/* Position circles */
.ipad_land ul.circles {
display: block;
margin:25px 0 0 150px;
}

.ipad_land ul.circles li {
width:11px;
height:11px;
display:block;
margin:0 6px 0 0;
float:left;
background:url(../images/circle.png) no-repeat;
cursor: pointer;
}

.ipad_land ul.circles li.active {
background:url(../images/circlefilled.png) no-repeat;
}


/* ====================================   */


#head .right {
float:left;
width:580px;
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
}

#head .right h1 {
margin:50px 0 0 10px;
}

#head .right h2 {
margin:10px 0 30px 20px;
}

.appstore {
display:block;
overflow: hidden;
margin:0 0 0 20px;
}

/* Download button */
.appstoreicon {
width:243px;
height:87px;
display:block;
float:left;
background: url(../images/download_free.png) no-repeat;
overflow: hidden;
text-decoration: none;
font-family: "Myriad Pro", Arial;
margin:0 20px 0 0;
font-weight: normal;
}

.appstoreicon:hover { text-decoration: none; }

.appstoreicon span.price {
font-size:22px;
color:#cfcfcf;
line-height: 24px;
display:block;
margin:0 0 0 149px;
text-align: center;
width:70px;
}

.appstoreicon span.version {
font-size:11px;
color:#cfcfcf;
line-height:12px;
display:block;
margin:7px 0 0 149px;
text-align: center;
width:70px;
}

.forios {
float:left;
background: url(../images/forios.png) no-repeat;
width:273px;
height:49px;
display:block;
overflow: hidden;
position:relative;
}

.forios .left {
width:250px;
display:block;
}

.forios p {
font-size:15px;
color:#cfcfcf;
margin:6px 0 0 15px;
float:left;
display: inline;
}

.forios small {
font-size:10px;
color:#7c7d7f;
display:block;
float:left;
margin:0 0 0 15px;
}

.forios small a {
color:#7c7d7f;
text-decoration: none;
}

.forios ul.stars {
position:absolute;
top:7px;
right:10px;
display:block;
}

.forios ul.stars li {
float:left;
display:block;
margin:0 -3px 0 0;
}




.caja_titulo {
background: url(../images/caja_titulo.png) no-repeat;
width:650px;
display:block;
margin:10px 0px 0px 170px;
overflow: hidden;
}

.caja_titulo .inner {
display:block;
overflow:hidden;
float:center;
margin:10px 20px 0px 20px;
}

#head .caja_titulo .left {
display:block;
float:left;
width:275px;
}

#head .caja_titulo .center {
display:block;
float:center;
width:275px;
}


#head .caja_titulo .right {
background: none;
display:block;
float:right;
width:280px;
margin:0px;
}

.caja_titulo h3 {
color:#f0f0f0;
font-style:italic;
font-weight:bold;
font-size:28px;
margin:0 0 15px 0;
text-shadow:2px 2px #111;
}

.caja_titulo p, .caja_titulo blockquote {
font-family: Georgia;
font-size:20px;
color:#ffffd6;
text-shadow:1px 1px #111;
padding:5px 0 0 0;
line-height: 25px;
}

.caja_titulo .center {
	text-align: center;
}

.caja_titulo_abajo {
margin:0px 0px 0px 170px;
background: url(../images/caja_titulo_abajo.png) no-repeat left -10px;
height:30px;
padding:0px 0 0 0;
text-align: center;
width:637px;
display:block;
color:#a49f9f;
}

.caja_titulo_abajo a { color:#a49f9f; }




#features ul {
margin:10px 0 10px 0;
display:block;
overflow: hidden;
}

#features ul li {
display:block;
float:left;
width:500px;
margin:0 10px 47px 0;
}

#features ul li h3 {
color:#f1ea81;
display:block;
overflow: hidden; 
width:500px;
height:31px;
line-height:20px;
margin:0;
}

#features ul li h3 span, #features ul li h3 img {
float:left;
display:block;
margin:0 0 0 10px;
}

/* Text font */
#features ul li p {
margin:0 0 0 39px;
font-family: Helvetica;
font-size:20px;
text-align:left;
line-height:24px;
}




#features_apps ul {
margin:10px 0 10px 0;
display:block;
overflow: hidden;
}

#features_apps ul li {
display:block;
float:left;
width:340px;
margin:0 10px 30px 0;
}


#features_apps ul li a {
font-family: Georgia;
font-size:22px;
color:#b5feff;
margin:0 0 0 0px;
float:center;
display: inline;
text-shadow:2px 2px 2px #000000;
}

#features_apps ul li a:hover { 
color:#ffc300;
text-decoration:none;
}

#features_apps ul li h3 {
display:block;
overflow: hidden; 
width:450px;
line-height:30px;
margin:0;
}

#features_apps ul li h3 span, #features_apps ul li h3 img {
float:left;
display:block;
margin:0 0 0 10px;
}

#features_apps ul li p {
margin:8px 0 0 15px;
}





#navbar {
background:url(../images/navbar.png) repeat-x;
height:125px;
display: block;
overflow: hidden;
}

#navbar p {
height: 45px;
margin-top:2px;
line-height: 45px;
display:block;
font-size:11px;
font-family: Arial;
color: #666666;
}

#navbar a {
font-size:20px;
font-family: Georgia;
color: #cccccc;
}

#navbar a:hover { 
color:#ffc300;
text-decoration:none;
}

#navbar .left {
	width:125px;
display:block;
float:left;
margin:-2px 0 0 40px;
text-shadow:2px 2px 2px #000000;
}

#navbar .centre {
width:540px;
display:block;
float:left;
}

#navbar .right {
width:130px;
margin-right:25px;
display:block;
float:right;
}

/* Logo navigation bar */
.logo_navbar {
float:left;
background: url(../images/logo_navbar.png) no-repeat;
width:215px;
height:125px;
display:block;
overflow: hidden;
margin:0 0 0 0px;
position:relative;
}

/* App title */
.titulo_app {
width:500px;
font-family: Georgia;
font-size:38px;
color:#dcd0be;
margin:15px 0px 10px 140px;
float:left;
display: inline;
text-shadow:3px 3px 3px #000000;
}


#noscript-container{
	background-color:#CC0000;
	color:white;
	font-size:110%;
	left:0;
	top:0;
	position:fixed;
	padding:f0px 55px;
	width:100%;
	text-align:center;
	font-weight:bold;
}
	
	
	
	
#pie {
height:45px;
display: block;
overflow: hidden;
background: #4c4f47;
}

#pie p {
height: 45px;
margin-top:2px;
line-height: 45px;
display:block;
font-size:15px;
font-family: Arial;
color: #767676;
}

#pie a {
font-size:15px;
color: #767676;
}

#pie a:hover { 
color:#969696;
text-decoration:none;
}

#pie .left {
width:340px;
display:block;
float:left;
margin:0 0 0 15px;
}

#pie .centre {
width:300px;
display:block;
float:left;
margin:0 0 0 65px;
}

#pie .right {
width:300px;
margin-right:0px;
display:block;
float:right;
}
