body{
    font-family: verdana, tahoma, arial, verdana, Helvetica, sans-serif;
    font-size: .7em;
    color: black;
    line-height: 1.4em;
    margin:0px;
    padding:0px;
    background-color: white;
}

/* GLOBANI NASTAVENI PRVKU -------------------------------------------------------------------*/
h1 {}
h2 {text-transform: uppercase;
    margin-top: 18px; margin-bottom: 0px; line-height: 1.1em; font-size: 1.7em;  text-decoration: underline;}
h3 {}
h4 {}
p {}


a.more {background: url('../images/link.gif') 0px 1px no-repeat; padding-left: 17px; padding-bottom: 1px;}
a:hover {}

img {border:0; }

input {font-size: 1em; font-family: verdana, tahoma, arial, verdana, Helvetica, sans-serif;}
input.text {}
input.submit {}
select.select {}
textarea {font-size: 1em; font-family: verdana, tahoma, arial, verdana, Helvetica, sans-serif;}

.error {font-style: italic; text-align:center;}
.noBorder {border-width : 0px !important;}
.imgBorder {padding: 2px; border: 1px solid #7f7f7f; line-height: 0px !important;}
.imgBorder2 {padding: 2px; border: 1px solid #acacac; line-height: 0px !important;}
.uppercase {text-transform: uppercase;}
.red {color: #cc0000;}
/*TEXY NASTAVENI ----------------------------------------------------------------------------*/
div.texy {}
.texy p { margin-top: 11px; margin-bottom: 11px; }
.texy a { text-decoration: underline; color:#cc6600; }
.texy a:hover { text-decoration: none;}
.texy h2{}
.texy h3{}
.texy ul{padding-left:37px;  margin:9px 0px;}
.texy ul li{}
.texy table{ margin: 0px; padding: 0px;border-collapse: collapse;}
.texy table tr{ padding: 0px; margin: 0px;}
.texy table tr td{padding: 0px; }
.texy table tr td:first-child {width: 100px;}
.texy table tr td {width: expression(this.previousSibling == null ? '100' : (this.parentNode.id == 'someid') ? 'green' : '-' )}
.texy img {}
.texy .imgLeft {float:left; margin-right: 10px;}
.texy .imgRight{float:right; margin-left: 10px;}


/* MOTHER -------------------------------------------------------------------------------------*/
#mother { margin:0px auto; width: 950px; }


/*HEAD  ---------------------------------------------------------------------------------------*/
#header {}
#header .top_link { height:21px; background: url('../images/top_link.gif') repeat-x; }

#header .head {border-bottom: 1px solid black;}
#header .head .logo {float: left; width:250px; height:99px;}
#header .head .logo a {display:block;}

#header .head .middle {float: left; width:453px; display:none;}
#header .head .kosik { display:none;}
/*CONTENT -------------------------------------------------------------------------------------*/
#mother #content{ }

#mother #content .left{float: left; width: 250px; display: none;}

#mother #content .right{float: left; width: 700px;}

/* NEWS ---------------------------------------------------------------------------------------*/
.profil {width: 350px; padding-right: 10px; float: left;}

#news_box {width: 340px;  float: left;}
#news_box .news {margin-top: 10px;}
#news_box .news .item {}
#news_box .news .item .content {}
#news_box .news .item .content .date {float:left; background-color: #0066b3; color:white; font-weight: bold;
                                      padding: 0px 3px;}
#news_box .news .item .content .head{float:left; font-weight: bold; padding-left: 8px; width: 200px;}
#news_box .news .item .content .text{margin-top: 3px;}

#news_box2 .news {margin-top: 8px; }
#news_box2 .news .item {padding: 11px 0px 8px 0px; border-top: 1px solid #d8dbdc; }
#news_box2 .news .item .img {float: left; }
#news_box2 .news .item .img img {width: 81px;}
#news_box2 .news .item .content {float: left; padding: 3px 0px 0px 12px; width: 600px; }
#news_box2 .news .item .content .date {float:left; background-color: #0066b3; color:white; font-weight: bold;
                                      padding: 0px 3px;  }
#news_box2 .news .item .content .head {float:left; font-weight: bold; padding-left: 8px; width: 200px; }
#news_box2 .news .item .content .text { margin-top: 3px;}

/* PRODUCTS -----------------------------------------------------------------------------------*/
.products {margin-top: 20px;}
.products .product {float:left; border-bottom: 1px solid #0066b3; padding-bottom: 3px;margin-left: 15px; display:inline; margin-bottom: 24px;}
.products .noMargin {margin-left: 0px;}
.products .product a.img_link { border: 1px solid #7f7f7f; padding: 0px 2px; line-height: 0px; display:block;
                                width: 97px; text-align: center; background-color: white; margin-bottom: 5px;}
.products .product a.img_link:hover {background-color: #85b9df;}
.products .product .info { width: 91px;float:left;}
.products .product .info .name{font-weight:bold; }
.products .product  .link{float:left; margin-top: 3px;}

/* PRODUCT DETAIL -----------------------------------------------------------------------------*/
.product_info {float:left; width: 320px; margin-bottom: 60px; margin-right: 5px; }
.product_info .tree {font-weight: bold; margin-top: 9px;}
.product_info .tree a {color:black; text-decoration: none;}
.product_info .tree a:hover {text-decoration: underline;}
.product_info .tree .grey {color: #b1b1b1;}
.product_info .line {height:2px; width:52px; overflow:hidden; border-bottom: 1px solid #797979; margin: 11px 0px;}
.product_info .text {}
.product_info .usage {margin-top: 9px;}
.product_info .attributes {margin-top: 9px;}
.product_info .files {display:none;}
.product_info .files .file{margin-top: 4px;}
.product_info .files .file a {color: #0085e9; background: url('../images/link.gif') 0px 1px no-repeat;
                              padding-left: 18px; padding-bottom: 2px;}
.product_info .order {}
.product_info .order .head {display: none;}
.product_info .order .price {margin-top: 6px;}
.product_info .order .price .dph{font-size: 1.3em;}
.product_info .order .basket {margin-top: 10px; display: none;}


.product_photos {float:left; width: 320px;}
.product_photos .print { text-align: right; margin-bottom: 15px; margin-top: 15px; display: none;}
.product_photos .back {display:none;}
.product_photos .big_photo {margin-left: 3px;text-align:right;}
.product_photos .big_photo img {}
.product_photos table {}
.product_photos table img {width: 95px;}

/* POPTAVKA FORMS -----------------------------------------------------------------------------*/
.poptavka { }
.poptavka .send {color: green;  font-size: 1.3em;  font-weight: bold; text-decoration: none !important;}

.poptavka input.text { font-family: verdana, tahoma, arial, verdana, Helvetica, sans-serif;
                       width: 250px; font-size: 1em; }
.poptavka input.submit { font-family: verdana, tahoma, arial, verdana, Helvetica, sans-serif;
                         font-size: 1em; }
.poptavka textarea { font-family: verdana, tahoma, arial, verdana, Helvetica, sans-serif;
                     width: 250px; font-size: 1em; height: 100px;}
.poptavka select {font-family: verdana, tahoma, arial, verdana, Helvetica, sans-serif;
                    width: 254px; font-size: 1em; }

.poptavka .poptavka_form { border-top: 1px solid black; margin-top: 15px; padding-top: 10px;}
.poptavka div.necessary_info {margin-top: 8px;}
.poptavka span.red {color: red;}

.poptavka table {}
.poptavka table tr {}
.poptavka table tr td {padding: 4px 0px;}
.poptavka .head  {text-decoration: underline; text-align: right;  font-weight: bold;}
.poptavka .head2 {text-align: center; text-decoration: underline;}
.poptavka .first {text-align: right; width: 300px;}
.poptavka .error {color: red;}
.poptavka .input {width: 265px;}
.poptavka .necessary { padding-right: 5px; vertical-align: top; color: red;}

/* KONTAKTNI FORMULAR -------------------------------------------------------------------------*/
.kontakt {padding: 10px 0px 0px 20px; margin-top: 20px; border-top: 1px solid black;}

.kontakt .send { margin-left: 85px; color: green; font-size: 1.3em; font-weight: bold; padding-bottom: 10px;}
.kontakt .notsend {margin-left: 85px; color: red; font-size: 1.3em; font-weight: bold; padding-bottom: 10px;}

.kontakt table {}
.kontakt tr {}
.kontakt tr td { padding: 2px 0px;  vertical-align: top;}
.kontakt tr td.first { text-align: right;}
.kontakt tr td.necessary {padding-right: 5px; color:red;}
.kontakt tr td.input {}
.kontakt tr td.error {color: red; padding-left: 5px; text-align:left;}

.kontakt input.text {width: 350px;}
.kontakt textarea {margin:0px; width: 350px; height: 150px;}


/*FOOTER --------------------------------------------------------------------------------------*/
#footer { padding-bottom:30px;  background: url('../images/footer_back.gif') repeat-x; background-color: #e9eff1;
          margin-top: 20px; display: none}


.clear {clear:both; }