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 {
	border: 0;
	outline: none;
	margin: 0;
	padding: 0;
}
input {
	margin: 0;
	padding: 0;
}
body {
	/* background: #f5f5f5 url('../images/bg.png');
*/
	background: #f1f5fb;
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #646464;


}
.l{display:inline;float:left;}
.r{display:inline;float:right;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}
.out{position:absolute;left:-9000px;top:-9000px;}
.br{clear:both;}
.block{display:block;}
.cistic{clear:both;}
.no-border{border:none !important;}
.no-margin{margin:none !important;}
.no-padding{padding:none !important;}
.no-bg{background:none !important;}
.bold{font-weight:bold;}
.small{font-size:90%;}
.big{font-size:120%;}
.hidden{display:none;}
.align-center{text-align:center !important;}
.align-left{text-align:left !important;}
.align-right{text-align:right !important;}
img.align-left{float:left;margin-right:15px;margin-bottom:15px;}
img.align-right{float:right;margin-left:15px;margin-bottom:15px;}
img.align-center{float:none;margin:0 auto 15px;}
.marg-10-0{margin:10px 0;}
.marg-t-20{margin-top:20px;}
a {
	color: #646464;
	text-decoration: underline;
}
a:hover {
	color: #000;
}

sup,
sub {
height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}


table {
	width: 100%;
	border-top: 1px solid #a3dcf4;
	border-right: 1px solid #a3dcf4;
	margin: 1em auto;
	border-collapse: collapse;
	font-size: 12px;
	clear: both;
}

td {
	/* color: #678197;
*/
	border-bottom: 1px solid #a3dcf4;
	border-left: 1px solid #a3dcf4;
	padding: .3em 1em;
	text-align: center;
}
th {
	font-weight: normal;
	/* color: #678197;
	
*/
width: 11%;
	text-align: left;
	border-bottom: 1px solid #a3dcf4;
	border-left: 1px solid #a3dcf4;
	padding: .3em 1em;
	font-weight: bold;
		text-align: center;
}
thead th {
	background: #009EE0;
	color: white;
	text-align: center;
	/* font: bold 1.2em/2em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
*/
}





#megadiv {
	background: #FFF url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	color: #646464;
}
/* #stranka {
	width: 960px;
	padding-bottom: 40px;
	margin: 0 auto;
	padding-left: 20px;
} */
#head-bg {
	overflow: hidden;
	height: 440px;
	position: relative;
	margin: 0 auto;
 	background: url(../images/head-stroje.jpg) no-repeat top center; 
/* MIN WIDTH kvuli barevnemu pozadi */
	min-width: 960px;
	width: auto !important;
	width: 960px;
}

#slideshow {
	overflow: hidden;
	height: 350px;
	position: relative;
	margin: 0 auto;
/* MIN WIDTH kvuli barevnemu pozadi */
	min-width: 960px;
	width: auto !important;
	width: 960px;
float: left;
}
#slideshow a {
	height: 350px;
/* MIN WIDTH kvuli barevnemu pozadi */
	min-width: 960px;
	width: auto !important;
	width: 960px;
float: left;
text-decoration: none;
}



.obaly {
	background: url(../images/head-obaly.jpg) no-repeat bottom center;
		min-width: 960px;
	width: auto !important;
	width: 960px;
	height: 350px;
			margin: 0 auto;
}
.stroje {
	background: url(../images/head-stroje.jpg) no-repeat bottom center;
		min-width: 960px;
	width: auto !important;
	width: 960px;
	height: 350px;
			margin: 0 auto;
}
#head {
	width: 960px;
	margin: 0 auto;
}
#logo {
	width: 240px;
	height: 90px;
	float: left;
}
/*---------------------------------------horizontalni menu*/
.main-menu {
	float: right;
	text-align: right;
	width: 690px;
	padding: 20px 0px 0px 0;
	height: 32px;
	position: relative;
	z-index: 1000 !important;
	/* z-index: 0;
*/
}
.main-menu ul {
	float: right;
}
.main-menu li {
	float: left;
	list-style: none;
	height: 32px;
	line-height: 32px;
	margin-left: 5px;
}
.main-menu li a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 0 10px;
	text-align: center !important;
	height: 32px;
	line-height: 32px;
}
/* HOVER A AKTIVNI */
li.level-1 a:hover, #aktivni a {
	background: transparent url(../images/menu-r.png) no-repeat right 0px;
	color: #002c56;
	font-weight: bold;
	z-index: 100;
	height: 32px;
	line-height: 32px;
}
li.level-1:hover, li#aktivni {
	background: url(../images/menu-l.png) no-repeat left 0px;
}



/* HOVER A AKTIVNI - BLUE  */
li.level-1.blue a:hover {
	background: transparent url(../images/menu-r_blue.png) no-repeat right 0px;
/* 	color: #002c56; */
	color: #FFF;

}
li.level-1.blue:hover {
	background: url(../images/menu-l_blue.png) no-repeat left 0px;
}

/* HOVER A AKTIVNI - GRAY  */
li.level-1.gray a:hover {
	background: transparent url(../images/menu-r_gray.png) no-repeat right 0px;
	color: #FFF;

}
li.level-1.gray:hover {
	background: url(../images/menu-l_gray.png) no-repeat left 0px;
}



li.level-1 em {
	text-align: center;
	font-style: normal;
	width: 100%;
display: block;
}
#aktivni em {
padding-bottom: 8px;
background: url(../images/menu-sipka.png) no-repeat center top;

}

/* delka buttonu */
.kratky {
	width: 60px !important;
}
.delsi {
	width: 70px !important;
}
.dlouhy {
	width: 100px !important;
}


/* kdyz ma tooltip tak jine pozadi buttonu */
li.level-1.tooltip a:hover {
	background: url(../images/menu-r_s.png) no-repeat right 0px !important;
}
li.level-1.tooltip:hover {
	background: url(../images/menu-l_s.png) no-repeat left 0px !important;
}
/* CSS tooltip */
.tooltip a {
	position: relative;
/*this is the key*/
	z-index: 24;
	color: #000;
	text-decoration: none
}
.tooltip a:hover {
	z-index: 25;
}
.tooltip a span {
	display: none;
	line-height: 15px;
}
.tooltip a:hover span {
/*the span will display just on: hover state*/
	display: block;
	position: absolute;
	top: 30px;
	right: 0px;
	width: 155px;
	text-align: left
}
/* CSS tooltip - kulate rohy */
.sub-t {
	background: url(../images/sub-t.png) no-repeat left top;
	height: 10px;
	overflow: hidden;
	display: block;
}
.sub-m {
	background: #FFF;
	padding: 0 20px;
	font-weight: normal;
		display: block;
		font-style: normal;
}
.sub-b {
	background: url(../images/sub-b.png) no-repeat left top;
		display: block;
		
}



.buttons {
position: relative;
}

#content {
	width: 960px;
/* 	padding-bottom: 40px; */
	margin: 0 auto;
overflow: hidden;
/* 	padding-left: 20px; */
}

#content h2 {
font-size: 25px;
font-weight: normal;
color: #00305b;
padding: 20px 0;
}
#content h3 {
font-size: 12px;
font-weight: bold;
color: #00305b;
padding: 5px 0px 8px 0px;
}




#content h2.page-title {

padding: 45px 0 20px 0;
}

.buttons {

width: 552px;
height: 70px;
float: right;
} 
.butt-obaly  {
background: url(../images/button-obaly.png) no-repeat left top;
width: 271px;
height: 70px;
float: left;
margin-right: 10px;
} 
.butt-stroje{
background: url(../images/button-stroje.png) no-repeat left top;
width: 271px;
height: 70px;
float: left;
}


.levy-sloupec {
	width: 650px;
	float: left;
	text-align: left;
/* 	padding-top: 50px; */
background: url(../images/levy-sloupec-bg.png) no-repeat right top;
/* MIN-HEIGHT kvuli barevnemu pozadi */
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding-right: 30px;
}

a.specificky {
background: url(../images/specificky.png) no-repeat left top;
width: 448px;
height: 36px;
line-height: 36px;
font-size: 11px;
display: block;
text-indent: 20px;
text-decoration: none;
clear: both;
}
a.specificky:hover {
background: url(../images/specificky.png) no-repeat right top;

}




.pravy-sloupec {
	width: 255px;
	float: right;
	text-align: left;
padding-left: 25px;

}



/* NOVINKY V PRAVEM SLOUPCI */
.novinka-box {
clear: both;
overflow: hidden;
padding-bottom: 15px;
}

.novinka-text {
padding-left: 10px;
float: left;
width: 140px;
font-size: 11px;
line-height: 16px;
color: #313131;
}

.novinka-box a {
text-decoration: none;
}
.novinka-box h3 {
/* color: #003e6d;
font-size: 12px;
font-weight: bold; */
padding: 0px 0px 8px 8px;
}
.novinka-box a.cely-clanek {
background: url(../images/more.png) no-repeat left top;
color: white;
height: 24px;
line-height: 24px;
width: 95px;
display: block;
float: left;
text-indent: 13px;
font-size: 11px;
margin-top: 8px;
}
.novinka-box a.cely-clanek:hover {
background: url(../images/more.png) no-repeat right top;

}

/* MASKA NA OBRAZKY V PRAVEM SLOUPCI */
.wrap {
	margin: 0 auto;
	position: relative;
	height: 100px;
	width: 100px;
	overflow: hidden;
	float: left;
}
.frame {
	background: url(../images/sidebar-foto-mask.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	width: 100px;
	cursor: hand;
	text-decoration: none;
}
.frame img {
	float: left;
}



/* MASKA NA OBRAZKY V PRODUKTECH a V CAROUSELU SPODEK */
.produkty-grid .wrap{
	margin: 0 auto;
	position: relative;
	height: 123px;
	width: 133px;
	overflow: hidden;
	float: left;
	text-decoration: none;
}
.spodek .wrap{
	margin: 0 auto;
	position: relative;
	height: 153px;
	width: 133px;
	float: left;
	text-decoration: none;
}


.produkty-grid .frame, .spodek .frame  {
	background: url(../images/produkty-foto-mask.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 123px;
	width: 133px;
	cursor: hand;
	text-decoration: none;

}
.produkty-grid .frame img, .spodek .frame img  {
	float: left;
}
#content .produkty-grid h3 {
line-height: 15px;
font-size: 12px !important;
font-weight: bold ;
display: block;
clear: both;
color: #009EE0;
margin: 0;
padding: 5px 0 20px 0;
}
#content .produkty-grid h3 span{
font-weight: normal;
color: #888;
}

.produkty-grid ul li{
	list-style: none;
	padding-left: 20px;
	background: url(../images/mini-alpak.png) no-repeat left 5px;
	display: block;
}
.produkty-grid ul{
padding-bottom: 20px;
}



/* ----------------------------------------------PATA */

.footer {
	width: 100%;
	background: url(../images/foot.png) repeat-x left top;
	position: relative;
	height: 154px;
	z-index: 0;
	margin: 0px 0 0 0;
	padding-top: 70px;
}
.footer-01 {
	width: 980px;
	text-align: left;
	position: relative;
	margin: auto;
}
.footer-02 {
	width: 980px;
background: url(../images/foot-line.png) repeat-x left top;
padding-top: 10px;
margin-top: 15px;
}

.foot-menu {
float: right;
/* 	position: absolute; */
	z-index: 1000;
	width: 600px;
	right: 0px;

/* 	top: 40px; */
}
.foot-menu ul {
float: right;
padding-right: 20px;
padding-top: 22px;
}

.foot-menu li {
	float: left;
	list-style: none;
	padding: 0px 5px;
	font-size: 11px;
	color: #646464;
}
.foot-menu li a {
	text-decoration: none;
	color: #646464;
	
}
.foot-menu li a:hover {
	text-decoration: underline;
}
.foot-logo {
	float: left;
	text-align: left;
/* 	margin-top: 90px; */
	width: 160px;
	background: url(../images/foot-logo.png) no-repeat 0px top;
	height: 50px;
	line-height: 50px;
	padding: 0px;
	margin: 0 
}
.upnet {
	float: right;
	text-align: right;
/* 	margin-top: 100px; */
	width: 200px;
	font-size: 11px;
	color: #009036;
	padding: 0px 20px 0 0
}
.copy {
	font-size: 11px;

}

.upnet a {
	color: #646464;
	text-decoration: none;
}
.upnet a:hover {
	color: #FFF;
	text-decoration: underline;
}