/*
   Martin Gross (martingross@times.sk)
   CSS styly pro Otrade.½biz

*/


* {padding:0;margin:0;}
a {color:#3279be;}
a:hover {color:#71a836;}
img {border:0;}
body {font-size:0.8em;font-family:'Arial','Tahoma',sans-serif;color:#000;text-align:center;background:#fff url(../img/body-back.gif) repeat-x top;}
.cb {clear:both;}

.clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; _height: 1px; min-height: 1px; }

#page {width:941px;margin:0 auto;text-align:left;}

/* Header */
#header              { height:350px;background:url(../img/header-back.jpg) no-repeat bottom right;}
#header strong       { display:none;}

#logo                { float:left;display:block;width:229px;height:47px;position:relative;top:65px;background:url(../img/logo.gif) no-repeat;}

#topmenu       { clear:both;float:right;position:relative;top:39px;list-style:none;width:690px;height:64px;background:url(../img/top-menu-back.gif) no-repeat left;}
#topmenu li    { float:left;}
#topmenu a     { display:block;width:97px;height:61px;margin-right:1px;position:relative;top:3px;left:12px;}
#topmenu .mb1  { background:url(../img/mb1.gif);}
#topmenu .mb2  { background:url(../img/mb2.gif);}
#topmenu .mb3  { background:url(../img/mb3.gif);}
#topmenu .mb4  { background:url(../img/mb4.gif);}
#topmenu .mb5  { background:url(../img/mb5.gif);}
#topmenu .mb6  { background:url(../img/mb6.gif);}
#topmenu .mb7  { background:url(../img/mb7.gif);}

#topmenu a:hover,
#topmenu a.selected,
body#produkty     #topmenu a.produkty,
body#ventilacie   #topmenu a.ventilacie,
body#turbiny      #topmenu a.turbiny,
body#galeria      #topmenu a.galeria,
body#kontakt      #topmenu a.kontakt,
body#index        #topmenu a.profil-firmy  { background-position: -104px; }

#newLeftMenu { color: #000;  }
#newLeftMenu ul { list-style: none; position: relative; top: 150px; }
#newLeftMenu ul li { margin-bottom: 1px; _margin-bottom: -2px; }
#newLeftMenu ul li a { display: block; width: 240px; height: 50px; margin: 0; padding: 0; }
#newLeftMenu ul li a strong { display: none; }
#newLeftMenu ul li a.atesty   { background: url('../img/atesty.gif') 0 0; }
#newLeftMenu ul li a.doplnkovy   { background: url('../img/doplnkovy.gif') 0 0; }
#newLeftMenu ul li a.cennik   { background: url('../img/cennik.gif') 0 0; }
#newLeftMenu ul li a:hover { background-position: 245px 0 ; }


#mainbox { clear:both; position: relative; }

/* Content */
#content    { float:right; width:695px; min-height: 450px; _height: 450px; }
#contentIn  { padding: 15px; }
#content h1 { padding: 15px 0; font-family: "Times New Roman",Times,FreeSerif,serif; font-weight: normal; color: #3279be; font-size: 2.3em; }
#content h2 { padding: 10px 0 5px 0; font-family: "Times New Roman",Times,FreeSerif,serif; font-weight: normal; font-size: 1.8em; color: #999; }
#content h3 { color: #3279be; font-size: 1.2em; padding-bottom: 5px; }
#content p  { margin: 0 0 10px 0; text-align:justify;line-height:140%;}

#content .kontaktbox                   { float:left; background: #f2f2f2; }
#content .kontaktboxPadding            { font-size: .9em; margin: 9px; background:#2e73b6 url(../img/kontaktbox-back.jpg) no-repeat; width: 329px; height: 156px; }
#content .kontaktboxPadding span       { font-family: "Times New Roman",Times,FreeSerif,serif; display: block; color: #fff; font-size: 1.5em; padding: 15px 0 0 22px; }
#content .kontaktboxPadding p          { margin:10px 0 0 22px;color:#fff;font-size:1em;line-height:120%;}
#content .kontaktboxPadding a          { color:#a3d869;}
#content .kontaktboxPadding a:hover    { color:#fff;}

#content .novinkybox                 { float:left;background: #f2f2f2;}
#content .novinkyboxPadding          { font-size: .9em; margin: 9px; background:#2e73b6 url(../img/novinkybox-back.jpg) no-repeat;width:329px;height:156px; }
#content .novinkyboxPadding span     { font-family: "Times New Roman",Times,FreeSerif,serif; display: block; color: #fff; font-size: 1.5em; padding: 15px 0 0 22px; }
#content .novinkyboxPadding strong   { text-decoration:underline;}
#content .novinkyboxPadding p        { padding: 10px 100px 0 22px;color:#fff;font-size:1em; text-align: left; line-height: 1.5em; }
#content .novinkyboxPadding a        { color:#3279be;}
#content .novinkyboxPadding a:hover  { color:#fff;}

span.kurz   { color: #929292; font-weight: bold; font-size: .85em; display: block; padding-top: 25px; }

/* Leftbox */
#leftbox    { float:left;width:235px;color:#a2a2a2;}

#leftmenu               { background: #F2F2F2; margin: 64px 0 10px; padding: 10px; font-size: .85em; font-weight: bold; }
#leftmenu ul            { list-style-type: none; }
#leftmenu ul li         { border-bottom: 1px solid #C6C6C6; }
#leftmenu ul li.last    { border-bottom: none; }
#leftmenu ul li a       { display: block; padding: 3px 0 3px 10px; text-decoration: none; color: #3177BC; }
#leftmenu ul li a span  { text-decoration: underline; }
#leftmenu ul li a:hover { color: #9ED872; }

#weblink { position: absolute; bottom: 45px; left: 0; color: #888; }


/* Footer */
#footer              { clear:both;background:#999 url(../img/footer-back.gif) repeat-x top; font-size: .9em; }
#innerfoot           { width:941px;margin:0 auto;padding:20px 0 80px 0;text-align:left;color:#fff;}
#innerfoot a         { color:#fff;}
#innerfoot a:hover   { color:#a3d869;}
#copyright     {float:left;width:270px;}
#bottommenu    {float:left;width:400px;list-style:none;}
#bottommenu li {float:left;padding:0 7px;}
#realizace     { float: right; width: 260px; text-align: right; }
#realizace a   { text-decoration: none; }
#realizace img { position:relative;top:4px;left:4px;}

/* ***** */
/* PRVKY */
/* ***** */

/* ULs */

.ul1     {  margin-bottom: 10px; }
.ul1 ul  { list-style-type: none; }

.ul2        { padding-left: 15px; }
.ul2 ul     { list-style-type: square; }
.ul2 ul li  { line-height: 1.5; }

.ramik { border: 1px solid #ddd; padding: 10px 10px 5px 10px; margin: 5px 0 10px 0; }
.vyraznejsie   {  padding: 15px 0 10px 0; display: block; font-family: "Times New Roman",Times,FreeSerif,serif; font-weight: bold; color: #3279be; font-size: 1.8em;  }

.imgVent1,
.imgVent2   { border: 9px solid #f2f2f2; margin: 5px 0; }

.imgVent1   { margin-right: 20px; }
.imgVent2   { margin-left: 20px; }

.produktKategoria { background: #3479be; text-align: left; padding-left: 20px; font-size: .85em; font-weight: bold; height: 40px; line-height: 40px; color: #fff; margin: 10px 0 20px 0; }



/* TABLEs */

.table1 table        { border-collapse: collapse; font-size: 1em; }
.table1 table tr th,
.table1 table tr td  { vertical-align: top; line-height: 1.5; }
.table1 table tr th  { color: #999; padding-right: 1em; text-align: left; }

.table2                 { width: 100%; _width: 97%; font-size: .85em;  margin-bottom: 30px; }
.table2 tr th           { height: 40px; color: white; font-weight: bold; background: #3479be; text-align: left; }
.table2 tr.row1         { background: #e0e0e0; }
.table2 tr.row1,
.table2 tr.row2         { height: 25px; }
.table2 tr td,
.table2 tr th           { padding-left: 20px; }
.table2 tr td.cell4     { font-weight: bold; color: #3479be; text-align: right; padding-right: 20px; }
.table2 tr td.spacer1,
.table2 tr td.spacer2   { font-size: 0; line-height: 0; }
.table2 tr td.spacer1   { height: 1px; }
.table2 tr td.spacer2   { height: 10px; }

.table3                 { font-size: 1em; margin: 5px 0 10px 0; }
.table3 tr td.cell1     { vertical-align: top; font-weight: bold; }
.table3 tr td.cell2     { vertical-align: top; }

.vyoknovaTabulka                 { margin: 10px; 0; width: 97%; _width: 94%; font-size: 1em; }
.vyoknovaTabulka tr.border td    {  text-align: center; padding: 10px 0; background: #3479be; color: white; font-weight: bold; }
.vyoknovaTabulka tr td           { text-align: center; padding: 2px 0; }
.vyoknovaTabulka tr.row1         { background: #e0e0e0; }
/* POZADIA */

.borderBottom  { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #999; }

/* POZICIE */

.fl   { float: left; }
.fr   { float: right; }

.cols          {  }
.cols2 .col1   { float: left; width: 49%; }
.cols2 .col2   { float: right; width: 49%; }

.margTop        { margin-top: .5em; }
.margTopL       { margin-top: 1em; }
.margTopXL      { margin-top: 2em; }
.margBottom     { margin-bottom: .5em; }
.margBottomL    { margin-bottom: 1em; }

.padTop        { padding-top: .5em; }
.padTopL       { padding-top: 1em; }
.padTopXL      { padding-top: 2em; }
.padBottom     { padding-bottom: .5em; }
.padBottomL    { padding-bottom: 1em; }

.center        { text-align: center; }

.width75       { width: 75%; }

/* TEXTY */

.bigger  { font-size: 1.2em; }
.big     { font-size: 1.5em; }
.biggest { font-size: 1.8em; }

.smaller    { font-size: .9em; }
.small      { font-size: .8em; }
.smallest   { font-size: .7em; }

/* ****** */
/* SEKCIE */
/* ****** */

/* produkty */

a.produkt            { display: block; position: relative; background: #f2f2f2; cursor: pointer; line-height: 0;  margin-bottom: 15px; text-decoration: none; }
a.produkt:hover      { background: #e4f3d2; text-decoration: none; }
a.produkt img        { margin: 9px; }
a.produkt span       { position: absolute; bottom: 20px; right: 20px; font-size: 1em; line-height: 1em; font-weight: bold; color: #3479be; display: block; }
a.produkt:hover span { color: #a0da6a; }

.spacerline { border-top: 1px solid #c6c6c6; height: 1px; font-size: 0; line-height: 0; }


.likeH1   { padding: 15px 0 !important; font-family: "Times New Roman",Times,FreeSerif,serif; font-weight: normal !important; color: #3279be !important; font-size: 2.3em !important; }
h2 span        { color: #9b9b9b; }
a.spec         { color: #4276c2; font-size: .85em; display: block; margin-top: 20px; padding: 7px 10px; background: #f2f2f2; font-weight: bold; text-decoration: none; }

ul.prednostiSystemu           { list-style: none; }
ul.prednostiSystemu li        { background: url('../img/li.gif') left top no-repeat; padding-left: 25px; padding-bottom: 15px; line-height: 1.5em; }
ul.prednostiSystemu li span   { color: #3770b5; }

a.odtien { margin-right: 7px; }