/* begin: screen.css */
/*pre-formatting*/
body, h1, h2, h3, h4, h5, h6, form, div, span, dl, ul, ol,li, dt, dd, p, address,a, blockquote, fieldset, input, label {margin:0; padding:0; border:none; list-style:none;}
/*paragraph*/
p.normal{margin-bottom:1.1em;}
/*hiding HR in screen view*/
hr{display:none;}
/*removing the border of the all tables*/
table{border-collapse:collapse;}
/* forms */
label{font-size: 10px; display:block; line-height:1.5em;font-weight:bold; color:#006699;}
input, textarea{font: normal 11px Arial,Verdana,"Sans Serif",sans-serif; vertical-align:middle;}
ul.fields{padding:5px 0;}
ul.fields li{border-bottom:1px dashed #fff2e2; margin-top:5px;padding-bottom:5px;}
ul.fields li.fl{border:none;margin-right:10px;}
ul.fields li.fn{border-top:1px dashed #fff2e2;float:none;clear:both;}

.inputtext{font-size: 11px; border:1px solid #DDE; background:#fff; padding:2px;}
.focus{font-size:1.25em; border: 2px solid #f90;}
.submit {background:#9c301c; font-size: 10px; color: #fff; border: 2px outset #9c301c;}
.buttons{float:none; clear:both; text-align:center; margin:10px 0; padding:5px 0;border-top: 1px solid #fff2e2;}

/* standard links */
a{color:#9c301c; text-decoration:none;}
a:visited {color:#666; text-decoration: none;}
a:hover {color:#c00; text-decoration:underline;}
/*lists*/
ul li, ol li{list-style:none;}
/*generic classes to curves*/
.crv-tl, .crv-bl, .crv-tr, .crv-br{display:block; position:absolute; width:10px; height:10px; font-size:0; line-height:0; background-color:#fff; background-repeat:no-repeat; z-index:5;}
.crv-tl{top:0; left:0; background-position:top left;}
.crv-bl{bottom:0; left:0; background-position:bottom left;}
.crv-tr{top:0; right:0; background-position:top right; _right:-1px;}
.crv-br{bottom:0; right:0; background-position:bottom right; _right:-1px;}

/*positioning and formatting elements*/
#All{position:relative; text-align:left; width:759px; margin:0 auto;}

/*Header*/
#Header{position:relative; margin-top: 2em; height:208px; background:url(../../images/bkg_header.jpg) no-repeat;}
#Header h1 a{position:absolute; top:10px; left: 10px;}
#Header h1 a{display:block; width:196px; height: 107px; background: url(../../images/lgo_vitafoods.gif) no-repeat;}
#Header #Slogan{position:absolute; top:40px; left:270px; width:228px; height:39px; background:url(../../images/slogan.gif) no-repeat;}

#Header #FirmLogo{position:absolute; top:30px; right:10px;}
#Header #FirmLogo a{display:block; width:122px; height:4.6em; font-size:9px; color:#999; background:url(../../images/lgo_firmenich.gif) 0 1.5em no-repeat;}
#Header #FirmLogo a:hover{text-decoration:none;}
#Header h1 a span, #Header h1 span span, #Header #Slogan span, #Header #FirmLogo span{display:none;}

/*Eyebrow*/
#Eyebrow{font-size:9px; position:absolute; top:-2em; _top:0; padding: 3px 0; clear:both; overflow:auto; _height:1px; _overflow:visible;}
#Eyebrow h2{display:none;}
#Eyebrow ul li{display:inline; margin-right: 0.5em;}

#Eyebrow #Nav{float:left;}
#Eyebrow #Nav ul{padding-left:20px; background: url(../../images/ico_navigation.gif) no-repeat;}
#Eyebrow #Nav ul li{padding-left:9px; background: url(../../images/ico_arrow.gif) no-repeat 0 0.3em;}
#Eyebrow #Nav ul li.first{font-weight:bold;}
#Eyebrow #TopMenu{float:right;}

/*Middle and Cols*/
#Middle{clear:both;}
#Middle #ColA{width:169px; float:left;}
#Middle #ColB{width:580px; float:right;}

/*Main and Menu*/
.section #Middle, .section #Main {overflow:auto; _height:1px; _overflow:visible;}
#Menu, #Home #Main{min-height:320px; height:29em;}

#Menu{position:relative; margin-bottom:10px; color:#fff; background-color:#9c301c; }
#Menu h2{display:none;}
#Menu .crv-bl, #Menu .crv-br{background-image: url(../../images/crv_9c301c_10.gif);}
#Menu .content{padding:10px 0;}
#Menu .content ul{font-size:12px; border-top:1px solid #b05949; _height:1px; _overflow:visible;}
#Menu .content ul li{padding-left:1px; border-bottom:1px solid #b05949;}
#Menu a{display:block; _width:100%; padding:5px 10px; color:#fff;}
#Menu a:visited{color:#fff;}
#Menu a:hover{padding:8px 10px; color:#9c301c; background:#fff url(../../images/crv_inv_9c301c_tl.gif) top left no-repeat; font-size: 1.25em; font-weight:bold; text-decoration:none; border-bottom: 2px solid #900;}
#Menu .on, #Menu .on:hover{position:relative; padding:8px 10px; color:#9c301c; background:#ffe8cc url(../../images/crv_inv_ffe8cc_tl.gif) top left no-repeat; font-size: 1.25em; font-weight:bold; text-decoration:none; border-bottom: 2px solid #900; right: -10px; border-right:1px dashed #eac190;}
#Menu a span, #Menu span span{display:none;}
#Menu a:hover span, #Menu .on span{display:block; color:#999; font-size:9px;}

#Main{position:relative; background:#ffe0bb;}
#Main .bd{padding:5px 15px 15px 15px; font-size:12px; _height:1px; _overflow:visible;}
.frontpage #Main .bd .content{width:280px;}
#Main .bd h2{color: #9c301c; font: 28px Georgia, "Times New Roman", Times, serif; margin-bottom:10px;}
#Main .bd h3, #Main .bd h3 a{color: #008082; font-size:16px; margin-bottom:10px;}
#Main .bd h4, #Main .bd h4 a{color: #000; font-size:14px; margin-bottom:5px;}
#Main .bd h5{color: #000; font-size:12px; margin-bottom:5px;}
#Main .bd p{margin-bottom:1.1em;}
#Main .bd ul{margin: 1em 0;}
#Main .bd ul li{margin-left:15px; list-style:disc;}
#Main .crv-bl{background-image: url(../../images/crv_ffe0bb_10.gif);}
#Main .crv-br{background-image: url(../../images/crv_ffe0bb_10.gif);_right:0;}
#Main #Fruits{width:280px; height: 270px; position:absolute; top: -20px; right: 10px; background:url(../../images/fruits.jpg) no-repeat;}
#Main .ft{font-size:10px; padding-top:3px; border-top: 1px solid #ebbd9b; clear:both; }

#Main #Photos{width: 206px; margin-left: 10px; float:right;}
#Main #Photos img{display:block; border:3px solid #fff2e2; margin-bottom: 10px; }
.legend{font-size:9px;color: #FFFFFF; background-color: #e38c05; padding: 5px; margin-top:-10px; margin-bottom:10px;}

#Servicos #Main #Photos{width: 126px;}
#Atuacao #Main .crv-bl, #Atuacao #Main .crv-br{_bottom:-1px;}
#Logistica #Main .crv-bl, #Logistica #Main .crv-br{_bottom:-1px;}
#Logistica #Main .bd{min-height:365px;}

#Main #ContentFooter ul{padding:0; margin:0;}
#Main #ContentFooter ul li{display:inline; border-right: 1px solid #9c301c; padding:0 0.5em; margin:0;}
#Main #ContentFooter ul li.first{padding-left:0;}
#Main #ContentFooter ul li.last{border:none;}

#FrmContact{background:#ffe8cc; padding: 15px; margin-bottom: 10px; border: 1px solid #fc9; }


/*Presentation*/
#Presentation .hd{clear:both; position:relative; background:#369; padding:5px 10px; _height:1px; _overflow:visible;}
#Presentation .hd h2{color:white; font: 16px Georgia,"Times New Roman",Times,serif;}
#Presentation .hd .crv-tl, #Presentation .hd .crv-tr{background-image: url(../../images/crv_369_10.gif);}

#Presentation .bd{position:relative; background:#c4d3e2;}
#Presentation .bd .crv-bl{background-image: url(../../images/crv_aac0d6_10.gif);}
#Presentation .bd .crv-br{background-image: url(../../images/crv_c4d3e2_10.gif);}
#Presentation .bd .content{padding:5px 10px;}
#Presentation .bd .content h3{font-size:13px; color:#036; margin-bottom: 5px;}
#Presentation .bd .content p{margin-bottom: 5px;}
#Presentation .bd .content img.border{border-color:white; margin-bottom: 5px;}
#Presentation .bd .content .ft{padding-top:3px; border-top: 1px solid #92aeca;}
#Presentation .bd .content a{color:#369; text-decoration:none;}
#Presentation .bd .content a:hover {color:#036; text-decoration:underline;}
#Presentation .bd .content h4{font-size:11px; color:#036; margin-bottom:2px;}

#Presentation .bd, #Presentation .bd #Atend, #Presentation .bd #Lab, #Presentation .bd #FirmBox, #Presentation .bd #More{min-height:220px; height:22em;}
#Presentation .bd #Atend{float:left; background:#aac0d6; width:189px; border-right: 1px solid #fff;}
#Presentation .bd #Lab{float:left; background:#c4d3e2; width:189px;  border-right: 1px solid #fff;}
#Presentation .bd #FirmBox{float:left; background:#aac0d6; width:189px; border-right: 1px solid #fff;}
#Presentation .bd #More{float:left; background:#c4d3e2; width:189px;}

#Presentation .bd #More .content p{font-size:9px; padding-bottom:5px; margin-bottom:5px; border-bottom: 1px solid #92aeca;} 
#Presentation .bd #More .content p.last{border:none;}


/*TechModule*/
#TechModule{margin-bottom:10px; _height:1px; _overflow:visible;}
#TechModule ul.tabs{clear:both; border-bottom:2px solid #F90; overflow:auto; _height:1px; _overflow:visible; padding:0; margin:0;}
#TechModule ul.tabs li{font-size: 10px; float:left; padding:5px; list-style:none; margin:0;} 
#TechModule ul.tabs li.on{background:#f90;}
#TechModule ul.tabs li.on a, #TechModule ul.tabs li.on a:hover{font-size: 1.2em; color: #fff; font-weight:bold;}
#TechModule .bd{clear:both; background-color:#ffe8cc; border: 1px solid #f90; padding:0;} 
#TechModule .bd .content{clear:both; border: 2px solid #eed8bb; padding:10px; overflow:auto; height: 360px;}



/*Footer*/
#Footer{position:relative;color:#fff; background:#008ca3; padding:10px; margin-top:10px; _height:1px; _overflow:visible; clear:both;}
#Footer .crv-tl, #Footer .crv-tr, #Footer .crv-bl, #Footer .crv-br{background-image: url(../../images/crv_008ca3_10.gif);}

/*signature*/
#BergBrandt{overflow:auto; _height:1px; overflow:visible;}
#BergBrandt a{display:block; width:71px; height:11px; margin:5px 0;background:url(../../images/bergbrandt.gif) no-repeat; float:right;}
#BergBrandt a span{display:none;}

/*generic boxes*/
.boxblue{margin-bottom:10px;}
.boxblue .hd{clear:both; position:relative; background:#369; padding:5px 10px; _height:1px; _overflow:visible;}
.boxblue .hd h2{color:white; font: 14px Georgia,"Times New Roman",Times,serif;}
.boxblue .hd .crv-tl, .boxblue .hd .crv-tr{background-image: url(../../images/crv_369_10.gif);}
.boxblue .hd a{color:#fff;}
.boxblue .bd{position:relative; background:#aac0d6; overflow:auto; _height:1px; overflow:visible;}
.boxblue .bd .content{padding:5px 10px;}
.boxblue .bd .content p{margin-bottom: 5px;}
.boxblue .bd .crv-bl, .boxblue .bd .crv-br{background-image: url(../../images/crv_aac0d6_10.gif); _bottom:-1px;}
.boxblue .bd .content .ft{padding-top:3px; border-top: 1px solid #92aeca;}
.boxblue .bd .content a{color:#369; text-decoration:none;}
.boxblue .bd .content a:hover {color:#036; text-decoration:underline;}

.boxgreen{margin-bottom:10px;}
.boxgreen .hd{clear:both; position:relative; background:#008ca3; padding:5px 10px; _height:1px; _overflow:visible;}
.boxgreen .hd h2{color:white; font: 14px Georgia,"Times New Roman",Times,serif;}
.boxgreen .hd .crv-tl, .boxgreen .hd .crv-tr{background-image: url(../../images/crv_008ca3_10.gif);}
.boxgreen .hd a{color:#fff;}
.boxgreen .bd{position:relative; background:#abd6d7; overflow:auto; _height:1px; overflow:visible;}
.boxgreen .bd .content{padding:5px 10px;}
.boxgreen .bd .content p{margin-bottom: 5px;}
.boxgreen .bd .crv-bl, .boxgreen .bd .crv-br{background-image: url(../../images/crv_abd6d7_10.gif); _bottom:-1px;}
.boxgreen .bd .content .ft{padding-top:3px; border-top: 1px solid #92aeca;}
.boxgreen .bd .content a{color:#008ca3; text-decoration:none;}
.boxgreen .bd .content a:hover {color:#008ca3; text-decoration:underline;}

/*generic classes*/
.more{font-size:9px; padding-left:14px; background: url(../../images/ico_more.gif) no-repeat 0 2px;}
img.border{border-width:1px; border-style:solid;}
.last{border:none;}
.map{padding-left:20px; background: url(../../images/ico_map.gif) no-repeat;}
.mail{padding-left:20px; background: url(../../images/ico_mail.gif) no-repeat;}
.back{padding-left:10px; background: url(../../images/ico_arrow_back.gif) no-repeat left center;}
.alert{padding:15px; background:#fd9; border:2px solid #f90; color:#f00; font-size:11px; }
/* end: screen.css */