@import url("/css/product.css"); 
/*@import url("http://localhost/ustohal//contact.css");
@import url("/css/product.css"); 
@import url("/css/contact.css");*/
body, form, div, img, ul, li, p, h1, h2, h3, object { margin:0; padding:0; border:0}
body, input.submit{ font-family:  Helvetica, Arial, sans-serif; background-color: #fff}

.hometable img{width: 200px;}
.hometable a{color: #000; text-decoration: underline;}
.hometable{margin: 10px 0 10px 0}
/*body, td, input, #txt, #txt.index {
color:#525a5d;
font-family: Arial, Helvetica, sans-serif; font-size:11px
}*/
body, td, input, #txt, #txt.index {
color:#E7E0DA;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
}
a{ color: #525a5d; text-decoration: none}
a:hover{ color: #D84498; text-decoration: none}

.break{ width: 0px; height: 0px; line-height: 0px; font-size: 0px; border: 0px none; margin: 0px;	padding: 0px;	float: none; clear: both;	visibility: hidden}

#main,#content {font-family:  Helvetica, Arial, sans-serif;font-size:13px}
#centering{position:absolute; top:0; left:0; width:100%}
#main { position:relative; width:900px; margin:0 auto; overflow:hidden; text-align:left;}


/* Header */
#content{ width: 800px;background:url(../images/content_bg.gif) repeat-y;}

h1 {font-size:16px;}

#col-l{ float: left; width: 134px; background-color: #fff}
#col-m{ float: left; width: 666px; background-color:#af9b91 !important;min-height:567px;_height:537px}

#menu {width:666px; height:98px}
#menu ul {list-style-type:none;margin:0px;padding:0px}
#menu ul li{float:left;width:109px; height:87px;margin-right:2px;margin-top:10px;text-align:center;_width:107px;}
#menu ul li.first {margin-left:2px;_margin-left:15px; _width: 87px}
#menu ul li.last {margin-right:0px}
#menu ul li a{color:#000;font-weight:bold; display:block;height:87px}
#menu ul li a:hover {color:#d84498}
#content-left{
	border-right: 1px solid #d7d9d8;
	width: 510px;
	position: relative;
	top: 4px;
	color: #525a5d;
	padding-right: 4px;
	padding-left: 4px;
}

#content-left .fotoprodejny, #content-left .fotomapy {width: 110px; height: 20px; line-height: 20px; color: #fff; font-size: 11px; float: none; font-weight: bold; text-transform: uppercase; text-align: right; margin-top: 2px; padding-right: 5px; cursor: pointer; cursor: hand}
#content-left .fotoprodejny{background-color: #7cc61b}
#content-left .fotomapy{background-color: #7a838a}
#content-left .fotomapy a , #content-left .fotoprodejny a{
	color: #FFFFFF;
	text-decoration: none;
}

#title{ line-height: 20px; height: 20px; background-color: #7cc61b; color: #fff; font-weight: bold}
#title img{ margin-left:34px}
#katalog{ width: 206px; margin-top: 2px}

#categories, #newsletter, #contact-right, #statistics, #caption,#adresa,#foot{ font-family: Helvetica, sans-serif; font-size:11px}

#categories{ display: table;width: 138px;=height: 370px; min-height: 370px; background-color: #c1b0a5; font-size: 11px; padding-top:2px;border-spacing: 2px;margin: 0px -2px 0px -2px;}
#categories ul{  display: table-row-group;list-style-type: none; margin-top: 0px; margin-left: 0px; margin-bottom: 10px;}
#categories li{  display: table-row;font-size: 12px;margin-bottom:2px; padding-bottom:0px; padding-top:0px; height:30px;padding-left: 10px;=padding-left: 5px; color: #000;}
#categories li.current {background-color:#D84498}
#categories .first-cell{margin-bottom: 0px; height:0px;line-height:0px}
#categories a{ color: #fff; text-decoration: none; color: #000; font-weight:bold; display: table-cell;vertical-align: middle; padding-left:8px; padding-right: 2px;}
#categories a:hover{ color: #d84498}
#categories a.current{ text-decoration: none; font-weight: bold; color: #fff}
#categories a.title{ color: #7cc61b; font-weight: bold}
#categories .sub-cat{ margin-left: 10px; background: url("../images/dot.gif") no-repeat left center}


#search {background: url("../images/search_bg.gif") no-repeat;background-color: #967E74;padding-top:3px;=padding-top:2px; padding-left: 3px; height:35px;width:131px;font-size:10px;background-position: -6px 11px;}
#search input {width:100px; height:16px; margin-left:20px; border:0px; line-height:10px;color: #444444;}
#adresa {width: 134px;background-color:#C1B0A5;=height:100px;min-height:100px;color:#000;position:absolute; bottom:0px;=bottom:-1px;left:0px}
#adresa ul{list-style-type:none;text-align:left;margin-left:10px;font-weight:bold;margin-top:10px}

#foot {background-color:#C1B0A5;color:#000;width: 100%; text-align: center; font-size: 12px; padding: 2px;}

#txt{ margin-left: 0px; =margin-left: 0px; margin-top: 3px;=margin-top:1px;width: 666px; color:#606261;}
#txt h2{ color: #194e82; font-weight: bold; font-size: 12px;}

/*#uvod,#about,#velkoobchod,#prodejny,#podminky,#kontakt,#kontakt table td {padding:10px;font-size:9px;font-weight:bold;font-family:Helvetica; color:#000;text-align:justify;width: 422px; background-color:#e5ded6;margin-left:2px; color:#000}*/
#uvod, #about, #velkoobchod, #prodejny, #podminky, #kontakt, #kontakt table td,#velkoobchod table td{
background-color:#8E736C; 
color:#E7E0DA; 
font-family:Helvetica; 
font-size:9px; 
font-weight:bold; 
margin-left:2px; 
padding:10px; 
text-align:justify; 
width:422px; 
}
/*#uvod span,#about span,#velkoobchod span,#prodejny span,#podminky span,#kontakt span {color:#d84498}*/
#uvod span, #about span, #velkoobchod span, #prodejny span, #podminky span, #kontakt span {
font:bold 10px Tahoma, Verdana, sans-serif;
color:#fff;
}

/*#text{ padding-left: 7px; padding-top: 6px; width: 490px; padding-bottom: 5px}*/


#kontakt h2, #prodejny h2, #uvod h2{color:#fff; font-size:12px}
#kontakt strong {font-size:11px;font-weight:bold;}
#kontakt a, #prodejny a{color:#000; font-weight:bold; text-decoration:underline}
#kontakt a:hover,#prodejny a:hover{color: #d84498}
#kontakt table td{width:218px}
#kontakt table td table{width:218px}
#kontakt table td table td{padding:2px;}
#article{ width: 597px; margin-left: 10px; padding-right: 10px}

.news, .action{ width: 490px; border: 0; margin-top: 5px; margin-left: 11px; padding-bottom: 25px; margin-bottom: 10px; border-bottom: 1px solid #d7d9d8}
.news .caption, .action .caption{height: 26px}
.news a, .action a{ color: #7bc51a; font-size: 16px; font-weight: bold; text-transform: uppercase}
.news a:hover{text-decoration: none}
.news .image, .action .image{ padding-top: 15px; padding-left: 1px; padding-right: 15px}
.news .text, .action .text{ padding: 5px}

.caption, .prodejna-title{padding-top: 6px; padding-right: 8px; margin-left: 5px}
.caption img, .prodejna-title img{position: relative;=top: 0px}
.caption span, .prodejna-title span{color: #fff}
.caption strong {text-transform: uppercase}

.prodejna{width: 410px;margin-left: 0px; padding-bottom: 20px; border-bottom: 1px solid #d7d9d8}
.prodejna img{border: 1px solid #525a5d}

.action .caption{ background-color: #f18c46; color: #fff}
.action a{ color: #fff}
.action a:hover{ color: #fff}

.urls{font-size: 12px; margin-left: 5px}
.urls #urls-menu{float: left}
.urls a{text-decoration:underline;font-weight:bold}
.urls a:hover{color: #d84498}
.urls #urls-logout{float: right; margin-right: 13px}

.soubory{width: 506px; padding-left: 5px; padding-top: 5px; padding-bottom: 20px;=padding-bottom: 8px;border-bottom: 1px solid #d7d9d8}
.soubory .soubor .nazev{float: left; margin-left:8px;=margin-left:4px}
.soubory .nazev-vyrobku{font-size: 15px; color: #fff; margin-left:8px; margin-bottom: 5px;font-weight:bold;text-transform:uppercase}
.soubory .soubor .url{float: right; font-weight: bold;margin-right:200px}
.soubory .soubor a:hover{text-decoration: underline; color: #d84498}
.soubory .image{float:left}
.soubory .soubor{float:left; width: 400px}
 
#soubor{width: 496px; padding-left: 5px; padding-top: 5px; padding-bottom: 20px;=padding-bottom: 8px;border-bottom: 1px solid #d7d9d8}
#soubor #nazev{float: left}
#soubor #url{float: right; font-weight: bold; margin-right:200px}
#soubor a {text-decoration:underline}
#soubor a:hover{ color: #d84498}
 

/* Footer */
#footer { width: 800px; height: 27px;  background: url(../images/footer_bg.gif) no-repeat}
#footer ul{list-style-type: none; float: left;  margin-top: 18px}
#footer li{color: #000; font-size: 10px; line-height: 19px}
#footer #first{height: 44px; padding-left: 56px; width: 125px; border-right: 1px solid #474c50}
#footer #second{padding-left: 27px; width: 128px; border-right: 1px solid #474c50}
#footer #third{padding-left: 37px; width: 249px}
#footer #logo{margin-top: 34px; float: left}
#footer a{color: #000}
#footer a:hover{color: #7cc61b; text-decoration: none}

#velkoobchod_login,#registrace_form {float:left;}
#velkoobchod_login h2,#registrace_form h2 {color:#fff; text-transform:uppercase}
#kontakt input.submit,#velkoobchod_login input.button,#registrace_form input.button{border:0px; background-color:#AE998D; color:#fff; margin-bottom:5px; cursor:pointer;  font-weight: bold; }
#velkoobchod_login{margin-left:0px;_margin-left:0px}
#velkoobchod_login{width:120px; padding-top:0px}
#partner {width:125px}

#registrace_form{width:280px; margin-left: 12px;}
#registrace_form div {width:280px}
#registrace_form table {width:280px}
#registrace_form table td {height:15px;padding:0px;margin:0px}
#registrace_form input {=margin:0px; =padding:0px}
/* Typography */

.bold {font-weight:bold}
.light-blue{ color: #aad5ff}
.orange{ color: #f6a410}
.left{float: left}

.dark-blue{ color: #184e82}
.light-gray{ color: #c3c3c3}
.gray{ background-color: #778585}
.dark-gray{ background-color: #575e64}
.red{color: #ff2323}
.green{color: #7cc61b}
.left{float: left}
.right{float: right}
.font-small{ font-size: 10px}
.nomargin{ margin-right: 0}

      .cistit {
        clear: both;
        height: 0;
        overflow: hidden;
        content: ' ';
      }
      .cistit hr {
        display: none;
      }

#zpetneodkazy a {color:white;}
#zpetneodkazy a:hover{color: #7cc61b; text-decoration: none}
#zpetneodkazy ul {margin-left:20px;}

.odkazy a {
color:black;
font-family:Arial,Helvetica,sans-serif;
font-size:8px;
}

#txt h1.katalog  {color:#FFF;margin-left: 40px; margin-bottom: 10px; font-size: 20px;}
#txt .images h2.katalog  {color:#FFF;}
#txt h2.popis  {color:#FFF;}
#uvod {font-size:11px;}

#matrace td {color: black;}
#matrace td h2 {top:0px;color: #184e82;}

#rosty td {color: black;}
#rosty h1 {color: #184e82; text-align: center; }
#rosty h2 {color: black; font-size: 14px;}
#rosty h3 {font-size: 12px; color: #184e82;}

#mapa-webu {padding-left:30px;}
#mapa-webu ul {padding-left:20px;}