@import url("reset.css");

/* Elements
----------------------------------------*/
body{
background:#FFFFFF url(../images/body-bg.gif) repeat-x scroll 0 0;}

body, p, td, th, li{
font-family: "Times New Roman", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, serif;
font-size:12px;
line-height:1.5em;
color:#684829;}
 

#mainContainer{
width:970px;
margin:0 auto;}

p{
margin: 0 0 1em 0;}

/*--- Link Styles ---*/
a:link, a:visited{
color:#684829;
text-decoration: underline;}

a:hover, a:active{
text-decoration:none;}

h1{
margin:.825em 0 .5em 0;
font-size:2.125em;}

h2{
margin:.825em 0 .5em 0;
font-size:1.75em;}

h3{
margin:.825em 0 .5em 0;
font-size:1.5em;}

h4{
margin:.825em 0 .5em 0;
font-size:1.25em;}

h5{
margin:.825em 0 .5em 0;
font-size:1.125em;}

h6{
margin:.825em 0 .5em 0;
font-size:1em;}

ul{
margin-left:25px;
list-style-type:none;}

ol{
margin-left:25px;}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/
#header{
background:transparent url(../images/banner-frame.png) no-repeat scroll 0 0;
height:263px;
width:960px;
position: relative;
margin-bottom:10px;}

#banner{
left:0;
position:absolute;
top:0;}

#frame{
background:transparent url(../images/banner-frame.png) no-repeat scroll 0 0;
height:263px;
position:absolute;
width:960px;
z-index:10;}

#frame h1{
left:0;
margin:0;
position:absolute;
top:0;}

#frame ul#language-bar-2{
position:absolute;
right:0;
top:0;
margin:0 3px;}

#frame ul#language-bar-2 li{
float:left;}

#frame ul#language-bar-2 li a{
background:transparent url(../images/separator-1.png) no-repeat scroll right center;
padding:0 6px 0 5px;}

#frame ul#language-bar-2 li a:link, #frame ul#language-bar-2 li a:visited{
color:#FFFFFF;
font-family:Georgia;
font-size:10px;
line-height:45px;
text-decoration:none;}

#frame ul#language-bar-2 li a:hover, #frame ul#language-bar-2 li a:active{
text-decoration: underline;}

#frame ul#language-bar-2 li.last a{
background: none;}

#frame ul#nav{
bottom:0;
left:0;
margin:0;
position:absolute;}

#frame ul#nav li{
float:left;
padding:0 23px}

#frame ul#nav li a{
line-height:34px;}

#frame ul#nav li a:link, #frame ul#nav li a:visited{
color: #fff;
text-decoration: none;
font-size: 12px;
font-family: Georgia;}

#frame ul#nav li a:hover, #frame ul#nav li a:active, #frame ul#nav li.active a{
color: #bcbaba !important;} 
		
/* Main Content
----------------------------------------*/
#mainContent{
width:960px;
background:#FFFFFF url(../images/main-content-bg-3.png) no-repeat scroll 0 0;
padding:17px 20px;
width:920px;}

#language-bar{
background:transparent no-repeat scroll 0 0;
height:132px;
margin:30% auto 0;
position:relative;
width:960px;}

#language-bar h1{
left:114px;
margin:0;
position:absolute;
top:24px;}

#language-bar ul{
margin:0;
position:absolute;
right:88px;
top:41px;}

#language-bar ul li{
border-right:1px solid #FFFFFF;
float:left;
line-height:12px;
padding:0 7px 0 6px;}

#language-bar ul li.last{
border:medium none;}

#language-bar ul li a{
color:#FFFFFF;
text-decoration:none;}

#mainContent.home{
margin-bottom:57px;
position:relative;}

#mainContent.home p{
float:left;
width:350px;}

#mainContent.home .screenshots{
float:right;
margin-right:-22px;
_margin-right:-11px;
width:572px;}

#mainContent.home .screenshots img{
background:#FFFFFF url(../images/img-bg.png) no-repeat scroll 0 0;
padding:1px 6px 7px;}

#mainContent.home .screenshots img{
margin-right:16px}

#mainContent.home .screenshots img.last{
margin-right:0px}

#mainContent.home .screenshots .stack{
margin-bottom: 16px;}

#mainContent.home .screenshots .stack.last{
margin-bottom: 0px;}
 
#presentation{
clear:both;
background:url(../images/main-content-bg-2.png) no-repeat scroll 0 0 #FFFFFF;
padding:17px 20px;
padding-top:48px;
position: relative;
min-height:290px;
/* IE6 */
_height:auto !important; 
_height:290px;
width:920px;
}
 
/*.content{
*margin-top:48px;
}*/

.nav-panel{
clear:both;
position: absolute;
left: 0;
top: 0;
/**left:auto;
*top:auto;
*background:url(../images/main-content-bg-2.png) no-repeat scroll 0 0 #FFFFFF;*/}

.nav-panel ul.nav{
margin: 0;}

.nav-panel ul.nav li{
padding:0 20px;
float: left;}

.nav-panel ul.nav li a:link, .nav-panel ul.nav li a:visited{
line-height:25px;
text-decoration:none;
font-family: Georgia;}

.nav-panel ul.nav li a:hover, .nav-panel ul li a:active, .nav-panel ul li.active a{
color:#fff}

#presentation div.text{
/*position:absolute;*/
width:560px;}

#presentation div.text p{
width:550px;}

#presentation ul.list-info{
float:left;
margin:0;
padding-left:240px;
padding-top:70px;
width:290px;}

#presentation ul.list-info li{
background:#FFFFFF url(../images/icon-number-1.png) no-repeat scroll 0 0;
line-height:22px;
margin-bottom:6px;
padding-left:35px;}

#presentation ul.list-info li.l1{
}

#presentation ul.list-info li.l2{
background-image:url(../images/icon-number-2.png);}

#presentation ul.list-info li.l3{
background-image:url(../images/icon-number-3.png);}

#presentation ul.list-info li.l4{
background-image:url(../images/icon-number-4.png);}

#presentation .screenshots{
float:right;
overflow:hidden;
padding-right:12px;}

#presentation h2{
color:#c0b6ab;    
font-size: 24px;
margin:0 0 10px 0;
font-weight:normal;}

.info{
color:#861400;
margin-bottom:35px;}


.splash #mainContent{
padding:0px;
background: transparent;
width: 960px;}

#mainContent.contact p{
width: 100% !important;
float: none !important;}

#mainContent{
min-height: 234px;
_height: auto !important;
_height: 234px ;}

.contact .text{
float:left;
width:510px;}

.contact-form{
float:right;
width:386px;}

.contact-form .row{
margin-bottom:15px;}

.contact-form .row.captcha{
}

.contact-form .row.submit{
width:auto;
margin-bottom:30px;}

.contact-form .row-info{
margin-bottom:0px;}

.contact-form .row label{
display:block;
width:100%;}

.contact-form .row input{
display:block;
width:290px;
padding:2px 0;}

.contact-form .row textarea{
display:block;
height:160px;
width:330px;}

.contact-form .row input.submit{
margin-bottom:0px;
width: auto;
padding:0;}

.contact-form p.form-info{
margin: 0 !important;
float: none !important;}

.text-logo{
font-size: 18px;}

/*accesoires*/
.accessoires div{	
	margin-bottom: 16px;
	margin-right: 16px;
	height: 180px;
}

.accessoires div p{	
	margin-left:30px;
}

.left{float:left;}

/* Footer */
#footer{
border-top:1px solid #E3E3E3;
height:37px;
width:960px;}

#footer p{
margin: 0px;
font-size: 11px;
line-height: 37px;
color: #86827f;
text-align:center;}