/* css default www.raychempodlahovetopeni.cz */
body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url('../img/bg-body.png') repeat-x #f4f1ec;
  text-align: center;
  color: #3a3a3a;
  font-family: arial, sans-serif;
  font-size: 12px;
  min-height: 551px;
}

#big-rec {
  min-height: 541px;
  background: url('../img/big-rec.png') no-repeat left top;
}

#all-page {
  background: #fff url('../img/page-middle.png') repeat-y;
  width: 986px;
  margin: auto;
  text-align: left;
  position: relative;
}

#all-page-bottom {
  width: 986px;
  background: url('../img/page-bottom.png') no-repeat left top #fff;
  font-size: 0px;
  line-height: 0px;
  height: 20px;
}

.cleaner {
  font-size: 0px;
  height: 0px;
  line-height: 0px;
  clear: both;
  display:block;
}

p {
  font-family: arial, sans-serif;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  line-height: 17px;
  font-size: 12px;
  text-align: left;
}

a img {
  border: 0px;
}
a:active, a:visited, a:link {
  color: #006699;
  font-family: arial, sans-serif;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

#top {
  margin: 0px 0px 0px 4px;
  background: #fff;
  width: 977px;
  height: 177px;
}

#top-left {
  float: left;
  width: 277px;
  background: #fff;
  padding: 68px 0px 0px 0px;
}

#top-left img{
  padding: 0px 0px 0px 43px;
}

#top-right {
  float: left;
  width: 700px;
  background: #fff;
  padding: 10px 0px 0px 0px;
}

.logo-print {
  display: none;
}

.logo {
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 10px 40px;
  font-weight: normal;
  font-size: 0px;
}

h1{
  margin: 0px 0px 35px 0px;
  padding: 15px 0px 18px 42px;
  font-style: italic;
  font-size: 20px;
  color: #ff6600;
  line-height: 23px;
  background: url('../img/shadow-h.png') no-repeat 4px bottom;
}

h2{
  margin: 0px 0px 0px 0px;
  padding: 0.8em 0px 0.5em 0px;
  font-style: italic;
  font-size: 17px;
  color: #ff6600;
  line-height: 20px;
}
h3{
  margin: 0px 0px 0px 0px;
  padding: 0.3em 0px 0.3em 0px;
  font-size: 14px;
  color: #0073a6;
}
h4{
  margin: 0px 0px 0px 0px;
  padding: 0em 0px 0.2em 0px;
  font-size: 12px;
  color: #000;
}
h5{
  margin: 0px 0px 0px 0px;
  padding: 0em 0px 0.1em 0px;
  font-weight: normal;
  font-size: 12px;
  color: #000;
}

#col-left {
  float: left;
  width: 672px;
  padding-bottom: 50px;
  padding-top: 0px;
}

#col-right {
  float: left;
  width: 299px;
  padding-bottom: 10px;
  padding-top: 10px;
}
#pruvodkyne{
  border-bottom:10px solid #fff;
  background:#fff;
}
.distributor{
  border-bottom:10px solid #fff;
}
.search{
  border-bottom:10px solid #fff;
  padding:10px 0px 10px 20px;
}
form{
  margin:0px;
  padding:0px;
}
.search .txtsearch{
  width:140px;
  font-size:13px;
}
.search .btnsearch{
  background: #0073a6;
  border:0px;
  padding:2px 0px;
  width:100px;
  margin-left:5px;
  font-weight:bold;
  color:#fff;
  font-family:Arial;
  font-size:1em;
  border: 0px;
}
#col-right .header{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
  color: #ff6600;
  height:35px;
  line-height: 35px;
  background: url('../img/box-shadow.png') no-repeat left bottom;
}
.frmdistributor{
  padding: 10px 0px 0px 20px;
}
.frmdistributor select{
  width:250px;
  font-size:13px;
}
.frmdistributor input.btnOdeslat{
  background: #0073a6;
  border:0px;
  margin-bottom:10px;
  padding:2px 0px;
  width:100px;
  font-weight:bold;
  color:#fff;
  margin-left:150px;
  font-family:Arial;
  font-size:1em;
  border: 0px;
}
.content .news{
  padding:0px 0px 20px 0px;
}
.content .news h3{
  padding:0px 0px 8px 0px;
}
.content .news p span{
   color: #9f9f9f;
}
#col-right .news{
  padding:15px 12px 5px 20px;
}
#col-right .news p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  color: #777777;
}
#col-right .news span.datum{
  color: #fff;
  font-size:0.85em;
  background:#9f9f9f;
  padding:3px 5px;
}
#col-right .news p.more{
  text-align:right;
  font-size:0.9em;
}
#col-right .news h3{
  margin:7px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  font-size:1em;
}
#col-right p.archiv {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 20px;
}



.content {
  padding: 0px 20px 0px 40px;
}
.content p{
  margin: 0px 0px 0.9em 0px;
  padding:0px 0px 0px 0px;
  line-height:1.3em;
}
.content p.center{
  text-align:center;
}
.content img.right{
  margin:0px 0px 6px 10px;
  float:right;
}
.right
{
  margin:10px 60px 6px 10px;
  float:right;
}
.content img.left{
  margin:0px 10px 6px 0px;
  float:left;
}
.content .half_left{
  margin-right:20px;
  float:left;
  width:47%;
}
.content .half_right{
  margin-right:0px;
  float:left;
  width:47%;
}
.content .half_right .volbad{
  width: 297px;
  height: 266px;
  background: url(../img/bg_volbad.gif) no-repeat;
  color: #ffffff;
  font-size: 18px;
  padding: 60px 35px 20px 35px;
}

.content img.border{
  border:2px solid #0178b3;
  padding:1px;
}
.content .box_reseni{
  margin:0px 10px 6px 0px;
  float:left;
}
.content a.pdf{
  background: url(../img/ico_pdf.gif) 10px 50% no-repeat;
  padding:4px 0px 4px 34px;
  line-height:1.3em;
}
.content a.doc{
  background: url(../img/ico_doc.gif) 0px 50% no-repeat;
  padding:7px 0px 7px 35px;
  line-height:2.2em;
}
.content a.xls{
  background: url(../img/ico_xls.gif) 0px 50% no-repeat;
  padding:7px 0px 7px 35px;
  line-height:2.2em;
}
.content a.jpg{
  background: url(../img/ico_jpg.gif) 0px 50% no-repeat;
  padding:7px 0px 7px 35px;
  line-height:2.2em;
}
.content sup{
  font-size:9px;
}
.content ul{
  margin: 0px 0px 0.9em 30px;
  padding:0px 0px 0px 0px;
}
.content ul li ul{
  margin: 0px 0px 0em 30px;
  padding:0px 0px 0px 0px;
}
.content ul.special{
  margin: 0px 0px 0.9em 290px;
  padding:0px 0px 0px 0px;
}
.content ul li{
  margin: 0px 0px 0em 0px;
  padding:0.2em 0px 0.2em 0px;
}

.content ol{
  margin: 0px 0px 0.9em 30px;
  padding:0px 0px 0px 0px;
}
.content ol li ol{
  margin: 0px 0px 0em 30px;
  padding:0px 0px 0px 0px;
}
.content ol li{
  margin: 0px 0px 0em 0px;
  padding:0.2em 0px 0.2em 0px;
}
#topmenu {
  position: relative;
  height: 63px;
  width: 986px;
}
ul#menu{
  width: 977px;
  background: url('../img/topmenu.jpg') repeat-x left top #0070a2;
  height: 63px;
  left:4px;
  position: relative;
}
ul#menu *, ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menu li{
	display: block;
	position: relative;
	float: left;
	white-space:nowrap;
	_width: 1px;
	background: url('../img/menu-sep.png') no-repeat right bottom;
}
ul#menu.nojavascript li:hover>ul,
ul#menu li a,
ul#menu li.hover>ul {
	display: block;
}
ul#menu li.hover ul.active {
	_display: block;
}
ul#menu li ul li{
	width: 350px;
}
ul#menu li ul.small li{
	width: 170px;
}
ul#menu li ul.smallkontakt li{
	width: 170px;
}
ul#menu li ul {
	display: none;
	position: absolute;
	left: -1px;
	margin-top: 0px;
	z-index: 100;
	width: 350px;
}
ul#menu li ul.smallkontakt {
	width: 170px;
	left: 0px;
	_left: -27px;
}
ul#menu li ul.small {
	width: 170px;
}
ul#menu li ul li ul{
	display: none;
	position: absolute;
	left: 350px;
	top:0px;
	z-index: 100;
}
ul#menu a {
	color:#fff;
	text-decoration: none;
}
ul#menu li:hover>a {
	color: #ff6600;
}
ul#menu li.hover a:hover, ul#menu li.hover a.active{
	_color: #ff6600;
}
ul#menu li a {
	display: block;
	padding: 0px 28px 0 29px;
	height:63px;
	line-height:63px;
	color: #fff;
	text-align:center;
  font-size: 15px;
  font-weight: bold;
	cursor:pointer;
}
ul#menu li.last a {
	padding: 0px 30px 0 30px;
}
ul#menu li.last {
	background:none;
}
ul#menu li ul li a {
	padding: 0 10px 0 19px;
	background: #00679a;
	line-height:25px;
	height:25px;
	_width: 321px;
	text-align:left;
	font-size: 13px;
}
ul#menu li ul.small li a {
	_width: 141px;
}
ul#menu li ul.smallkontakt li a {
	_width: 141px;
}
ul#menu li ul li a:hover{
  background: #025b87;
  color:#fff;
}
ul#menu li ul li.hover a:hover, ul#menu li ul li.hover a.active{
	_background: #025b87;
  _color:#fff;
}
ul#menu li ul
{
   border:1px solid #858585;
}
.topmenu-s-r {
  height: 63px;
  background: url('../img/menu-right.png') no-repeat right top;
  font-size: 0px;
  line-height: 0px;
  width: 10px;
  position: absolute;
  right: -5px;
  top: 0px;
}

.topmenu-s-l {
  height: 63px;
  background: url('../img/menu-left.png') no-repeat right top;
  font-size: 0px;
  line-height: 0px;
  width: 10px;
  position: absolute;
  left: -6px;
  top: 0px;
}
#footer-space {
  height: 53px;
  background: #fff;
  position: relative;
  margin: 0px 6px 0px 6px;
}

#footer {
  height: 43px;
  background: url('../img/footer-copy.jpg') repeat-x 0px 0px #d0cfd0;
  position: absolute;
  top: 10px;
  left: -12px;
  width: 998px;
}

.footer-s-l {
  height: 10px;
  margin: 0px 6px 0px 6px;
  background: url('../img/footer-shadow-left.jpg') no-repeat left top #fff;
  font-size: 0px;
  line-height: 0px;
}

.footer-s-r {
  height: 10px;
  background: url('../img/footer-shadow-right.jpg') no-repeat right top;
  font-size: 0px;
  line-height: 0px;
}

#footer p.left{
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 0px 0px;
  float: left;
  line-height: 43px;
  color: #fff;
  font-size: 9px;
}
#footer p.right{
  padding: 0px 35px 0px 35px;
  margin: 0px 0px 0px 0px;
  float: right;
  font-weight:bold;
  text-align:right;
  line-height: 43px;
  color: #fff;
  background: url('../img/login.gif') 0px 55% no-repeat; 
  font-size: 12px;
}
#footer p.right a:link, #footer p.right a:active, #footer p.right a:visited{
  text-decoration:underline;
  color:#006699;
}
#footer p.right a:hover{
  text-decoration:none;
  color:#006699;
}
#footer p.left span{
  padding: 0px 0px 0px 20px;
}

#footer p.left span a{
  color: #ff6600;
  font-size: 9px;
  text-decoration: underline;
}
table.navody{
  width:100%;
  margin-bottom:15px;
  border-collapse:collapse;
}
table.navody tr{
  background:#ccc;
}
table.navody tr.liche{
  background:#eee;
}
table.navody td{
  border:1px solid #fff;
  text-align:center;
  padding:3px 5px;
  
}
table.navody th.left{
  text-align:left;
}
table.navody th{
  text-align:center;
  padding:3px 5px;
  font-size:13px;
  color: #000;
  border:1px solid #fff;
}
table.navody img{
  margin:0px 2px;
}
table.navody td.filename{
  text-align:left;
}
.content div.photos .ref{
  width:200px;
  height:200px;
  float:left;
  font-size:10px;
}

.content div.photos .refer{
  width:200px;
  margin:20px 0px;  
  float:left;
  font-size:10px;
}

.content div.photos .ref sup{
  font-size:7px;
}
.content div.photos .media{
  width:200px;
  height:300px;
  float:left;
}
.content div.photos .media span{
  color:#999;
}
.content div.photos img {
	margin: 0 5px 5px 0;
	padding: 1px;
	border: 1px solid #555;
}
.content div.photos img {
	margin: 5px	
}
.content div.photos a:hover img {
	border-width: 4px;
	margin:2px;
}
.content div.photos a:hover{
  _border-width: 4px;
}
.content div.photos {
	text-align: center;
}
.content div.photos a:link, .content div.photos a:visited, .content div.photos a:active{
  text-decoration: none;
}
.content div.photos a:hover{
  background:none;
	text-decoration:none;
}
.red{
  color: #ff6600;
}
table.kurzy{
  width:100%;
  margin-bottom:15px;
  border-collapse:collapse;
}
table.kurzy tr{
  background:#ddd;
}
table.kurzy td{
  border:1px solid #fff;
  text-align:center;
  padding:3px 5px;
}
table.kurzy th{
  text-align:center;
  padding:3px 5px;
  font-size:13px;
  color: #000;
  border:1px solid #fff;
}
table#form_dotaz{
  margin-bottom:1.2em;
  border-collapse:collapse;
}
table#form_dotaz td{
  vertical-align:top;
  padding-bottom:6px;
}
table#form_dotaz label{
  width:140px;
  font-weight:bold;
  margin-top:3px;
  display:block;
}
table#form_dotaz .check label{
  width:auto;
  font-weight:normal;
  margin-top:0px;
  display:inline;
}
table#form_dotaz .long label{
  width:auto;
  display:inline;
}
table#form_dotaz .long{
  padding-top:16px;
}
table#form_dotaz .check {
  line-height:1.7em;
  padding-top:16px;
}
table#form_dotaz .check input{
  position:relative;
  top:2px;
  &top:1px;
}
table#form_dotaz input.txtLong{
  width:280px;
  padding:2px 2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  border:1px solid #aaa;
  background: url(../img/bg_input.gif) repeat-x;
}
table#form_dotaz input.txtShort{
  width:140px;
  padding:2px 2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  border:1px solid #aaa;
  background: url(../img/bg_input.gif) repeat-x;
}
table#form_dotaz textarea{
  width:430px;
  height:60px;
  padding:2px 2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  border:1px solid #aaa;
  background: url(../img/bg_input.gif) repeat-x;
}
table#form_dotaz input.btnOdeslat{
  background: #0073a6;
  border:0px;
  padding:3px 0px;
  width:146px;
  font-weight:bold;
  color:#fff;
  font-family:Arial;
  font-size:1em;
  border: 0px;
}
.content .pozn{
  font-size:0.9em;
}
.box_big_hp{
  width:287px;
  padding:7px 8px 0px 8px;
  height:269px;
  float:left;
  margin:0px 2px 5px 0px;
  background: #f9f9f9 url(../img/bg_box_big_hp.gif) no-repeat;
}
.box_big_hp p.smodryma a:link, .box_big_hp p.smodryma a:active, .box_big_hp p.smodryma a:visited{
  color: #006699;
  text-decoration:underline;
}
.box_big_hp p.smodryma a:hover{
  text-decoration:none;
}
.box_big_hp a:link, .box_big_hp a:visited, .box_big_hp a:active, .box_big_hp a:hover,
.box_small_hp a:link, .box_small_hp a:visited, .box_small_hp a:active, .box_small_hp a:hover
{
  text-decoration:none;
  color:#ff6600;
}
.box_small_hp{
  width:174px;
  padding:7px 11px 0px 11px;
  height:163px;
  float:left;
  margin:0px 2px 5px 0px;
  background: #f9f9f9 url(../img/bg_box_small_hp.gif) no-repeat;
}
.box_small_fros{
  width:174px;
  padding:7px 11px 0px 11px;
  height:243px;
  float:left;
  margin:0px 2px 5px 0px;
  background: #f9f9f9 url(../img/bg_box_small_fros.gif) no-repeat;
}
.box_small_4{
  width:132px;
  padding:7px 10px 0px 10px;
  height:243px;
  float:left;
  margin:0px 0px 5px 0px;
  background: #f9f9f9 url(../img/bg_box_small_4.gif) no-repeat;
}
.box_chytra_rada{
  width:175px;
  padding:46px 10px 0px 12px;
  height:292px;
  float:right;
  position:relative;
  right:6px;
  top:2px;
  background: #f9f9f9 url(../img/bg_chytra_rada.gif) no-repeat;
}
.box_chytra_rada ul{
  margin:0px;
  padding:0px;
}
.box_chytra_rada ul li{
  margin:0px;
  list-style-type:none;
  color:#393a3a;
  padding:8px 0px 3px 0px;
}
.box_chytra_rada ul li span{
  width:16px;
  height:17px;
  float:left;
  color:#fff;
  position:relative;
  top:-1px;
  margin-right:5px;
  font-weight:bold;
  font-size:11px;
  line-height:17px;
  text-align:center;
  background:#4c8cb7 url(../img/bg_cislo.gif) no-repeat;
}
a.more:link, a.more:visited, a.more:active{
  text-decoration:none;
  width:70px;
  height:18px;
  margin-left:200px;
  padding:1px 0px 0px 11px;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  display:block;
  background: #0073a6 url(../img/button_more.gif) no-repeat;
}
a.more:hover{
  text-decoration:underline;
}
.box_small_hp a.more:link, .box_small_hp a.more:visited,
.box_small_hp a.more:active, .box_small_hp a.more:hover
{
  margin-left:90px;
  margin-top:3px;
}
.box_small_4 a.more:link, .box_small_4 a.more:visited,
.box_small_4 a.more:active, .box_small_4 a.more:hover{
  margin-left:50px;
  margin-top:10px;
}
.box_small_hp img, .box_big_hp img{
  margin:0px;
  display:block;
  padding:0px;
}
h2.small{
  color:#ff6600;
  margin:3px 0px 0px 0px;
  font-style: normal;
  font-size:12px;
  line-height:15px;
  padding:0px;
}
h2.big{
  color:#ff6600;
  margin:6px 0px 0px 0px;
  font-style: normal;
  height:50px;
  text-align:center;
  padding:0px;
}
.box_small_4 h2 a:link, .box_small_4 h2 a:visited, .box_small_4 h2 a:active, .box_small_4 h2 a:hover{
  color:#ff6600;
  text-decoration:none;
}
.box_small_4 h2.big a{
  color:#ff6600;
}
.box_chytra_rada h2{
  color:#a9a9b2;
  font-size:15px;
  font-style: normal;
}
.box_big_hp p{
  font-size:11px;
  line-height:16px;
  margin:0px 0px 0px 0px;
}
.box_small_fros p, .box_small_4 p{
  font-size:11px;
  line-height:16px;
  margin:0px 0px 0px 0px;
}
p.loga{
  margin:0px 0px 0px 0px;
  padding:0px;
  text-align:center;
  background:#e9e9e9;
}
p.loga img{
  margin:10px 30px 10px 30px; 
}
.pokoj{
  background:#e9e9e9;
  padding:10px;
  margin-bottom:5px;
  font-size:11px;
}
.vyhoda{
  width:31%;
  float:left;
  font-size:11px;
  margin-right:10px;
}
.vyhoda ul{
  margin-left:70px;
}
.vyhoda img{
  position:relative;
  top:6px;
}
table.topeni{
  width:100%;
  margin-bottom:15px;
  border-collapse:collapse;
}
table.topeni tr{
  background:#ddd;
}
table.topeni td{
  border:1px solid #fff;
  text-align:center;
  padding:3px 5px;
}
table.topeni th.left{
  text-align:left;
}
table.topeni th{
  text-align:center;
  padding:5px 5px;
  font-size:13px;
  color: #fff;
  background:#0073a6;
  font-weight:bold;
  border:1px solid #fff;
}
table.topeni img{
  margin:0px 2px;
}
.navod{
  margin-bottom:5px;
  font-size:11px;
  border-bottom:1px solid #ccc;
}
.navod h4{
  float:left;
  margin:0px 0px 0px 0px;
  padding:4px 0px;
  width:100px;
  text-align:center;
  font-size:11px;
  background:#0073a6;
  color:#fff;
}
.navod p{
  float:left;
  margin:0px 0px 0px 0px;
  padding:4px 0px;
  font-size:10px;
}
.rada{
  width:175px;
  padding:62px 10px 10px 10px;
  font-weight:bold;
  color:#4c84a9;
  float:right;
  margin-left:10px;
  font-size:11px;
  border-bottom:2px solid #4c84a9;
  background: url(../img/bg_chytra_rada2.gif) no-repeat;
}
.rada_radek{
  width:570px;
  padding:62px 10px 10px 10px;
  font-weight:bold;
  color:#4c84a9;
  float:right;
  margin-right:21px;
  font-size:11px;
  border-bottom:2px solid #4c84a9;
  background: url(../img/bg_chytra_rada3.gif) no-repeat;
}
.green{
  color:green;
}
.cro1{
  background: url(../img/cro1.gif) 0px 50% no-repeat; 
  padding:20px 0px 20px 110px;
  display:block;
}
.cro2{
  background: url(../img/cro2.gif) 0px 50% no-repeat; 
  padding:20px 0px 20px 110px;
  display:block;
}
.nova{
  background: url(../img/nova.gif) 0px 50% no-repeat; 
  padding:20px 0px 20px 110px;
  display:block;
}