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

*/


* {padding:0;margin:0;}
a {color:#3279be;}
a:hover {color:#71a836;}
img {border:0;}
body {font-size:0.75em;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;}
#topstrip                     { font-size: .9em; }
#topstrip a.mapa-webu, #topstrip a.homepage         {
	display: block;
	float: right;
	margin-top: 9px;
	line-height: 12px;
	color:#fff;
	text-decoration:none;
	border-right: 1px solid #fff;
	background-image: url(../img/mapa-webu.gif);
	background-repeat: no-repeat;
	background-position: 10px 2px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#topstrip a.homepage         {
	background-image: url(../img/homepage.gif);
}
#topstrip a.mapa-webu:hover, #topstrip a.homepage:hover   { text-decoration: underline; }
#topstrip ul                  { float:right;list-style:none;}
#topstrip li                  { float:left; }
#topstrip li a                { display:block;margin:0 10px;padding:8px 0 5px 0;color:#fff;text-decoration:none;}
#topstrip li a:hover,
#topstrip li.selected a       { border-bottom:3px solid #a3d869;}
#logo                         { float:left;display:block;width:204px;height:94px;position:relative;top:39px;background:url(../img/logo.gif) no-repeat;}

#topmenu       { clear:both;float:right;position:relative;bottom:8px;list-style:none;width:690px;height:64px;background:url(../img/top-menu-back.gif) no-repeat left;}
#topmenu ul    {  }
#topmenu li    { float:left; position: relative; top: 10px; height: 51px;}
/* Editovane
#topmenu a     { display:block;width:104px;height:51px;margin-right:1px;position:relative;top:3px;left:0px;}
*/
#topmenu a     { display:block;width:86px;height:51px;margin-right:1px;position:relative;top:3px;left:0px;}

#topmenu .mb1  { background:url(../img/mb1.gif) repeat-x; background-position:-4px;}
#topmenu .mb2  { background:url(../img/mb2.gif) repeat-x; background-position:-4px;}
#topmenu .mb3  { background:url(../img/mb3.gif) repeat-x; background-position:-4px;}
#topmenu .mb4  { background:url(../img/mb4.gif) repeat-x; background-position:-4px;}
#topmenu .mb5  { background:url(../img/mb5.gif) repeat-x; background-position:-4px;}
#topmenu .mb6  { background:url(../img/mb6.gif) repeat-x; background-position:-4px;}
#topmenu .mb7  { background:url(../img/mb7.gif) repeat-x; background-position:-4px;} 

#topmenu a.mb1 { width: 96px;}
#topmenu a.mb3 { width: 145px;}

#topmenu a:hover,
#topmenu a.selected,
body#kontakt   #topmenu a.kontakt,
body#produkty  #topmenu a.produkty,
body#novinky   #topmenu a.novinky,
body#index     #topmenu a.profil-firmy  { background-position: -108px;}

#topmenu a.mb3:hover,
#topmenu a.mb3.selected,
body.doplnkovy-sortiment #topmenu a.doplnkovy-sortiment { background-position: -154px; }

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

/* Content */
#content    { float:right; width:695px; min-height: 600px; _height: 600px; }
#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-bottom: 10px; 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;width:347px; }
#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.6em; 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;width:347px;background: #f2f2f2;}
#content .novinkyboxPadding            { font-size: .9em; margin: 9px; background:#9bd061 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.6em; 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;}

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

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

body#doplnkovy-sortiment-zlabovy-system #leftmenu ul li a.zlabovy-system,
body#doplnkovy-sortiment-refnety-tecnosystem #leftmenu ul li a.refnety-tecnosystem,
body#doplnkovy-sortiment-set-naradia #leftmenu ul li a.set-naradia,
body#doplnkovy-sortiment-pvc-klieste #leftmenu ul li a.pvc-klieste,
body#doplnkovy-sortiment-y-spojky #leftmenu ul li a.y-spojky,
body#doplnkovy-sortiment-hadica-na-kondenz #leftmenu ul li a.hadica-na-kondenz,
body#doplnkovy-sortiment-ventilacne-turbiny #leftmenu ul li a.ventilacne-turbiny,
body#doplnkovy-sortiment-sinclair #leftmenu ul li a.sinclair { 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; }

/* 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; }

/* 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; }

/* 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 */

body#produkty #contentIn,
body.doplnkovy-sortiment #contentIn   { padding: 0; }

.color1           { color: #989898; }
.color2           { color: #3279be; }

.produktyItems                   {  }

.produktyItems .item             { border-bottom: 1px solid #bdbdbd; padding-bottom: 25px; margin-bottom: 35px; }
.produktyItems .item .itemText   { float: right; width: 330px; }
.produktyItems .item .itemImage  { float: left; width: 350px; overflow: hidden; }
.produktyItems .item .itemImage a            { display: block; position: relative; border: none; text-decoration: none; cursor: pointer; }
.produktyItems .item .itemImage a img        { border: 1px solid #bdbdbd; }
.produktyItems .item .itemImage a span       { display: block; position: absolute; right: 1px; bottom: 1px; line-height: 48px; font-weight: bold; padding: 0 20px 0 30px; background: transparent url('/img/produkt_ico.gif') left center no-repeat; }
.produktyItems .item .itemText table   { width: 100%; }
.produktyItems a.pdf-download       { display: block; height: 20px; line-height: 20px; margin-top: 20px; margin-left: 10px; padding-left: 25px; font-weight: bold; color: #3279be; text-decoration: underline; background: url(../img/ico-pdf.gif) left no-repeat; }
.produktyItems a.pdf-download:hover { text-decoration: none; }
.produktyItems ul                         { list-style:none; padding: 0; margin: 0; }
.produktyItems ul li                      { padding: 2px 0; margin: 0; }
.produktyItems ul.turbinalink li a        { color: #989898; text-decoration: none; font-weight: bold; }
.produktyItems ul.turbinalink li a:hover  { text-decoration: underline; }
.produktyItems table                      { font-size: 1em; }
.produktyItems table td.height1           { height: 25px; }


.produktyItems .items2             { border-bottom: 1px solid #bdbdbd; padding-bottom: 25px; margin-bottom: 25px; }
.produktyItems .item2              { width: 330px; height: 177px; overflow: hidden; }
.produktyItems .item2 a            { display: block; position: relative; border: none; text-decoration: none; cursor: pointer; }
.produktyItems .item2 a img        { border: 1px solid #bdbdbd; }
.produktyItems .item2 a span       { text-decoration: underline; display: block; position: absolute; right: 1px; bottom: 1px; line-height: 48px; font-weight: bold; padding-right: 20px; }


.bottomborder              { border-bottom: 1px solid #bdbdbd; padding-bottom: 20px; }
.toppadding                { padding-top: 25px; }

.sortiment                 {  }
.kategoria                 { width:49%; }
.kategoria h2                 { margin-top: 40px; }
.bottomborder .kategoria h2   { margin-top: 0; }
.kategoria .bg             { background: url(../img/kategoria-bg.gif) repeat-x; min-height: 100px; _height: 100px; }
.kategoria ul              { list-style: none; padding: 10px 20px; font-weight: normal; }
.kategoria ul li           { padding: 5px 0; }
.kategoria ul li a         { display: block; height: 20px; line-height: 20px; padding-left: 25px; font-weight: bold; color: #3279be; text-decoration: underline; background: url(../img/ico-pdf.gif) left no-repeat; }
.kategoria ul li a:hover   { text-decoration: none;}

.komponent                 { width: 49%; }
.komponentText             { float: right; width: 170px; }
.komponentText p           { text-align: left !important; }
.komponentImage            { float: left; width: 160px; }
.komponentImage a          { display: block; position: relative; border: none; text-decoration: none; cursor: pointer; }
.komponentImage a img      { border: 1px solid #bdbdbd; }
.komponentImage a span     { display: block; position: absolute; right: 1px; bottom: 1px; line-height: 48px; font-weight: bold; padding-right: 33px; background: transparent url('/img/produkt_ico.gif') left center no-repeat; }

.sinclairUl                { list-style: none; }
.sinclairUl li             { padding: 3px 0; }

.acenter {
	text-align: center;
}
/* TABLES */

#mytable {
	width: 695px;
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#mytable caption {
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #71A836;
	border-right-color: #71A836;
	font-weight: bold;
	background-color: #A3D869;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #71A836;
}

#mytable th {
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #3178c0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #1c5690;
	border-right-color: #1c5690;
	border-bottom-color: #1c5690;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

#mytable th.first {
	border-left: 1px solid #1c5690;
}

#mytable td.first {
	border-left: 1px solid #C1DAD7;
}

#mytable td.alt {
	background: #F5FAFA;
	color: #999999;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	color: #A3D869;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	color: #797268;
}