HTML
{
	height: 100%;
	scrollbar-face-color: #364B66; 	
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff; 
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff; 
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #fff;	
}

body {
	text-align: center;
	height: 100%;	
	background: #6A6465;
	background-image: url("img/pozadi_new.jpg");
	background-repeat: repeat-x;
	color: #222;
	font-family: Helvetica, Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}

TABLE, TD, TR {
	color: #333;
	/*font-size: 1.0em;*/
	vertical-align: top;
}





li
{
	margin-bottom: 0.1em;
	list-style-image:url("img/sipka.gif");
	font-size: 1.0em;
}


ul
{
	margin-left: 0.8em;
	margin-bottom: 0.5em;
	margin: 0.3em 1.5em 0.9em 1.5em;
	padding-left: 1em;
	
}  



h1	{
	font-size: 1.4em;
	margin-bottom: 1.1em;
	margin-top: 1.1em;
	padding: 0em;
	color: #4C7DAC;
	border-bottom: 1px dashed #AFC1D2;
}


h2	{
	font-size: 1.2em;
	margin-bottom: 1.1em;
	margin-top: 1.1em;
	padding: 0em;
	color: #4C7DAC;
	
}

h3
{
	color: #fff;
	font-size: 1.1em;
	margin: 0.5em 0.5em 0.2em 1em;

}





.center
{
	text-align: center;
}

P
{
	font-family: Helvetica, Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin: 0.3em 1.5em 0.9em 0em;
	/*margin: 1.0em;*/
	font-size: 1.1em;
	color: #333;
	line-height: 1.5em;
}

img
{
	border: 0px
}

.blue {
	padding-right: 1em;
	background : #D8E0EB;
	border: 1px solid #666;
	
}


.foto
{
	border: 1px solid #B5BECD;
	background: #DBE9F6;
	padding: 3px 3px 3px 3px;
	margin-left: 7px;
	
}

/* hlavni stranka -------------------------------------------------------*/


#page
{

}

#page-in
{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


.head
{
	background-color: #ffffff;
	height: 70px;
	padding-bottom: 0px;
	padding-top: 14px;
}


#box1 {
	float:left;
	margin: 0px;
	margin-top: 7px;		
	width: 517px;
	height: 160px;
	_height: 160px;
	margin-bottom: 0px;
	margin-left: 10px;
	_margin-left: 5px;
	background-color: #fff;
	border: 4px solid #D0D7E4;
}



#flash {
	padding: 6px 5px 4px 5px;
}


#box2 {
	float:left;
	margin: 0px;
	margin-top: 0px;
	width: 212px;
	height: auto;
	_height: 500px;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	/*border: 1px solid #cdcdcd;*/
}


#box3 {
	float:left;
	margin: 0px;
	margin-top: 0px;
	width: 525px;
	_width: 525px;
	height: 26px;
	_height: 26px;
	margin-bottom: 0px;
	margin-left: 10px;
	_margin-left: 10px;
	background-color: #BAC6DC;
}

#box3 P
{
	font-family: Helvetica, Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin: 0.3em 0.5em 0.3em 1.5em;
	/*margin: 1.0em;*/
	font-size: 1.1em;
	color: #333;
	line-height: 1.5em;
}

#box3-pop {
	float:left;
	margin: 0px;
	margin-top: 0px;
	width: 760px;
	_width: 760px;
	height: 25px;
	_height: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	background-color: #F6F2DA;
}

#box4 {
	float:left;
	margin: 0px;
	margin-top: 5px;
	width: 525px;
	_width: 525px;
	height: auto;
	_height: 200px;
	margin-bottom: 0px;
	margin-left: 10px;
	_margin-left: 10px;
	background-color: #D8E8DB;
}



#box4-pop {
	float:left;
	margin: 0px;
	margin-top: 5px;
	width: 760px;
	_width: 760px;
	height: auto;
	_height: 200px;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	background-color: #FAFAFA;
}


#box5 {
	float:left;
	margin: 0px;
	margin-top: 16px;
	width: 50px;
	height: 30px;
	_height: 30px;
	margin-bottom: 0px;
	margin-left: 256px;
	_margin-left: 127px;
	/*border: 1px solid #cdcdcd;*/
}


#box51 {
	float:left;
	margin: 0px;
	margin-top: 16px;
	width: 145px;
	height: 30px;
	_height: 30px;
	margin-bottom: 0px;
	margin-left: 24px;
	_margin-left: 24px;
	/*border: 1px solid #333;*/
}

#box52 {
	float:left;
	margin: 0px;
	margin-top: 16px;
	width: 68px;
	height: 30px;
	_height: 30px;
	margin-bottom: 0px;
	margin-left: 1px;
	_margin-left: 2px;
	/*border: 1px solid #fff;*/
}


#box53 {
	float:left;
	margin: 0px;
	margin-top: 16px;
	width: 103px;
	height: 30px;
	_height: 30px;
	margin-bottom: 0px;
	margin-left: 3px;
	_margin-left: 3px;
	/*border: 1px solid #ccc;*/
}


#box54 {
	float:left;
	margin: 0px;
	margin-top: 16px;
	width: 100px;
	height: 30px;
	_height: 30px;
	margin-bottom: 0px;
	margin-left: 2px;
	_margin-left: 3px;
	/*border: 1px solid #ddd;*/
}


#box-dod {
	float:left;
	margin: 0px;
	margin-top: 0px;
	width: 208px;
	height: auto;
	_height: 50px;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	background-color: #fff;
	border: 2px solid #D0D7E4;
}






#box-dod li
{
	margin-bottom: 0.1em;
	/*border-bottom: 1px solid #EEEFF1;
	list-style: square;*/
	list-style-image:url("img/sipka.gif");
	font-size: 1.2em;
}


#box-dod ul
{
	margin-left: 0.1em;
	margin-bottom: 0.5em;
	margin: 0.9em 1.5em 0.9em 1.1em;
	padding-left: 1em;
	
}  

.box-foto-page {
	margin: 0px;
	margin-top: 5px;
	_margin-top: 5px;	
	width: 209px;
	height: 26px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #388355;
	border-left: 3px solid #637892;
	
}


.box-foto {
	margin: 0px;
	margin-top: 0px;
	_margin-top: 0px;	
	width: 209px;
	height: 26px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #388355;
	border-left: 3px solid #637892;
	
}


#box-galerie {
	float:left;
	margin: 0px;
	margin-top: 0px;
	width: 208px;
	height: auto;
	_height: 170px;
	margin-bottom: 0px;
	margin-left: 0px;
	_margin-left: 0px;
	background-color: #F4F6F9;
	border: 2px solid #D0D7E4;
	
}



#box-galerie P
{
	margin: 0.5em 0.5em 0.5em 0.2em;
	color: #333;
	line-height: 1.5em;
}




.box-submenu {
	margin: 0px;
	margin-top: 0px;
	_margin-top: 0px;	
	background-image: url("img/submenu.jpg");
	background-repeat: repeat-x;
	width: 213px;
	height: 115px;
	margin-bottom: 5px;
	margin-left: 0px;
	
}

.box-inzerat {
	margin: 0px;
	margin-top: 3px;
	background-image: url("img/inzerat.jpg");
	background-repeat: repeat-x;
	width: 780px;
	height: 58px;
	margin-bottom: 5px;
	margin-left: 0px;
	
}


.box-dodavatel {
	margin: 0px;
	margin-top: 0px;
	_margin-top: 0px;	
	width: 209px;
	height: 26px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #388355;
	border-left: 3px solid #637892;
}


#box6 {
	float:left;
	margin: 0px;
	margin-top: 7px;
	width: 140px;
	height: 16px;
	_height: 16px;
	margin-bottom: 0px;
	margin-left: 14px;
	_margin-left: 7px;
	/*border: 1px solid #666;*/
}

#box61 {
	float:left;
	margin: 0px;
	margin-top: 13px;
	width: 140px;
	height: 16px;
	_height: 16px;
	margin-bottom: 0px;
	margin-left: 14px;
	_margin-left: 7px;
	/*border: 1px solid #333;*/
}

#box62 {
	float:left;
	margin: 0px;
	margin-top: 13px;
	width: 140px;
	height: 16px;
	_height: 16px;
	margin-bottom: 0px;
	margin-left: 14px;
	_margin-left: 7px;
	/*border: 1px solid #000;*/
}

#box63 {
	float:left;
	margin: 0px;
	margin-top: 13px;
	width: 140px;
	height: 16px;
	_height: 16px;
	margin-bottom: 0px;
	margin-left: 14px;
	_margin-left: 7px;
	/*border: 1px solid #000;*/
}

.box-main {
	float:left;
	margin: 0px;
	margin-top: 20px;	
	background-color: #D8E8DB;
	width: 785px;
	_width: 760px;
	height: auto;
	_height: 400px;
	margin-bottom: 5px;
	border: 1px solid #fff;
}



.box-logo {
	margin: 0px;
	margin-top: 10px;	
	background-image: url("img/logotyp.jpg");
	background-repeat: repeat-x;
	width: 746px;
	height: 54px;
	margin-bottom: 5px;
	margin-left: 12px;
	margin-right: 12px;
}


.box-flag {
	float:left;
	margin: 0px;
	margin-top: 17px;	
	width: 30px;
	margin-left: 710px;
	_margin-left: 350px;
}




.box-pop {
	margin: 0px;
	margin-top: 170px;
	_margin-top: 5px;	
	background-image: url("img/pop.jpg");
	background-repeat: repeat-x;
	width: 760px;
	height: 62px;
	margin-bottom: 5px;
	margin-left: 12px;
	margin-right: 12px;
}

.box-content {
	float: left;
	margin-top: 10px;	
	width: 748px;
	height: auto;
	_height: 500px;
	margin-bottom: 1px;
	/*border: 1px dashed #E45729;*/
	margin-left: 12px;
	_margin-left: 6px;

}


.box-content-pop {
	float: left;
	margin-top: 0px;	
	width: 758px;
	height: auto;
	_height: 700px;
	margin-bottom: 1px;
	/*border: 1px dashed #E45729;*/
	margin-left: 12px;
	_margin-left: 6px;

}

.box-content-in {
	padding: 5px;
}


.box-bottom {
	float: left;
	margin: 0px;
	margin-top: 14px;	
	background-color: #D0D7E4;
	width: 747px;
	height: 30px;
	margin-bottom: 10px;
	margin-left: 12px;
	_margin-left: 6px;
}


.copyright {
	float: right;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-right: 7px;
}


.mutace {
	float: left;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
}

.jerab {
	
	background-color: #EE7500;
	padding: 4px 4px 4px 4px;
	margin: 0px 10px 10px 10px;
	font-size: 1.0em;
	border: 1px solid #000;
	line-height: 2.0em;
	color: #fff;
}

.jerab p {
	
	color: #fff;
}


#box-menu {
	float:left;
	margin: 0px;
	margin-top: 7px;		
	width: 210px;
	_width: 150px;
	height: auto;
	_height: 170px;
	margin-bottom: 0px;
	margin-left: 12px;
	_margin-left: 6px;
	font-size: 0.98em;
	/*border: 1px dashed #E45729;*/
}


/* odkazy -------------------------------------------------- */



a:link {
	color: #000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}
a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;

}
a:hover {
	color: #000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;

}
a:active {
	color: #000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}


.menu a:link {
	color: #fff;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;

}

.menu a:visited {
	color: #fff;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}
.menu a:hover {
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: middle;
	text-align: center;
}
.menu  a:active {
	color: #fff;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}




#box3 a:link {
	color: #000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;

}
#box3 a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;

}
#box3 a:hover {
	color: #000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;

}
#box3 a:active {
	color: #000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;

}




.menu-mutace a:link {
	color: #C42927;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;

}

.menu-mutace a:visited {
	color: #C42927;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;

}
.menu-mutace a:hover {
	color: #000000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}
.menu-mutace  a:active {
	color: #C42927;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}



.copyright a:link {
	color: #777;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
	vertical-align: middle;
	text-align: center;

}

.copyright a:visited {
	color: #777;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
	vertical-align: middle;

}

.copyright a:hover {
	color: #444;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}

.copyright  a:active {
	color: #777;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
	vertical-align: middle;
}



.poptavka a:link {
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;

}

.poptavka a:visited {
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}
.poptavka a:hover {
	color: #fff;
	background-color: transparent;
	font-weight: bold;
	background : #4C7DAC;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}
.poptavka  a:active {
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}




/* -----------menu------------ */


#tlacitko {
width: 210px;
_width: 200px;
padding: 0;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 95%;
}
#tlacitko ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#tlacitko li {
background-color: #454545;
font-weight : bold;
color: #fff;
border-top: 1px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
margin: 0;
}

#tlacitko li a {
display: block;
padding: 5px;
background-color: #454545;
color: #fff;
text-decoration: none;
font-weight: bold;
width: 100%;
}
html>body #tlacitko li a {
width: auto;
}
#tlacitko li a:hover {
background-color: #49B974;
font-weight : bold;
color: #fff;
}
#tlacitko li {
border-top: 1px solid #fff;
margin: 0;
}
#tlacitko li li a {
display: block;
padding: 3px 3px 3px 30px;
background-color: #69C;
color: #fff;
text-decoration: none;
width: 133px;
/*width: 100%;*/
}
#tlacitko li li a:hover {
background-color: #2586d7;
color: #fff;
}




/* ----------------------- */


.left
{
	float: left;
	padding-right: 16px;
}

.right
{
	float: right;
	padding-left: 16px;
}

.clear
{
	clear: both;
	height: 7px;
	line-height: 1px;
}


.body-a
{
/*	background: url(img/main-poz.png) repeat-y left;*/
	margin-top: 6px;
	
}

.side
{
	width: 190px;
	float: left;
}

.main
{
	width: 565px;
	float: right;
	border-left: 1px solid #AFC1D2;	
}

.borders
{
	border-right: 1px solid #AFC1D2;		
	border-left: 1px solid #AFC1D2;
	
}

.bottom
{
	padding: 4px;
	margin: 4px;
	color: #3B3D54;
}



hr {
	color: #cdcdcd;
	height: 1px;
	margin: 15px;
}


.centruj {
	text-align: center;
}

.heading {
	FONT-SIZE: 13px;
	font-family : Verdana CE, Arial CE, Verdana, Arial, Helvetica, sans-serif;
	color : Navy;
	font-weight : bold;
}
.tableheader {
	FONT-SIZE: 11px;
	font-family : Verdana CE, Arial CE, Verdana, Arial, Helvetica, sans-serif;
	color : Navy;
	font-weight : bold;
	background : #D8E0EB;
}



.poptavka {
	float: right;
	margin:10px;
	padding: 5px;
	font-size: 1.2em;
	background : #D8E0EB;
	border: 1px solid #AFC1D2;
	line-height: 2.0em;
}


.reference-all
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/all.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}


.reference-corp
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/corp-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}


.reference-res
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/res-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}



.reference-ben
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/ben-logo1.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}


.reference-ben-u
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/ben-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}

.reference-bambule
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/bambule-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}

.reference-sparkys
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/sparkys-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}

.reference-alpine
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/alpine-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}

.reference-hm
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/hm-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}


.reference-swatch
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/swatch-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}

.reference-ferodo
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/ferodo-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}


.reference-barum
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
	background-image: url("img/barum-logo.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;	
}


.reference
{
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 4.2em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
}



.reference-foto
{
  float: left;
	font-size: 1.0em;
	margin-left: 0.2em;
	margin-top: 0.5em;
	margin-bottom: 0.8em;
	padding: 0.8em;
	color: #333;
	background-color: #F9FAFB;
	border: 1px solid #333;
}


.floatleft-top
{
float: left;
margin: 0px 10px 0px 10px;
border: 1px solid #666;
background : #fff;
padding: 2px;
}


.floatleft
{
float: left;
margin: 10px 10px 0px 0px;
border: 1px solid #666;
background : #fff;
padding: 2px;
}

.input1 {	
	float: right;
	border: 1px solid #B5B5B5;
	width: 80px;
	height: 19px;
	font-size: 9px;
	background-color: #F8F8F8;
	margin-top: px;
	margin-left: 2px;
	padding-top: 2px;
	color: #C42927;
}