* { padding: 0; margin: 0; border: 0}

body { margin: 0; padding: 0;text-align: center; font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 10px; line-height: 14px;}

#main h1, #main h2 {margin:0; padding: 0 0 10px 0}

a { text-decoration: none; color: #777777}
#leftBox .smallbox a:hover, 
#main a:hover,
a:hover {color: #883333  }

#wrapper-ext { width: 100%; position: absolute; top:0; margin:0 auto; padding: 0; text-align: center; background-color: white;}
#wrapper { width: 983px; position: absolute; top:0 ;margin: 0 auto; padding: 0;  text-align: left; position: relative; background: url(../img/layout/wrap_bg.gif) repeat-x}
#top {width: 100%;height: 102px;	background: url(../img/layout/top.png) no-repeat right;}
#top li { float: left; display: block;   border-width: 0 1px 0 0; border-style: solid;  }
#top li a { float: left; display: block; padding: 0 6px 0 6px; text-transform: uppercase; }
#top li.first { border-width: 0 1px 0 1px;}
#top #menu li a { height: 19px; color: white; line-height: 19px; height: 19px;}
#top #menu li { border-color: #b2b2b2; }
#top #cat1 li { border-color: #666666}
#top #cat1 li a {  }
/*#top #cat1 li a:hover, #cat2 li a:hover {color: #cc3333}*/
#top #menu li a:hover, #top #menu li a.active { background-color: #9e1c1e; text-decoration: none}
#top ul { height:19px; width: auto; position: absolute; right: 29px}
#top ul#menu { top: 0px; }
#top ul#cat1 { top: 26px; }

#right { float: right; width: 780px; position: relative; }

#logo{ position: absolute; top: 0; left: 0; margin: 0; padding: 0}
#leftBox {  float: left;  padding-top: 102px; width: 203px; background: #ffffff;} /*url(../img/layout/left_bg.jpg) no-repeat top: 102px;*/
#leftBox ul {list-style: none; }
#leftBox .smallbox { text-align: right; clear: both; padding: 10px; padding-top: 0px;font-size: 10px;}
.dark { background: #ffffff;   } /*url(../img/layout/grey_bland.gif);*/
.fair { background: #ffffff;}
#leftBox .smallbox a { color: #5a5a5a}
#leftBox h3 { font-size: 10px; text-transform: uppercase; color:5a5a5a; padding-right: 22px; background: url(../img/layout/star.gif) no-repeat left; line-height: 20px;}
#cat2 { display: block; width: auto; height: 216px; padding-top: 48px; padding-bottom: 75px; margin-right: 10px;}
#cat2 li { clear: both; display: block;text-align: right; line-height: 12px; padding-bottom: 18px;}
#cat2 li a { text-transform: uppercase; color: #4f4f4f;}
#cat2 li a:hover { color: #883333;}

/*#main { float: right; width: 645px; border-left: 5px solid white; position: relative; left: -29px;}*/
#main { float: right; width: 674px;  position: relative;}
#main .mainblock a {color: #efefef}

h1 { font-size: 120%; margin: .4em 0; }
h2 { font-size: 120%; margin: .3em 0;}

#piclist {list-style-type: none; width: 100%; margin-top: 10px; display: block; clear: both; float: right;}
#piclist li {  width: 156px; float: left;margin-left: 16px; background: #f0f0f0; margin-bottom: 9px;}
#piclist li.first{ margin-left: 0; clear:both;}
#piclist li img { display: block; width: 156px; height: 52px; clear: both;}
#piclist a { color: #3c3731; font-size: 10px;  height: 19px; line-height: 19px;  padding-left: 19px; background: url(../img/layout/arrow_l.gif) no-repeat left}


#companylist { float: right; list-style-type: none; width: 674px; height: 100%; margin-top: 10px; display: block; clear: both; background: #efefcb }
#companylist li { margin: 3px 6px 3px 5px; display: block; float: left; width: 210px; height: 22px; }
#companylist a {color: #3c3731;  line-height: 22px; padding: 5px 5px 5px 19px; background: url(../img/layout/arrow_l.gif) no-repeat left ; text-transform: uppercase;}

#bar {	 width: 100%; float: right; clear: both; text-align: right; font-size: 10px;	color: #5a5a5a; border-top: 1px solid #dde2e2; padding-top: 13px; margin-top: 30px; padding-right: 10px;}

#oferta {  position: relative; background: #959697 url(../img/layout/oferta_bg.gif); color: #f8f8f8; width: 100%; border-bottom: 1px solid #b1b1b1; float: right; min-height: 290px; _height: 290px;}

#portfolio { background: url('../img/layout/portfolio_bg.gif') no-repeat top; }
#portfolio h2{ color: #f8f8f8; text-transform: uppercase; font: bold 11px tahoma; margin: 0; padding:28px 0 20px 10px;}

.mainblock  {min-height: 290px; _height: 290px;}
.mainblock {  position: relative; background: gray; color: #d1d1d1; width: 100%; }
.mainblock h2{ color: #f8f8f8; text-transform: uppercase; font: bold 11px tahoma; }
#main a {color: gray;}
#main p, #main ul {padding-bottom: 10px;}
#main ul {list-style: none}


#p_det { margin: 10px; width: 210px;}
#p_im { width: 433px; position: absolute; top: 0; right: 0; overflow: hidden;}
#p_bprev,#p_bnext { position: absolute; bottom: 3px;}
#p_bprev { left: 80px}
#p_bnext { left: 140px;}
#p_nav { list-style-type:none;}
#p_back, #p_next {position: absolute; bottom:3px}
#p_next {left: 180px;}
#p_back {left: 5px;}


#of_menu {width:240px; list-style-type: none; float: left; position: relative; top: 55px;}
/*#of_menu li {line-height: 18px; margin-top: 14px; height: 18px}*/
#of_menu li a {display: block; line-height: 18px; margin-top: 15px; height: 20px; color: #e1e1e1; text-transform: uppercase; font-size: 10px; padding-left: 8px;border: 0px; border-width: 1px;}
#of_menu li.selected a, 
#of_menu li a:hover  {background: #fafafa; color: #df0000;  border: 1px solid #b1b2b3; text-decoration: none}
#of_menu, #of_content {}
#of_content {float: right; width: 380px; display: inline; margin-right: 20px; margin-top: 62px;}

a#showall { float: right; clear: both; padding-right: 30px; color:#5a5a5a}
#news {width: 500px;}

ul.buttons { list-style-type: none; padding: 10px;}
ul.buttons li { display: inline;}
ul.buttons .next {float: right;}
ul.buttons .prev {float: left;}

#main h3 {	padding: 25px 0 0 0;font-weight: normal; text-transform: uppercase; clear: both; font-size: 10px; color: #777777}

#langSelect { font-size: 10px;}
#langLabel {float: right; padding-right: 10px;}
#langLabel span {padding-bottom: 9px; padding-right: 10px; position: relative; top: -2px}