﻿#main {width:950px; margin:0 auto; background:url('img/main-bg2.jpg') no-repeat left top;
}

#header {height:140px;}
#header, #content, #footer { font-size:0.75em;}

#leftside { float:left; width:210px; margin-right:18px; padding-top:37px; padding-left:8px;}
#center { float:left; width:489px; margin-right:28px;}
#rightside { float:left; width:194px; padding-top:20px;}

#destaque { float:left; width:174px; margin-right:48px;}

#extra-wrap { width:725px; float:left; margin-right:27px;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#page1 #content .col-1 {width:725px; margin-right:28px;}
#page1 #content .col-2 { width:187px;}
#page1 #content .col-1 .line-ver { background:url('img/line1.gif') repeat-y 375px top; 
width:100%;
}
#page1 #content .col-1 .col-1 { width:336px; margin-right:77px;}
#page1 #content .col-1 .col-2 { width:242px;}
#page1 #content .col-1 .col-1 .col-1 { width:158px; margin-right:20px;}
#page1 #content .col-1 .col-1 .col-2 { width:158px;}

/*======= index-1.html =======*/
#page2 #center { margin-right:0;}
#page2 #content .col-1 {width:295px; margin-right:77px;}
#page2 #content .col-2 { width:294px;}
#page2 #content .line-ver { background:url('img/line1.gif') repeat-y 335px top; width:100%;}

#page2 #center { margin-right:0;}
#page2 #content .col-3 {width:205px; margin-right:0px;}
#page2 #content .col-4 { width:294px;}
#page2 #content .line-ver2 { background:url('img/line1.gif') repeat-y 335px top; width:100%;}

/*======= index-2.html =======*/
#page3 #center { margin-right:0;}
#page3 #content .col-1 {width:295px; margin-right:77px;}
#page3 #content .col-2 { width:294px;}
#page3 #content .line-ver { background:url('img/line1.gif') repeat-y 335px top; 
width:100%;
}

/*=========================*/


#footer {border-top:6px solid #111; padding:29px 0 30px 28px;}