body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,  ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
input {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/bg-cihly.jpg) repeat-x 50% 0px;
font-family: Arial, sans-serif;
	text-align: center;
	font-size: 70%;
color: #677686;
/* margin-bottom: 400px; */
}

.cistic {
	clear: both;
}


a {
color: #677686;
	text-decoration: none;
}

a:hover {
	color: #000;
/* 	text-decoration: underline; */
}



/*  wysyvig */
.content-box h1 {
display: block;
clear: both;
padding-top:10px;
padding-bottom: 10px;
font-size: 180%;
font-weight: normal;
}

.content-box h2 {
display: block;
clear: both;
font-size: 160%;
font-weight: normal;
padding-bottom: 10px;
padding-top:10px;
}

.content-box h3 {
display: block;
clear: both;
font-size: 140%;
font-weight: normal;
padding-top:20px;
padding-bottom: 10px;
}


.content-box h4 {
display: block;
clear: both;
font-size: 100%;
font-weight: normal;
padding-top:10px;
padding-bottom: 10px;
color: #e42c2a;
}

.content-box a {
color: #e42c2a;
	text-decoration: underline;
}

.content-box a:hover {
	color: #000;
/* 	text-decoration: underline; */
}

.adotted a {
	padding-top: 10px;
	color: white;
	text-decoration: none;
	border-bottom: 3px dotted white;
	padding-bottom: 5px;
	display: inline;
	line-height: 40px;
}

.adotted a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 0px;
}

.content-box img {
border: 5px solid #ededed;
}


.content-box ul {
padding-left: 15px;
}







.bg {
	background: url(../images/bg.jpg) no-repeat 50% 0px;
}


.bg-m {
	margin: 0 auto;
	width: 970px;
	text-align: left;
	background: url(../images/bg-m.png) repeat-y top;
	
}

.bg-header {
	margin: 0 auto;
	width: 970px;
	height: 325px;
	text-align: left;
	background: url(../images/bg-header.png) no-repeat top;
}

/* TOP MENU */
.topmenu{
	margin: 20px auto 0 auto;
	width: 950px;
	height: 40px;
	float: left;
	padding-left: 20px;
	text-align: left;
	background: url(../images/topmenu.png) no-repeat top;
	text-align: center;
}

.topmenu li{
float: left;
list-style: none;
padding-top: 15px;
display: block;
}

.topmenu a{
color: white;
padding: 0px 27px;
font-weight: bold;
font-size: 12px;
display: block;
background: url(../images/separator.png) no-repeat right center;
}
.topmenu a:hover{
color: black;
}

a.no-padd-l {
padding-left: 27px 
}

a.no-padd-r {
background: none;
}




#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: -5px;
	
}

#nav a {

}


#nav li ul {
	position: absolute;
	width: 165px;
	left: -999em;
	background: #E42C2A;
	padding: 5px 0;
}

#nav li ul li {
	padding: 0;
	margin: 0;
		display: block;
		width: 100%;
		padding: 5px 0;

}

#nav li ul li a {
	padding: 0;
	margin: 0;
	display: block;
	background: none;
	text-align: left;
	padding: 0 40px;
}


#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}




.inside {
padding: 5px 30px 0 30px
}

.logo {
float: left;
width: 190px;
height: 30px;
margin-top: 15px;
}

/*--------------------------------------- search-box*/
.search-box {
float: right;
width: 400px;
padding-top: 24px;
font-size: 100%;

}
.input-search {
width: 120px;
float: left;
border: 0px;
background: url(../images/search-input.png) no-repeat left top;
font-size: 12px;

height: 17px;
line-height:17px;
padding: 2px 0;
text-indent: 5px;
margin-right: 10px;
}

.button-search {
width: 22px;
background: none;
border: 0px;
background: url(../images/search-button.png) no-repeat left top;
height: 21px;
cursor: pointer;
float: left;
}

.button-search:hover {
background: url(../images/search-button.png) no-repeat right top;
}

/* LANGS - Jazyky */

.langs-box {
float: left;
margin-left: 10px;
border-left: 1px solid #cacaca;
padding-left: 10px;
padding-top: 5px;
height: 18px;
}

.langs-box2 {
float: left;
margin-left: 10px;
border-left: 1px solid #cacaca;
padding-left: 10px;
padding-top: 5px;
height: 18px;
}

.langs-box a {
display: block;
float: left;
width: 16px;
height:11px;
margin-right: 6px;
}

.cz {
background: url(../images/cz-n.png) no-repeat top left;
}
.en {
background: url(../images/en-n.png) no-repeat top left;
}
.de {
background: url(../images/de-n.png) no-repeat top left;
}
.ru {
background: url(../images/ru-n.png) no-repeat top left;
}

.cz.aktivni-jazyk, .cz:hover {
background: url(../images/cz.png) no-repeat top left;
}
.en.aktivni-jazyk, .en:hover {
background: url(../images/en.png) no-repeat top left;
}
.de.aktivni-jazyk, .de:hover {
background: url(../images/de.png) no-repeat top left;
}
.ru.aktivni-jazyk, .ru:hover {
background: url(../images/ru.png) no-repeat top left;
}



.aktuality-box {
width: 215px;
float: left;
color: #586472;
background: url(../images/aktuality-box-m.png) repeat-y left top;
}
.aktuality-box-t {
width: 195px;
height: 36px;
line-height: 36px;
padding:0 0 0 20px;
font-size: 130%;
font-weight: normal;
float: left;
background: url(../images/aktuality-box-t.png) no-repeat left top;
}
.aktuality-box-b {
width: 195px;
height: 26px;
line-height: 26px;
padding-left: 20px;
float: left;
background: url(../images/aktuality-box-b.png) no-repeat left top;

}

.aktuality-box-b a {
color: #586472;
}

.inner {
padding: 0 20px 10px 20px;
}


.aktuality-box img {
padding-top: 10px;
}

.aktuality-box p {
padding-bottom: 10px;
}

.aktuality-box h3 {
font-size: 100%;
}
.content-box {
float: right;
width: 674px;
background: url(../images/content-box-m.png) repeat-y left top;
overflow: hidden;
}

.content-box-t {
float: right;
width: 674px;
height: 10px;
background: url(../images/content-box-t.png) no-repeat left top;
}

.big-buttons {
float: left;
height:auto !important;

min-height:350px;
padding: 15px 30px 100px 30px;
cursor: pointer;
text-decoration: none !important;
color: #677686 !important;
}




.nova-brik {
background: url(../images/nova-brik-img.png) no-repeat left bottom;
width: 165px;
}
.nova-blok  {
background: url(../images/nova-blok-img.png) no-repeat left bottom;
width: 165px;
}
.tri-lock  {
width: 164px !important;
overflow: hidden; /* IE6 */
background: url(../images/tri-lock-img.png) no-repeat left bottom;
}




.big-buttons:hover {
background-position: -225px 100%;
color: #677686 !important;
}

.big-buttons img {
border: 0px;
}


.big-buttons span {
display: block;
}

.big-buttons-title {
font-style: italic;
font-weight: bold;
font-size: 130%;
padding: 10px 0;
}


.big-buttons span:hover {
text-decoration: underline !important;
}





/* PODSTRANKA */

.levemenu {
width: 215px;
float: left;
color: #586472;
background: #e1e4e7;
}
.levemenu-t {
width: 195px;
height: 12px;
padding-left: 20px;
font-size: 130%;
font-weight: normal;
float: left;
background: url(../images/levemenu-t.png) no-repeat left top;
font-size: 0px;
}
.levemenu-b {
width: 195px;
height: 12px;
padding-left: 20px;
float: left;
background: url(../images/levemenu-b.png) no-repeat left bottom;

}


.levemenu ul {
list-style: none;
}
.levemenu li {
border-top: 1px solid white ;
font-weight: bold;
font-size: 120%;
}

.levemenu li a {
font-weight: normal;
display: block;
padding: 5px 20px;
}

.levemenu li a:hover {
background: #E96867;
color: white;
}

.levemenu li.nohov a:hover {
background: #e1e4e7;
}

.levemenu h2 {
padding: 5px 20px;
font-size: 100%;
}


.levemenu ul li ul li {
text-indent: 15px;
font-size: 90%;
background: #e42c2a;
}
.levemenu ul li ul li a {
color: white;
font-size: 90%;
}

.open {
text-indent: 15px;
color: white;
background: #e42c2a url(../images/levemenu-arrow.png) no-repeat 20px 7px;
}
.levemenu ul li a.open:hover {
background: #e42c2a url(../images/levemenu-arrow.png) no-repeat 20px 7px;
}
.levemenu ul li ul li a:hover {
/* background: #e1e4e7;
color: #586472 */
}

/* PODSTRANKA CONTENT */
.content-box-a {
float: right;
width: 674px;
background: url(../images/content-box-b-novabrik.jpg) no-repeat left bottom;
padding-bottom: 150px;
height:auto !important;
height:226px;
min-height:226px;
}

.content-box-b {
float: right;
width: 674px;
background: url(../images/content-box-b-trilock.jpg) no-repeat left bottom;
padding-bottom: 150px;
height:auto !important;
height:226px;
min-height:226px;
}

.content-box-c {
float: right;
width: 674px;
background: url(../images/content-box-b-novablok.jpg) no-repeat left bottom;
padding-bottom: 150px;
height:auto !important;
height:226px;
min-height:226px;
}

.subtit {
font-style: italic;
font-weight: normal;
font-size: 130%;
padding: 20px 0;
display: block;
}

.tretina {
width: 170px;
float: left;
padding-right: 40px;
padding-bottom: 20px;
}


.dvetretiny {
width: 380px;
float: left;
padding-right: 40px;
}




.polovina, .prodejcibox{
width: 280px;
float: left;
padding-right: 40px;

}
 
.nadpis01 {
 font-size: 150%;
 margin-top: 20px;
 display: block;
}


 
 


.nadpis02 {
 font-weight: bold;
 padding: 10px 0px;
color: #e42c2a
 }
 
 .kontbox01 {
 clear: both;
 border-bottom: 1px dotted #cacaca;;
 width: 610px;
 }



.podstrana .inside .content-box .content-box-b .inside {
padding-right: 0px;
}

.podstrana .inside .content-box .content-box-a .inside {
padding-right: 0px;
}

.podstrana .inside .content-box .content-box-c .inside {
padding-right: 0px;
}


.logo-produktu {
padding-top: 10px;

}
.logo-produktu img, .prodejcibox img, img.no-border{
border: 0px 
}



/* content-box styles */

.content-box table td {
padding-right: 10px;
}


/* BOXY DOLE */

.bott-boxes {
background: url(../images/bott-boxes-bg.png) no-repeat left top;
height:auto !important;
height:70px;
min-height:70px;
margin-top: 20px;
}

.bott-box {
float: left;
width: 196px;
height:auto !important;
height:70px;
min-height:70px;
padding: 15px;
}

.bb-01 {
background: url(../images/bott-box-01.png) no-repeat right 5px
}
.bb-02 {
background: url(../images/bott-box-02.png) no-repeat right 5px
}
.bb-03 {
background: url(../images/bott-box-03.png) no-repeat right 5px
}
.bb-04 {
background: url(../images/bott-box-04.png) no-repeat right 5px
}

.bott-box-separator {
float: left;
width: 1px;
overflow: hidden;
background: url(../images/bott-box-separator.png) no-repeat left top;
height: 90px;
}

.bott-box a {
font-size: 120%;
color: #1a7fb6;
text-decoration: underline;
/* font-weight: bold; */
}
.bott-box a:hover {
color: #000;
}


.bott-box p {
width: 120px;
padding-top: 10px;
font-size: 86%;
color: #586472
}

.bott-menu {
width: 909px;

float: left;
background: url(../images/bott-menu.png) no-repeat left top
}

.bott-menu li {
list-style: none;
float: left;
}

.bott-menu a{
float: left;
padding: 12px 10px;

}
.bott-menu span{
float: left;
padding: 12px 0;
}

.bott-menu-01{
float: left;
padding-left: 10px;
}

.bott-menu-02{
float: right;
padding-right: 10px;
}

.foot{
float: left;
width: 909px;
padding-top: 10px;
}

.foot-01{
float: left;
padding-left: 20px;
}

.foot-02{
float: right;
padding-right: 20px;
}

.bg-footer {
	margin: 0 auto;
	width: 970px;
	height: 60px;
	text-align: left;
	background: url(../images/bg-footer.png) no-repeat top;
	
}

#cenovanabidka input {
    width: 200px;
}

#cenovanabidka h2 {
    color: #E42C2A;
}

#cenovanabidka b {
    font-size: 130%;
}
