body {margin: 10px 0px; background: #3C3C3C; text-align: center;}
body, td, p, div, input, textarea, select {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px;}
p, div {text-align: justify;}
a:link, a:visited { color: #f60; text-decoration: underline; font-weight: bold;}
a:hover {text-decoration: none;}
a.thin:link, a.thin:visited {font-weight: normal;text-decoration: none;}
a.thin:hover {text-decoration: underline;}

h1 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: lighter; letter-spacing: 2px;}
h1:before {content: "/ "; color: #f60;}
h1:after {content: " /"; color: #f60;}

h2 {
	background: url(img/bg-h2.gif) no-repeat center left;
	/*width: 705px;*/
	height: 18px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff;
	padding-left: 10px;
	padding-top: 2px;
	margin-top: 45px;
}

h3 {
	font-size: 14px;
	margin-bottom: 6px;
	/*color: #f60;*/
}

/* ---- ID ---- */
#menu-1  {width: 780px; margin-left: auto; margin-right: auto; text-align: right; color: #fff;}
#menu-1 a {color: #fff; text-decoration: none; margin: 0 5px; font-weight: normal;}
#menu-1 a:hover {text-decoration: underline;}

#container1 {width: 780px; margin-left: auto; margin-right: auto; background: #fff url(img/bg-container.gif) no-repeat top; text-align: left; margin-top: 10px; padding-top: 20px;}
/*#container2 {background: #fff url(img/bg-container.gif) no-repeat top; float:left; padding-top: 20px;}*/

#logo {margin-left: 25px;}
#menu-2 {color: #f60; font-size: 1em; letter-spacing: 1px; margin-top: 10px; margin-left: 15px; margin-bottom: 10px;}
#menu-2 a {color: #333; margin: 0 10px; text-decoration: none; font-weight: normal;}
#menu-2 a:hover {color: #f60;}

#menu-3 {height: 23px; width: 774px; margin: 0 0 8px 6px; background: url(img/bg-menu-3.gif) no-repeat;}

ul#menu-3ul {padding:0; margin:0 0 0 30px; list-style-type:none;}
ul#menu-3ul ul {padding:0; margin:0; list-style-type:none;}
ul#menu-3ul li {float:left; height: 23px; line-height: 23px;}
ul#menu-3ul li#last {background: none; margin: 0 0 0 160px;}
ul#menu-3ul li#last a {color: #000;}
ul#menu-3ul li#last a:hover {text-decoration: underline;}
ul#menu-3ul a {display:block; text-decoration: none; font-weight: normal; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 25px;}
ul#menu-3ul li.hlavni {padding: 0 1px 0 0; background: url(img/menu-sep.gif) no-repeat right;}
ul#menu-3ul ul a {width: 110px; _width: 130px; background: #ddd; border: 1px solid #fff; border-top: none; color: #333; padding: 2px 10px;}
ul#menu-3ul ul.sirsi a {width: 180px;}
ul#menu-3ul ul a:hover {background: #f60; color: #fff;}
ul#menu-3ul ul {position:absolute; visibility:hidden; background: #cecece; border-top: 1px solid #fff;} /* BEZ TOHOTO BACKGROUNDU TO NEFUNGUJE V IE !!! */
ul#menu-3ul li:hover ul, ul#menu-3ul li.hover ul {visibility:visible;}
ul#menu-3ul li li {float:none; border:none; padding:0; margin: 0; height: auto; line-height: auto;}
ul#menu-3ul li {behavior: url(hover.htc);}

#obsah {width:706px; _width:780px; padding: 10px 37px; /* width: 706px; margin-left: auto; margin-right: auto;*/}

p#kontakt {text-align: center; margin: 0; margin-top: 15px; padding-bottom: 3px;}

#paticka {
	margin-left: auto; margin-right: auto; width: 780px;
	background: url(img/bg-paticka.gif) no-repeat top left;
	padding-top: 20px;
	color: #ccc;
	text-align: right;
}

#img_sekce {margin-right: 20px;}


/* ---- CLASS ---- */
.cleaner {clear: both; font-size: 0px; height: 0px; line-height: 0px; border: none; margin: 0; padding: 0; background: transparent;}
.novinka {padding-left: 10px; padding-right: 10px;}
.tnovinka {margin-bottom: 35px;}
.tnovinka td {vertical-align: top;}
.tnovinka td div {margin-left: 15px;}
.bgorange {background-color: #f60;}
.orange {color: #f60;}
.nej5 {margin-top: 30px;}
.nej5 tr td {vertical-align: bottom; text-align: center;}
.nej5 tr td img {margin-top: 7px; margin-bottom: 7px;}
.duvody tr td {vertical-align: top; padding-bottom: 20px;}
.duvody tr td img {margin-right: 15px;}
.pad {padding-right: 40px;}
.ulPad {padding-left: 50px;}
.grayBg {background-color: #f0f0f0;}
.selHp {font-size: 10px;}
.nahoru {text-align: right; margin-top: 20px;}
.tdmain {padding: 37px; padding-bottom: 10px;}
.spec {line-height: 20px;}
.submitKalk {cursor: pointer;}
.center {text-align: center;}
.bgwhite {background-color: #ffffff;}
.seda {color: #888888;}

/* SPECIÁLNÍ NABÍDKA - obálky */

/* nerealizovane:
#claim {position: relative; width: 700px; height: 110px; margin-top: 20px; color: #9c3; font-weight: bold;}
#claim span {color: #f60;}
#claim1 {position: absolute; top: 35px; left: 30px; font-size: 20px; line-height: 30px;}
#claim2 {position: absolute; top: 5px; left: 250px; font-size: 24px; line-height: 30px;}
#claim3 {position: absolute; top: 60px; left: 360px; font-size: 26px; line-height: 30px;}
#claim4 {position: absolute; top: 80px; left: 0px; font-size: 18px; line-height: 30px;}
#claim5 {position: absolute; top: 105px; right: 20px; font-size: 22px; line-height: 30px;}

#claim-v2 {position: relative; width: 700px; height: 110px; margin-top: 20px; font-weight: bold;}
#claim-v2 span {color: #f60;}
*/

#claim-v3 {position: relative; height: 366px; _height: 416px; padding-top: 40px; background: url(img/obalky-s-potiskem2.jpg) no-repeat right top;}
#claim-v3 span {color: #f60;}
#claim-v3 .claim {font-size: 16px; line-height: 22px; font-family: Arial, sans-serif; font-weight: bold;}
#claim-v3 .claim-hlavni {position: absolute; top: 250px; left: 420px; text-align: center; font-size: 24px; line-height: 24px; font-family: Arial, sans-serif;}
/*
#claim-v3-2 {text-align: left; font-size: 16px; line-height: 40px; font-family: Arial, sans-serif;}
#claim-v3-3 {text-align: left; font-size: 16px; line-height: 40px; font-family: Arial, sans-serif;}
#claim-v3-4 {text-align: left; font-size: 16px; line-height: 40px; font-family: Arial, sans-serif;}
#claim-v3-5 {text-align: left; font-size: 16px; line-height: 40px; font-family: Arial, sans-serif;}
*/
.spec-nab-box {
	float: left;
	width: 200px; /*height: 208px; _height: 215px;*/
	margin: 20px 10px 20px 10px;
	background: #ececec url(img/bg-spec-nab.gif) no-repeat bottom left;
	/*border-top: 6px solid #f60;*/
}
.spec-nab-box  ul {margin-top: 10px; margin-bottom: 10px;}
.spec-nab-box  ol {margin-top: 10px; margin-bottom: 10px; margin-left: 25px; padding-left: 0px; text-indent: 0px;}
.spec-nab-box  li {padding-bottom: 6px;}
.spec-nab-box2 {background: url(img/bg-spec-nab-rotation.gif) no-repeat top left; padding: 7px 10px;}

form#poptavkovy-form {float: left; width: 200px; margin: 20px 10px; background: #ececec url(img/bg-spec-nab.gif) no-repeat bottom left;}
form#poptavkovy-form .spec-nab-box2 {background: url(img/bg-spec-nab-rotation.gif) no-repeat top left; padding: 0;}
form#poptavkovy-form h2 {margin: 0px; background: url(img/bg-h2-200.gif) no-repeat center left;}
form#poptavkovy-form p {padding-left: 10px; padding-right: 5px; margin-top: 10px; margin-bottom: 0;}

#tabulkaweb tr td {
	border: 1px solid black;
	text-align: center;
	padding: 2px;
}
#tabulkaweb {
	border-collapse: collapse; 
}
#tabulkaweb2 {
	text-align: left;
	margin: 4px;
	border-collapse: collapse;
}
#tabulkaweb2 tr td {
	border: 1px solid black;
	padding: 2px;
	padding-left: 5px;
}
tr#sloupec {
	height: 30px;
}
#vrchnisloupec {
	height: 40px;
	background-color: #F46F21;
	color: White;
	font-weight: bold; 
}
#lsloupec {
	background-color:  #F46F21;
	color: White; 
}
#s2 {
	background-color: #CCFFCC;
}
#s3 {
	background-color: #CCFFCC;
}
#s4 {
	background-color: #99CC00;
}
#s5 {
	background-color: #008000;
}
#s6 {
	background-color: #99CCFF;
}
#s7 {
	background-color: #3366FF;
}
#s8 {
	background-color: #0000FF;
}
th {
	font-size: 8pt;
	text-align: right; 	
}

a.reference {float: left; display: block; width: 173px; height: 172px; _height: 180px; overflow: hidden; margin: 0 3px 3px 0; background: url(img/bg-reference.gif) repeat-x bottom; border-top: 8px solid #dadada; color: #7f7f7f; text-align: center; font-size: 11px; font-weight: normal; text-decoration: none;}
a.reference img {border: 1px solid #dadada; margin: 3px 0 6px 0;}
a.reference:hover {border-top: 8px solid #f60; color: #f60; font-weight: bold;}
h2.strankovani {text-align: center; padding-right: 20px;}
h2.strankovani a {color: #fff !important; font-weight: normal !important; text-decoration: none !important;}
h2.strankovani a:hover {color: #333 !important;}
h2.strankovani a.predchozi {float: left;}
h2.strankovani a.dalsi {float: right;}
.iBorder {border: 1px solid #dadada;}