@import url("css.common.css");

body {background: url(../images/bg_main.gif) center; /*padding: 6px 0 20px 0;*/ text-align: center; padding: 0 0 30px 0;}

table {margin: 1em 0; font-size: 1em;}
td {font-size: 1em; padding: 3px 1px;}

img, div { behavior: url(./style/iepngfix/iepngfix.htc) }

#whitestripe {background-image: url(../images/bg_whitestripe.gif); background-repeat: repeat-x; width: 100%;}
#page {width: 957px; margin: 0 auto; text-align: left;}

.c0 {background: red; color: white;}
.c0-ok {background: #62bd19; color: white;}

.half {width: 47%;}
.quarterx3 {width: 75%;}

.alert-bad {background: url(../images/bcg_alert_bad.gif) no-repeat 12px 12px #FFEDED; border: 1px solid #ff0000; color: #ff0000; padding: 10px 10px 10px 53px; _height: 54px; min-height: 34px;}
.alert-ok {background: url(../images/bcg_alert_ok.gif) no-repeat 12px 12px #E6FFD1; border: 1px solid #62BD19; color: #62BD19; padding: 10px 10px 10px 53px; _height: 54px; min-height: 34px;}
.note {background: url(../images/bcg_note.gif) no-repeat 12px 12px #FFF1B1; border: 1px solid #FFD100; color: #CE9D00; padding: 10px 10px 10px 53px; _height: 54px; min-height: 34px;}

/* HEADER
------------------------------------------------------------------------------------------------------------------------- */
#header {position: relative; height: 127px;}
#header #logobox {position: absolute; top: 32px; left: 17px; width: 219px; height: 117px; z-index: 1;}
#mainmenu {position: absolute; top: 100px; left: 286px;}
#mainmenu li {float: left; margin-right: 36px;}
#mainmenu li#objednavka{float: left; margin: 0; margin-left: 155px;}
#mainmenu li a {font-weight: bold; font-size: 1.1em; text-transform: uppercase; display: block; color: #000; text-decoration: none; /*font-weight: bold;*/ padding: 0;}
#star {position: absolute; left: 660px; top: 95px; z-index: 100;}
#banner {position: absolute; right: 0; top: 30px; z-index: 1;}

/* MAIN
------------------------------------------------------------------------------------------------------------------------- */
#main {margin: 0; background-color: #fff; background-image: url('../images/bg_sidebar.gif'); background-repeat: repeat-x; background-position: top left;}
#main.hp {margin: 0; background: #fff;}
#main.ip {margin: 0; }
#main.ip #content {float: right; width: 705px; background-color: #fff;}
#main.ip #txt {padding: 16px;}
#main.ip #sidebar {float: left; width: 250px; /*background-image: url('../images/bg_sidebar_line.gif'); background-repeat: no-repeat; background-position: top center;*/}

/* PREVADZKY - IBA HP
------------------------------------------------------------------------------------------------------------------------- */
#prevadzky {margin: 0; margin-top: 10px; text-align: center;}


/* OFFER - IBA HP
------------------------------------------------------------------------------------------------------------------------- */
#offer {margin: 0; margin-top: -5px;}

/* SIDEBAR
------------------------------------------------------------------------------------------------------------------------- */
#sidebar {padding-top: 30px;}
#sidebar ul {margin: 0; padding: 0; list-style-type: none;}
#sidebar ul li {margin-top: 10px;}
#sidebar ul li a {font-weight: bold; color: #666; text-decoration: none;}
#sidebar ul li a:hover {color: #D5001A;}
#sidebar ul li a.active {color: #D5001A;}
#sidebar ul li ul li a {font-weight: normal; color: #666; text-decoration: none;}

/* CONTENT
------------------------------------------------------------------------------------------------------------------------- */
#content #txt h1 {margin: 0 0 .7em 0;}
#content #txt ul {list-style-type: disc; list-style-image: url(../images/li.gif);}
#content #txt p a {color: #cc0000;}

#content #txt .infobox {font-size: .9em; border: 1px solid #fff;}
#content #txt .infobox p {margin: 0;}
#content #txt .infobox strong {font-size: 1.1em;}
#content #txt .infobox img {width: 50px; height: 49px; margin-right: 10px;}

#content #txt .product {border-top: 16px solid #fff;}
#content #txt .product h2 {font-size: 1.2em; text-transform: uppercase;}
#content #txt .product .pImage {float: left; width: 202px;}
#content #txt .product .pImage img {width: 202px; height: 118px;}
#content #txt .product .pDesc {float: left; background: #e6e7e8; height: 118px; width: 470px;}
#content #txt .product .pDesc .pDescIn {padding: 0 10px;}
#content #txt .product table.productTable {margin: 0; margin-top: 7px; width: 100%;}
#content #txt .product table.productTable td {padding: 0; margin: 0;}

#content #txt #mapa {float: right; width: 445px;}


/* FOOTER
------------------------------------------------------------------------------------------------------------------------- */
#footer {width: 957px; margin: 0 auto; z-index: +1; position: relative; margin-top: -4px; font-size: .8em; background-image: url('../images/bg_footer.gif'); background-repeat: no-repeat; height: 51px;}
#footer p {color: white; padding: 15px 0 0 0; text-align: center;  margin: 0;}
#footer p a {color: white; text-decoration: none;}
#footer p a:hover {color: #ccc; text-decoration: underline;}

/* FORMULARE
------------------------------------------------------------------------------------------------------------------------- */
form {margin: 0 0 1em 0;}

input.wSmall {width: 100px;}
input.wMed {width: 250px;}
input.wLarge {width: 400px;}

input.produkt {width: 290px;}
input.pocet {width: 40px;}

input.needFix {background: #ffeded;}
td.needFix {color: red;}

textarea {width: 94%;}

fieldset {font-size: 1em; margin: 1em 0; padding: 0; border: 1px solid #ebe8e4; padding: 0 10px;}
fieldset legend {font-weight: bold; padding: 0 5px; color: #e71b1b; font-size: 14px; text-transform: uppercase;}
fieldset table, fieldset textarea {margin: .5em .7em;}
fieldset table td {padding-right: 5px;}
fieldset input, fieldset textarea {border: 1px solid #9b9b9b; background: #f6f5f3;}
fieldset .inner {padding: 3px;}
fieldset h2 {padding-left: 10px;}

fieldset table.productLine {width: 95%;}

input.sucet, input.uhrada {border: 1px solid #ffffff; background: #ffffff;}
td.cenaNakupu {vertical-align: middle; font-weight: bold;}

span.show {color: #000000;}
span.hide {color: #ffffff;}

/* PRODUKTY
------------------------------------------------------------------------------------------------------------------------- */
.bg1 {background: #ebecee;}

div.tovar {padding: 5px 10px; margin: .3em 0;}
div.tovar .details {width: 70%;}
div.tovar .cena {font-weight: bold; color: red;}
div.tovar .cena span.skk {color: gray; font-size: .75em;}

/* CENNIKY
------------------------------------------------------------------------------------------------------------------------- */
table.cennik {border-collapse: collapse; margin-bottom: 25px; width: 100%;}
/*table.cennik th {border-bottom: 2px solid; border-top: 2px solid;}*/
table.cennik th, td {vertical-align: top;}
table.cennik th.nazov {width: 29%;}
table.cennik th.zlozenie {width: 39%;}
table.cennik th.hmotnost {width: 19%;}
table.cennik th.cena {width: 9%;}
table.cennik span.skk {color: gray; font-size: .75em;}

/* CENNIKY
------------------------------------------------------------------------------------------------------------------------- */
table.aktualna-ponuka {width: 100%;}
table.aktualna-ponuka td {padding: 5px;}

/* GALERIA
------------------------------------------------------------------------------------------------------------------------- */
div.frame {float: left; border: 1px solid #336699; margin: 5px 0 3px 5px; text-align: center; width: 166px; background: #F8FAFC;}
div.frame:hover {background: #eee;}
div.frame .in {padding: 7px 5px 5px 5px;}
.frame .in img {border: 1px solid #336699; margin: 0 auto 0 auto;}