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

*{
	margin:0;
	padding:0;
	position: relative;
}
body{
font-family:Arial, Helvetica, sans-serif;
}
#wrapper{
width:980px;
margin:auto;
}

#wrapper-fb{
width:520px;
margin:auto;
}

#logo{
width:390px;
height:150px;
background:url(../images/EcologicLogo.gif) no-repeat center;
float:left;
cursor:pointer;
}

#menu{
width:550px;
float:right;
margin-top:90px;
}
#menu ul{
list-style:none;
}
#menu li{
float:left;
}
#menu a{
display:block;
width:120px;
height:20px;
font-size:12px;
color:white;
margin:0 5px;
text-align:center;
text-decoration:none;
line-height:20px;
cursor:pointer;
font-weight:bold;
}
#menu span{
	background:url(../images/right.png) no-repeat right;
	-background:url(../images/right.gif) no-repeat right;
	display:block;
	width:120px;
	height:20px;
}
#menu .menu1{
background:#7c9fc5 url(../images/left.png) no-repeat left;
-background:#7c9fc5 url(../images/left.gif) no-repeat left;
}
#menu .menu2{
background:#928572 url(../images/left.png) no-repeat left;
-background:#928572 url(../images/left.gif) no-repeat left;
}
#menu .menu3{
background:#e0924d url(../images/left.png) no-repeat left;
-background:#e0924d url(../images/left.gif) no-repeat left;
}
#menu .menu4{
background:#bbd36b url(../images/left.png) no-repeat left;
-background:#bbd36b url(../images/left.gif) no-repeat left;
}

#dropmenudiv{
position:absolute;
margin-top:20px;
border:1px solid white;
border-bottom-width: 0;
font:normal 11px Arial;
line-height:16px;
z-index:100;

}

#dropmenudiv a{
width: 120%;
display: block;
text-indent: 18px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
color: #ffffff;
font-weight:bold;
font-size:12px;
background-color:#928572;

}

#dropmenudiv a:hover{ /*hover background color*/
text-decoration:none;
background-color:#716759;
}

#dropmenudiv_1{
position:absolute;
margin-top:20px;
border:1px solid white;
border-bottom-width: 0;
font:normal 11px Arial;
line-height:16px;
z-index:100;

}

#dropmenudiv_1 a{
width: 100%;
display: block;
text-indent: 10px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
color: #ffffff;
font-weight:bold;
font-size:12px;
background-color:#E0924D;

}

#dropmenudiv_1 a:hover{ /*hover background color*/
text-decoration:none;
background-color:#DE7314;
}

#dropmenudiv_2{
position:absolute;
margin-top:20px;
border:1px solid white;
border-bottom-width: 0;
font:normal 11px Arial;
line-height:16px;
z-index:100;

}

#dropmenudiv_2 a{
width: 120%;
display: block;
text-indent: 10px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
color: #ffffff;
font-weight:bold;
font-size:12px;
background-color:#7c9fc5;

}

#dropmenudiv_2 a:hover{ /*hover background color*/
text-decoration:none;
background-color:#4485bc;
}


#dropmenudiv_3{
position:absolute;
margin-top:20px;
border:1px solid white;
border-bottom-width: 0;
font:normal 11px Arial;
line-height:16px;
z-index:100;

}

#dropmenudiv_3 a{
width: 100%;
display: block;
text-indent: 10px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
color: #ffffff;
font-weight:bold;
font-size:12px;
background-color:#BBD36B;

}

#dropmenudiv_3 a:hover{ /*hover background color*/
text-decoration:none;
background-color:#9aba31;
}

/*-----------CONTENT---------------*/
#content{
width:980px;
height:460px;
float:left;
clear:both;
}


#content2{
width:980px;
height:860px;
float:left;
clear:both;
}

#content2 a{
color:#CCDC8D;
}

#content a{
color:#CCDC8D;
}
.index{
background:url(../images/bg-flash.jpg) no-repeat;
}
.pages{
background:url(../images/bg.jpg) repeat-x;
height:430px !important;
padding:30px 15px 0 15px;
width:950px !important;
}
.pages4{
background:url(../images2/bg.jpg) repeat-x;
height:500px !important;
padding:30px 15px 0 15px;
width:950px !important;
}
.about{
background:url(../images/bg-flash2.jpg) center no-repeat;
padding-top:60px;
height:400px!important;
}

.founder{
background:url(../images/bg_splash3.jpg) center no-repeat;
height:1260px!important;
}

.pages2 {
background:url(../images/bg32.jpg) repeat-x;
height:850px !important;
padding:30px 15px 0 15px;
width:950px !important;
font-size:10px;
color:#FFFFFF;
}

.pages3 {
background:url(../images/bg3.jpg) repeat-x;
height:625px !important;
padding:30px 0 0 30px;
width:950px !important;
font-size:10px;
color:#FFFFFF;
}

.cow{
background:url(../images/cow.jpg) center no-repeat;
padding-top:60px;
height:400px !important;
}


#content h1{
color:white;
font-size:28px;
padding:10px 0;
}

#content p, #content ul, #content ol{
padding:10px 0;
color:white;
font-size:13px;
}

#left {
float:left;
height:400px;
padding:0 15px;
}

#right{
float:right;
height:400px;
padding:0 15px;
}
.cowRight{
margin-right:250px;
-margin-right:120px;
}
#comparison{
border:2px solid #b2bc39;
-moz-border-radius:8px;
-webkit-border-radius:8px;
width:920px;
margin-top:15px;
margin-bottom:15px;
display:table;
height:90px;
background:url(../images/bg-comp.gif);
margin-left:15px;
overflow:hidden;
}
.comp{
height:80px;
float:left;
min-width:165px;
border-right:2px solid #b2bc39;
padding:5px;
display:table-cell;
background:white;
}
.comp h2{
color:#6699CC;
font-size:22px;
text-align:center;
}
.comp h3{
color:#6699CC;
font-size:14px;
}
.comp ul{
color:#666666 !important;
font-size:12px;
padding:3px 0 !important;
}
.comp li{
margin-left:15px;
padding:2px 0;
}
.compLast{
background:none;
border:none;}

.comp a{
color:#6699CC !important;
}

.compare{
height:105px !important;
background:url(../images/bg-comp2.gif) !important;
}
.compare .comp{
height:95px;
min-width:260px !important;
}
/*----------------FOOTER----------------*/
#footer{
width:980px;
clear:both;
float:left;
padding-top:10px;
padding-left:130px;
}
#footer ul{
color:#663;
font-size:10px;
text-align:center;
list-style:none;
margin-bottom:10px;
}
#footer ul li{
display:inline;
}
#footer a{
padding:0 15px;
color:#663;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
#footer p{
text-align:center;
font-size:10px;
color:#663;
}


#footer2{
width:980px;
clear:both;
float:left;
padding-top:10px;
}
#footer2 ul{
color:#663;
font-size:10px;
text-align:center;
list-style:none;
margin-bottom:10px;
}
#footer2 ul li{
display:inline;
}
#footer2 a{
padding:0 15px;
color:#663;
text-decoration:none;
}
#footer2 a:hover{
text-decoration:underline;
}
#footer2 p{
text-align:center;
font-size:10px;
color:#663;
}

/*--------------*/
.table-form{
font-size:13px;
color:white;}
.table-form td{
padding:2px 6px 2px 0;
vertical-align:top;
}
.table-form input{
width:250px;
}
.table-form textarea{
width:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:70px;
}
#enviar{
width:120px;
}