/**************************************
	globalni styly
**************************************/

html {  background: #bdbfb1 url(../images/bg-gebhardt.jpg) no-repeat top center;
}
/*seznam*/
ul {
	margin:1px 0 5px 20px;
}
ol {
	margin:1px 0 5px 20px;
	padding:0;
}
ul li, ol li {
	margin:0;
	padding:0 0 2px 0;
}

hr {
	border:none;
	border-bottom: 1px solid #ddd;
	padding:0;
	margin: 0 0 15px 0;
	clear:both;
}
/* nadpisy */
h1, h2, h3, h4, h5, h6 {margin: 5px 0; color: #f8c109; padding: 5px 0; font-family: Tahoma, Verdana; font-weight:normal;}
h1 {font-size:24px; color: #f8c109; padding:0 0 10px 20px;}
h2 {font-size:16px; }
h3 {font-size:14px; }
h4 {font-size:16px; }
h5 {font-size:13px; }
h6 {font-size:12px; }

/*-------------------------------------------------------------------*/

/* odkazy */
a:link {
	color: #999999;
}

a:visited {
	color: #999999;
}

a:hover {
	text-decoration: none;
	color: #999999;
}

a:active {
	text-decoration: none;
	color: #999999;
}
a img {border:none;}
a.vice {
	display:block;
	float:right;
	background: url(../images/vice-zde-bg.gif) no-repeat top left;
	width: 69px;
	height:20px;
	font-size: 12px;
	color:#ffffff!important;
	padding: 4px 0 0 10px;
	position:absolute;
	top:5px;
	right:0;
}

/* inputy -deafult */
input.text {
	font-size: 11px;
	height: 15px;
	padding:2px 3px 0 5px;
	border: 1px solid #999;
	background: #ffffff;
	font-family:  Arial, Tahoma, Verdana;	
}
input.submit, a.button {
	border: 1px outset #999;
	background: #eeeeee;
	cursor:pointer;
	font-family: Arial;
	font-size:12px;
	height: 20px;
	font-family:  Arial, Tahoma, Verdana;
}
input:hover.submit, a:hover.button {
	border: 1px outset #c81e10;
	background: #eeeeee;
	cursor:pointer;
	color: #ffffff;
	font-family:  Arial, Tahoma, Verdana;
}
a.button {
	padding: 2px 5px 1px 5px;
	text-decoration:none;
	color:#000000;
}
/*************************************************/

body {
	color: #999;
	text-align:center;
	font-family:  Arial, Tahoma, Verdana;
	font-size:12px;
	margin: 0;
	padding:0;
	height:100%;
}

.container {
	position:relative;
	width: 1032px;
	min-height:100%;
	height: 100%; /* IE */
	margin: 100px auto 0 auto;
	padding: 15px 0 30px 0;
	text-align:left;
	background: url(../images/body-bg-top.png) no-repeat top left;
}
.containerInside {
	position:relative;
	width: 1020px;
	margin: 0 auto;
	padding: 20px 6px 80px 6px;
	text-align:left;
	height:100%;
	background: url(../images/body-bg-center.png) repeat-y top left;
}

/*******************************************
		hlavicka 
*******************************************/
.hlavicka {
	position:absolute;
	width:972px;
	margin: 0 auto;
	height:255px;
	text-align: center;
	padding: 0;
	left: 20px;
	top: 75px;
	/*background:#fff url(../images/bg-right.gif) repeat-y top right;*/
	z-index:0;
	clear:both;
}

/*******************************************
	logo 
*******************************************/
.logo {
	position:absolute;
	top: -80px; 
	left: 5px; /* (1060 - 972) /2 = 44px(okraj) +10px */
	font-size: 26px;
	height: 40px;
	width: 360px;
	overflow:hidden;
	margin:0;
	padding:0;	
	color: #004c93;
	text-align:left;
	z-index:1;
}
.logo a {
		color: #004c93;
		text-decoration:none;
}
.logo em {
	color: #d9261c;
}
.logo span {
	position:absolute;
	top: 0px;
	left: 0px;
	height: 40px;
	width: 360px;
	overflow:hidden;
	cursor: pointer;
	background: url(../images/logo.png) no-repeat top left;
}

/*******************************************
	language
*******************************************/
.language {
	display:none;
	position: absolute;
	right: 5px;
	top: -78px;
	text-align:left;
	width: 62px;
	height:35px;
	margin:0;
	padding:3px;
	background: url(../images/lang-arrow-down.png) no-repeat  0 -2px;
	z-index:10;
}
.language a{
	display:none;
	position:relative;
	width: 35px;
	padding-top:5px;
	height:30px;
	float:left;
	text-align:center;
	text-decoration:none;
}
.language a:hover{ cursor:pointer;}
.language a.active{display:block;}
.language a span{
	position:absolute;
	top:0;
	left:0;
	width: 35px;
	height:35px;
}
.language a.cs span{ background: url(../images/cs.png) no-repeat  0 0;
}
.language a.en span{ background: url(../images/en.png) no-repeat  0 0;
}
.language a.de span{ background: url(../images/de.png) no-repeat  0 0;
}
.language a.es span{ background: url(../images/es.png) no-repeat  0 0;
}
.hover {
height:148px;overflow:hidden;
	background: url(../images/lang-arrow-down.png) no-repeat  0px -43px;
}
.hover a{ display:block;}

/*******************************************
	topMenu
*******************************************/
.boxMenu {
	position: absolute;
	left: 375px;
	top: -82px;
	text-align:left;
	width: 590px;
	height:48px;
	margin:0;
	padding:0;
	/*background: url(../images/line-bg.png) no-repeat top left;*/
	z-index:1;
}
.boxMenu .right {
	/*background: url(../images/line-bg.png) no-repeat top right;*/
	height:48px;
	width:10px;
	position:absolute;
	font-size:1px;
	top: 0px;
	right:-10px;
}

.menuTop {
	position: absolute;
	left: 0px; /* (1060 - 972) /2 = 44px(okraj) +168px */
	top: 11px;
	text-align:left;
	width: auto;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	z-index:1;
}
.menuTop li {
	list-style:none;
	float:left;
	margin:0;
	padding:0 5px 0 0;
	/*background: url(../images/topmenu-delic.gif) repeat-y top left;*/
	height:44px;
}
.menuTop li a {
	display:block;
	margin: 0 8px 0 0;
	padding:0 0 0 9px;
	text-decoration:none;
	color:#fff!important;
	font-size: 13px;
	float:left;
	text-shadow:1px 1px 0 #222;
}
.menuTop li a:hover {
	text-decoration:underli;
	color:#fff!important;
	background: url(../images/topmenu-bg.png) no-repeat top left;
}
.menuTop a strong {
	display:block;
	padding: 4px 11px 4px 0px;
	margin:0 -8px 0 0;
}
.menuTop a:hover strong {
	background: url(../images/topmenu-bg.png) no-repeat top right;
}
.menuTop li.first {
background:none;
}
.menuTop li a.active {
	text-decoration:none;
	color:#f7d40f!important;
	background: url(../images/topmenu-bg.png) no-repeat top left;
}
.menuTop a.active strong {
	background: url(../images/topmenu-bg.png) no-repeat top right;
}
.menuTop li a:hover.active {
	text-decoration: none;
}


/*******************************************
	topMenu
*******************************************/
.boxMenuComponents {
	position: absolute;
	left: 25px; /* (1060 - 972) /2 = 44px(okraj) +168px */
	top: 12px;
	text-align:left;
	width: 970px;
	height:48px;
	margin:0;
	padding:0;
	background: url(../images/line-bg.png) no-repeat top left;
	z-index:9;
}
.boxMenuComponents .right {
	background: url(../images/line-bg.png) no-repeat top right;
	height:48px;
	width:10px;
	position:absolute;
	font-size:1px;
	top: 0px;
	right:-10px;
}

.menuComponents {
	position: absolute;
	left: 15px; /* (1060 - 972) /2 = 44px(okraj) +168px */
	top: 1px;
	text-align:left;
	width: auto;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.menuComponents li {
	list-style:none;
	float:left;
	margin:0;
	padding:0 17px;
	position:relative;
	/*background: url(../images/topmenu-delic.gif) repeat-y top left;*/
	height:44px;
}
.menuComponents li a {
	display:block;
	margin: 0;
	padding:0 0 0 5px;
	text-decoration:none;
	font-weight: normal;
	color:#eee!important;
	font-size: 14px;
	float:left;
}
.menuComponents li a:hover {
	text-decoration:none;
	color:#fff!important;
	/*background: url(../images/topmenu-btn-active-left.gif) no-repeat top left;*/
}
.menuComponents a strong {
	font-weight: normal;
	display:block;
	padding: 15px 6px 6px 0px;
	margin:0;
	text-shadow:1px 1px 0 #222;
}
.menuComponents a:hover strong {
	color: #fff;
	/*background: url(../images/topmenu-btn-active-right.gif) no-repeat top right;*/
}
.menuComponents a span {
	display:block;
	width: 5px;
	height:20px;
	text-decoration:none;
	font-weight: bold;
	color:#8a9188!important;
	float:left;
	background: url(../images/topmenu-btn-active-left.gif) no-repeat top left;
}
.menuComponents li.first {
background:none;
}
.menuComponents li a.active {
	text-decoration:none;
	color:#fff!important;
	/*background: url(../images/topmenu-btn-active-left.gif) no-repeat top left;*/
}
.menuComponents a.active strong {
	color: #fff;
	/*background: url(../images/topmenu-btn-active-right.gif) no-repeat top right;*/
}
.menuComponents li a:hover.active {
	color:#ffffff!important;
	text-decoration: underline;
}
.menuComponents li ul {display:none;}
.menuComponents li.zobraz ul {
	display:block;
	position:absolute;
	left:10px;
	top:40px;
	background:#c00;
	margin:0;
	padding:0;
	width:200px;
}
.menuComponents li ul li {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	width:200px;
	height:auto;
}
.menuComponents li ul li a {
	display:block;
	padding:5px 15px;
	margin:0;
	text-decoration:none;
	font-weight: normal;
	color:#ffffff!important;
	float:left;
	font-size:12px;
	background: none;
	background:#333;
	width:170px;
	border-bottom:1px solid #444;
	text-shadow:1px 1px 0 #222;
}
.menuComponents li ul li a:hover {
	color:#ffffff!important;
	text-decoration:underline;
}
.menuComponents li ul li.ne a {
	padding:5px 10px;
	width:180px;
	font-weight:bold;
	color:#F8C109!important;
	text-shadow:1px 1px 0 #222;
}
.menuComponents li ul li a.first, .menuComponents li ul li a:hover.first {
border-left:none;
}

/************ drobeckova navigace *************/
.drobNav{
	color:#01468E;
	position: absolute;
	left:15px;
	top: 265px;
	text-align:left;
	width: 748px;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

.drobNav li {
	list-style:none;
	float:left;
	margin:0 6px 0 0;
	padding:0 0 0 10px;
	background: url(../images/drob-nav-odrazka.gif) no-repeat 0 5px;
	font-weight:bold;
	color: #c61b11;
}
.drobNav li a{
	font-weight:bold;
	color: #01468e;
	text-decoration: underline;
}
.drobNav li a:hover{
	font-weight:bold;
	color: #01468e;
	text-decoration: none;
}

/************ vyhledavani *************/
.vyhledavani {
	float: right;
	text-align:left;
	position: absolute;
	right: 10px;
	bottom: 7px;
	width: 247px;
	padding: 2px 0 0 0;
	height: 28px;
	z-index:1;
	background: url(../images/vyhledavaci-box.gif) no-repeat top left;
}
.vyhledavani input.text {
	float:left;
	font-size: 12px;
	height: 15px;
	margin: 5px 0 0 0;
	padding: 2px 5px 0 5px;
	width:160px;
	border:none;
	background-color: Transparent;
}
.vyhledavani input.submit {
	float:right;
	margin: 4px 5px 0 0;
	padding:0;
	width: 70px;
	background: none;
	border:none;
	color: #ffffff;
	font-weight:bold;
}
.vyhledavani input.submit:hover {text-decoration:underline;}

/* telo stranky - content */
.telo {
	width:972px;
	margin: 0 auto;
	padding:0;
	height:auto;
	position:relative;
}
/*********************************
	hlavička pozicovani loga,menu
*********************************/
.hlavicka .logo {
	top: 10px; 
	left: 10px;
}
.hlavicka .boxMenuVyhledavani {
	left: 169px;
	top: 10px;
	}
.hlavicka .drobNav {}

/*-------------------------------------------------------------------*/
/* sloupecStred */
.sloupecStred {
	width:488px;
	padding: 0;
	height: 100%;
	margin: 0 0 10px 0;
	float:left;
	position: relative;
	left: 242px;
	top: 0px;
}
.sloupecStred .box .obrazek {
	float: left;
	position:relative;
	margin: 0 10px 0 0;
	padding: 0;
}
.homepage .sloupecStred .box h2 {
	font-size: 16px;
	font-weight:bold;
	padding: 0;
	margin: 12px 0 10px 0;
	height: 20px;
	overflow:hidden;
}
.homepage h2 {padding: 5px;}

h2.nadpis {
	position:relative;
	clear:both;
	font-size:15px;
	padding:12px 20px 11px 20px;
	margin:0;
	background: url(../images/nadpis-bg.gif) no-repeat 0 0;
	z-index:3;
	font-weight:normal;
	text-shadow:1px 1px 0 #222;
	cursor:pointer;
}
h2.nadpis a{ color: #ffc600!important; text-decoration:none; text-shadow: 1px 1px 0 #222222;}

h2.nadpisObj {
	position:relative;
	font-size:15px;
	padding:12px 0px 11px 50px;
	width:908px;
	margin:0;
	background: url(../images/nadpis-obj-bg.gif) repeat 0 0;
	z-index:3;
	font-weight:normal;
	text-shadow:1px 1px 0 #222;
	cursor:pointer;
}
h2.nadpisObj a{ color: #ffc600!important; text-decoration:none; text-shadow: 1px 1px 0 #222222;}

.sloupecStred .box p {
	margin:0;
	padding: 0;
}
.sloupecStred ul{
	list-style:none;
	margin:0;
	padding:0 0 15px 0;
	line-height:20px;
}

.sloupecStred ul li {
	margin:0;
	background: url(../images/odrazka0.gif) no-repeat 0 7px;
	padding: 0 0 0 15px;
}
.homepage .sloupecStred .box h3 {font-size:15px;}
.homepage .sloupecStred .box p {
	margin:0;
	padding: 0;
	height: 47px;
	overflow:hidden;
	font-size:12px;
}

/* sloupecLevy */
.sloupecLevy {
	float: left;
	position: relative;
	left: -493px;
	top: 0px;
	width: 232px;
	padding: 0;
	height: auto;
}
.sloupecLevy ul{
	list-style:none;
	margin:0;
	padding: 20px 0 0 0;
}
.sloupecLevy ul li{
	background: url(../images/odrazka0.gif) no-repeat 0 8px;
	padding: 4px 0 10px 15px;
}
/* sloupecPravy */
.sloupecPravy {
	float:right;
	position: relative;
	top: 0;
	right: -5px;
	width: 232px;
	padding: 0;
	margin:0;
}
.sloupecPravy ul{
	list-style:none;
	margin:0;
	padding: 20px 0 0 0;
	font-size: 13px;
}
.sloupecPravy ul li{
	background: url(../images/odrazka0.gif) no-repeat 0 9px;
	padding: 4px 0 10px 15px;
}

/*************************
	BANNER top
*************************/

.jquery {
	background: #1d1f22;
	position:absolute;
	top: 85px;
	left: 25px;
	width: 980px;
	height: 357px;
}
.border {
	z-index:7;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 980px;
	height: 357px;
	background: url(../images/banner-border.png) no-repeat top left;
}
.topSlide {background: #fff no-repeat top right; position:absolute; top: 0px; right: 0px; width: 790px; height: 175px;}

.prvni {background: #fff url(../images/bannery-top/new-banner.jpg) no-repeat top right; position:absolute; top: 0px; right: 0px; width: 980px; height: 357px;}
.druhy {background: #fff url(../images/bannery-top/banner2.jpg) no-repeat top right; position:absolute; top: 0px; right: 0px; width: 980px; height: 357px;}
.treti {background: #fff url(../images/bannery-top/banner3.jpg) no-repeat top right; position:absolute; top: 0px; right: 0px; width: 980px; height: 357px;}
.ctvrty {background: #fff url(../images/bannery-top/banner4.jpg) no-repeat top right; position:absolute; top: 0px; right: 0px; width: 980px; height: 357px;}
.paty {background: #fff url(../images/bannery-top/banner5.jpg) no-repeat top right; position:absolute; top: 0px; right: 0px; width: 980px; height: 357px;}
.sesty {background: #fff url(../images/bannery-top/banner6.jpg) no-repeat top right; position:absolute; top: 0px; right: 0px; width: 980px; height: 357px;}

.headCarouse {z-index:8; position:absolute; top: 10px; right: 11px; width: 30px; height: 150px; text-align:center;}
.headCarouse a {
	color:#999999;
	display:block;
	margin-bottom: 7px;
	background: url(../images/bannery-top/headCarouse-bg.png) no-repeat top left;
	padding: 6px 0 0 0;
	width: 32px;
	height: 27px;
	font-weight:bold;
	font-size: 16px;
	text-decoration:none;
}
.headCarouse a:hover {
	text-decoration:underline;
}
.headCarouse a.activeSlide {
	background: url(../images/bannery-top/headCarouse-bg.png) no-repeat top right;
	color:#ffffff;
	text-decoration:none;
	}

.paticka {
	width:100%;
	margin:0;
	height: 50px;
	padding: 0 0 35px 0;
	position:absolute;
	bottom:15px;
	background: url(../images/body-bg-bottom.png) no-repeat center bottom;
}
.paticka .inside  {background: transparent url(../images/line-bg.png) no-repeat top center;position:relative; width:980px; margin:10px auto 0 auto; height: 48px; padding: 0; font-size: 13px;}


/*****************************************
		bottomMenu
*****************************************/
ul.bottomMenu {display:block; margin:0;padding:0; list-style:none; position:absolute; top:12px; left:15px;}
ul.bottomMenu li{float:left; display:block; margin:0;padding:0 7px; border-left: 1px solid #1d1f22;}
ul.bottomMenu li.first{border-left: none; padding:0 7px 0 0;}
ul.bottomMenu li a{ color:#ccc}

.ikony {display:block; margin:0;padding:0; position:absolute; top:15px; right:15px;}
.copyright {display:block; margin:0;padding:0; list-style:none; position:absolute; top:15px; left:15px; color:#ccc;}
.powered {display:block; margin:0;padding:0; list-style:none; position:absolute; top:15px; right:15px; color:#ccc;}
.copyright a {text-decoration:none; color:#ccc!important;}
.powered  a {text-decoration:none; font-weight:bold; color:#ccc!important;}
.copyright a:hover, .powered  a:hover {text-decoration:underline;}

.box {
	position:relative;
	border : 1px solid #ddd;
	background: #f9f9f9;
	padding: 0;
	margin: 0;
	width:100%;
	height:100%;
}
.box .inside{position:relative;margin:0; padding:10px;}

/******************************************
	rohy
******************************************/
.roh {position:absolute;z-index:1; background: url(../images/rohy.png); width: 11px; height: 11px; font-size:1px;}

/********** grey1 *************************/
.grey1 {
	position:relative;
	border : 1px solid #3e4148;
	height:100%;
	background: #1d1f22 url(../images/box-grey1-bg.gif) no-repeat 0 0;
	color:#99999;
}
.grey1 .seznam3 .blok{
	border : 1px solid #d1d8e0;
	height:auto;
	background: #ffffff url(../images/box-grey1-bg.gif) repeat-x left bottom;
}
.grey1 .blok {
border-bottom: 1px dotted #333;clear:both; margin:0 0 5px 0;padding:5px;
}
.grey1 .blok a.img {float:left;margin: 0 15px 5px 0; display:block; padding:2px; background:#999;}
.grey1 .blok h3 {font-size:17px; padding-top:0; margin-top:0;font-weight:normal;}
.grey1 .blok h3 a{color: #F8C109;}

.grey1 .vice {text-align:right;}
.grey1 .vice a{color:#F8C109;}
.leftTop { top:-1px; left:-1px; background-position: 0px 0px;}
.rightTop { top:-1px; right:-1px; background-position: -11px 0px;}
.leftBottom { bottom:-1px; left:-1px; background-position: 0px -11px;}
.rightBottom { bottom:-1px; right:-1px; background-position: -11px -11px;}
.inside .box {background-image:none;}

.sloupecLevy .box .inside .box p {
	padding: 0 10px 1px 10px;
	margin:0;
	line-height: 16px;
	height: 65px;
	overflow:hidden;
	}
.sloupecLevy h3 {
	font-size: 14px;
	text-decoration: underline;
	margin:0 0 3px 0;
	padding:0 0 0 10px;
	height:20px;
	background: url(../images/odrazka0.gif) no-repeat 0 6px;
	overflow:hidden;
}
.sloupecLevy .box .inside .box span.datum {color: #6aa814;}
.oddelovac {
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	background: none;
	overflow:hidden;
	font-size:0;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #eee;
}

/*************************************
    width: w10 - w600
*************************************/
.w10 {width : 10px;} .w20 {width : 20px;} .w30 {width : 30px;} .w40 {width : 40px;} .w50 {width : 50px;} .w60 {width : 60px;} .w70 {width : 70px;} .w80 {width : 80px;} .w90 {width : 90px;} .w100 {width : 100px;} .w110 {width : 110px;} .w120 {width : 120px;} .w130 {width : 130px;} .w138 {width : 138px;} .w140 {width : 140px;} .w150 {width : 150px;} .w160 {width : 160px;} .w170 {width : 170px;} .w180 {width : 180px;} .w190 {width : 190px;} .w200 {width : 200px;} .w210 {width : 210px;} .w220 {width : 220px;} .w230 {width : 230px;} .w240 {width : 240px;} .w250 {width : 250px;} .w260 {width : 260px;} .w270 {width : 270px;} .w280 {width : 280px;} .w290 {width : 290px;} .w300 {width : 300px;} .w310 {width : 310px;} .w320 {width : 320px;} .w330 {width : 330px;} .w340 {width : 340px;} .w350 {width : 350px;} .w360 {width : 360px;} .w370 {width : 370px;} .w380 {width : 380px;} .w390 {width : 390px;} .w400 {width : 300px;} .w400 {width : 400px;} .w410 {width : 410px;} .w420 {width : 420px;} .w430 {width : 430px;} .w440 {width : 440px;} .w450 {width : 450px;} .w460 {width : 460px;} .w470 {width : 470px;} .w480 {width : 480px;} .w490 {width : 490px;} .w500 {width : 500px;} .w510 {width : 510px;} .w520 {width : 520px;} .w530 {width : 530px;} .w540 {width : 540px;} .w550 {width : 550px;} .w560 {width : 560px;} .w570 {width : 570px;} .w580 {width : 580px;} .w590 {width : 590px;} .w600 {width : 600px;} 

/*************************************
    height: h10 - h400
*************************************/
.h10 {height:10px;} .h20 {height:20px;} .h30 {height:30px;} .h40 {height:40px;} .h50 {height:50px;} .h60 {height:60px;} .h70 {height:70px;} .h80 {height:80px;} .h90 {height:90px;} .h100 {height:100px;} .h110 {height:110px;} .h120 {height:120px;} .h130 {height:130px;} .h140 {height:140px;} .h150 {height:150px;} .h160 {height:160px;} .h170 {height:170px;} .h180 {height:180px;} .h190 {height:190px;} .h200 {height:200px;} .h210 {height:210px;} .h220 {height:220px;} .h230 {height:230px;} .h240 {height:240px;} .h250 {height:250px;} .h260 {height:260px;} .h270 {height:270px;} .h280 {height:280px;} .h290 {height:290px;} .h300 {height:300px;} .h310 {height:310px;} .h320 {height:320px;} .h330 {height:330px;} .h340 {height:340px;} .h350 {height:350px;} .h360 {height:360px;} .h370 {height:370px;} .h380 {height:380px;} .h390 {height:390px;} .h400 {height:400px;}

/*************************************
	homepage
*************************************/

.homepage {padding-top:435px;}

/*************************************
	styly podstránky
*************************************/
.podstranka {padding-top:50px;}
.podstranka h1 {padding-left:0px; text-shadow:1px 1px 0 #222222;}
.podstranka .sloupecPravy{width:478px; right:-2px;}

.podstranka .sloupecStred{width:478px; left:-4px;min-height:600px;}
.podstranka .sloupecStred .inside{padding: 20px 10px;}
.podstranka .sloupecStred .inside p{padding:0 0 10px 0;line-height: 20px;}
.podstranka .sloupecStred .inside blockquote {border:1px solid #A5CAE8; padding: 15px 15px 0 15px; margin: 0px 10px 15px 10px; background: #eaf5fe;}



.podstranka .sloupecStred .inside p.datum {
font-size:11px;color:#999;margin:0;padding:0 0 0 5px;line-height: 20px;
}
.podstranka .sloupecStred .inside p.anotace {
	color: #01468e;
	border-bottom: 1px solid #ddd;
	/*font-weight:bold;*/
	font-style: italic;
	padding:0 5px 10px 5px;
	margin:0 0 20px 0;
	line-height: 20px;
}

.podstranka .sloupecStred .inside .pravyBox {
	position:relative;
	float:right;

	height:auto;
	padding: 15px 10px;
	background: #d5f2ad;
}
.podstranka .sloupecStred .inside .pravyBox h2 { margin: 0; }
.podstranka .sloupecStred .inside .pravyBox table { }
.podstranka .sloupecStred .inside .pravyBox ul{ list-style:none;}

.podstrankaCela {padding-top:50px;}
.podstrankaCela .sloupecStred{width:978px; left:-4px;min-height:600px;}
.podstrankaCela .sloupecStred .inside{padding: 20px 10px;}
.podstrankaCela .sloupecStred .inside p{padding:0 0 10px 0;line-height: 20px;}
.podstrankaCela .sloupecStred .inside blockquote {border:1px solid #A5CAE8; padding: 15px 15px 0 15px; margin: 0px 10px 15px 10px; background: #eaf5fe;}


.fotogalerie {margin: 20px 0 0 5px;}
.fotogalerie a{padding:1px;border:1px solid #3e4148; background: #000; margin:3px; display:block;float:left;}
.fotogalerie a:hover{border:1px solid #71747c;}
.fotogalerie a img{width:84px;}

/* Zarovnavani ­ textu */
.textAlignJustify {text-align:justify;}
.textAlignLeft {text-align:left;}
.textAlignRight {text-align:right;}
.textAlignCenter {text-align:center;}
/*-------------------------------------------------------------------*/
.floatLeft {float:left;}
.floatRight {float:right;}

/* clear */
.clear {
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	background: none;
	overflow:hidden;
	font-size:0;
}

/* fotka na page */
.nahledFotka {padding:0px!important; overflow:hidden;height:352px;}
.nahledFotka img{width:480px;}

/* tabulka */

table {
	border:1px solid #8AAFE1;
	vertical-align: top;
	margin: 0 0 15px 0;
	line-height: 20px;
}
table tr th {color: #ffffff; font-weight:bold; background: #8AAFE1; padding: 3px 5px; text-align:left;}
table tr td { padding: 2px 5px; background: #F2F7F9;}
table tr.dark td {background: #f7fbfc;}
table tr.rowOver td { padding: 2px 5px; background: #E2EBF1;}
table td.rowOver { padding: 2px 5px; background: #E2EBF1;}

table.noBorder {border:none!important;}
table.noBorder tr th {color: #01468E; font-weight:bold; background: none!important;}
table.noBorder tr td {background: none!important;}
table.noBorder tr.dark td {background: none!important;}

table.roztecZuby {
	border:none!important;
	vertical-align: top;
	margin: 0;
	line-height: 20px;
}
table.roztecZuby tr th {color: #ffffff; font-weight:bold; background: #292b30; padding: 3px 5px;}
table.roztecZuby tr td { padding: 2px 0 2px 3px; background: #3C3E45;}
table.roztecZuby tr th.odstin1, table.roztecZuby tr td.odstin1  {background:#3C3E45;}
table.roztecZuby tr th.odstin2, table.roztecZuby tr td.odstin2 {background:#34363c;}

table.roztecZuby tr td li {display:block; float:left; padding:1px 5px; margin: 1px 2px 1px 0; position:relative; _position:static;background:#292b30;}
table.roztecZuby tr td li a {text-decoration:none; color:#cccccc!important;padding:0; margin:0;}
table.roztecZuby tr td li .detail {display:none;} 
table.roztecZuby tr td li.zobraz {background:#222429; color:#f7d40f;z-index:2;cursor:pointer;}
table.roztecZuby tr td li.zobraz a {color:#f7d40f!important; }
table.roztecZuby tr td li.zobraz .detail {
	display:block;
	position:absolute;
	top:-95px; _top:auto;
	right:-8px; _right:auto;
	_margin:18px 0 0 -22px;
	width: 200px;
	height:100px;
	z-index:3;
}
table.roztecZuby tr td li.zobraz .sirka1 { width: 200px; }
table.roztecZuby tr td li.zobraz .sirka2 { width: 200px; }
table.roztecZuby tr td li.zobraz .sirka3 { width: 200px; }
table.roztecZuby tr td li.zobraz .sirka4 { width: 200px; }
table.roztecZuby tr td li.zobraz .sirka5 { width: 200px; }

table.roztecZuby tr td li .detail {
	width: 200px;
	height:100px;
	background: url(../images/zuby-popup-bg.png) no-repeat 0 0;color:#000;font-size:11px; line-height:12px;}
table.roztecZuby tr td li .detail .inside {background: #ffd43d url(../images/zuby-popup-bg.png) no-repeat -5px -5px; margin:7px; padding:0;}

/* IMG obrazky */
.img-vlevo  {
float : left;
margin-right : 15px;
margin-bottom : 15px;
}
.img-vpravo {
float : right;
margin-left : 15px;
margin-bottom : 15px;
}
.img-stred {
clear : both;
margin-top : 15px;
margin-bottom : 15px;
text-align : center;
width : 100% !important ;
}
.noPadd {padding:0!important;}

.accordion {width:480px;}
.accordionHeader
{
    color: white;
    /*background: url(../images/nadpis-bg.gif) no-repeat 0 0;
	padding:12px 20px 12px 20px;*/
	font-family: Arial, Sans-Serif;
	font-size: 15px;
	font-weight: normal;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeader a
{
	background: none;
	text-decoration: none;
	color:#FFC600!important;
	text-decoration:none;
	text-shadow:1px 1px 0 #222222;
}
.accordionContent
{
	background: #1D1F22 url(../images/box-grey1-bg.gif) no-repeat 0 0;
	border: 1px solid #3E4148;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
	position:relative;
	overflow:visible!important;
	width:467px;
}

.red {color:#cc0000;}

#mailform {
font-size:12px;
}
#mailform form {
margin:0;
padding:0;
}
#in {
float:left;
text-align:left;
width:235px;
}
#in2 {
float:left;
text-align:right;
width:390px;
}
.tlacitko {
height:15px;
}
#mailform fieldset {
border:1px solid #666666;
padding:0;
}
#mailform legend {
color:#FFFFFF;
font-size:small;
font-weight:bold;
margin:0;
padding:0;
}
#mailform label {
color:#CC9900;
display:block;
font-weight:bold;
margin-top:10px;
padding-left:10px;
text-align:left;
}
#mailform label2 {
display:inline;
margin:5px 0 0 10px;
width:100px;
}
#mailform label3 {
display:inline;
float:left;
margin:2px 0 0;
width:100px;
}
#mailform input, #mailform textarea {
background-color:#EEEEEE;
border:1px solid #666666;
color:#000000;
display:inline;
font-family:Tahoma,"Lucida Grande CE",lucida,sans-serif;
font-size:12px;
margin:2px 0 0 3px;
padding:2px;
}
#mailform input {
border:1px solid #000000;
height:15px;
width:150px;
float:left;
margin:2px 0 0 8px;
}
#mailform input.sto {
width:80px;
}
#mailform textarea {
border:1px solid #000000;
height:150px;
width:360px;
}
#mailform .odeslat {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFCC00 none repeat scroll 0 0;
font-family:Tahoma,"Lucida Grande CE",lucida,sans-serif;
font-size:11px;
font-weight:bold;
height:22px;
margin-left:10px;
width:80px;
}
#mailform .nahled {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#777777 none repeat scroll 0 0;
font-family:Tahoma,"Lucida Grande CE",lucida,sans-serif;
font-size:11px;
font-weight:bold;
height:22px;
margin-left:10px;
width:80px;
}
#mailform .kod {
width:30px;
}
#mailform .dod_poznamka {
float:right;
height:50px;
width:266px;
}
#mailform #odkaz, #mailform #format {
font-size:x-small;
margin-top:2px;
text-align:center;
}
#mailform #odkaz a, #mailform #format a {
color:#000000;
text-decoration:underline;
}
#mailform #odkaz a:hover, #mailform #format a:hover {
text-decoration:none;
}
#formular {
float:left;

text-align:left;
width:475px;
}
#vyrobek {clear:both;margin:0 0 20px 0;}
#vyrobek-info {clear:both;margin:0 0 20px 0;}

.formular {
	float:right;
	margin:0 7px;
	padding:0 10px;
	width:434px;
}
.formular h2{padding:5px 0 10px 0;}
.formular fieldset{
	border:none;
	margin:0;
	padding:0;
}
.formular fieldset legend{margin:0;padding:10px 0;color:#999999!important;}
.formular fieldset .radek{margin:0 0 10px 0;padding:0; text-align:right;}
.formular fieldset .radek label{width:200px;float:left;margin:2px 0 0 0;}

.blokObjednavka {margin: 10px 0 10px 0;}
.blokObjednavka label{line-height:24px; width: 220px;display:block; float:left;margin: 0 0 10px 10px; font-size:14px;}
.blokObjednavka input{line-height:24px; width: 300px;margin: 0 0 10px 0; padding:4px 0 0 4px; height:20px;float:left; font-family: Arial; font-size:13px;}
.blokObjednavka textarea {width: 300px; height: 250px;float:left; font-family: Arial; font-size:13px;}
.blokObjednavka .objPoznamka {float:left; width:400px;margin: 0 0 10px 20px; font-size:13px;line-height:24px;}

.blokObjednavka .vzor h3{margin-top:0; padding-top:0;padding-bottom:0;margin-bottom:0; font-size: 13px;line-height:20px;}
.blokObjednavka .vzor {margin-top:0; padding-top:0;padding-bottom:0;margin-bottom:0; font-size: 11px;line-height:14px;}
.blokObjednavka .vzor p {line-height:14px!important;}

.blokObjednavkaBtn {margin:0 0 0 236px;}

.btnObjednat {
height:48px;
line-height:22px;
margin:0 4px 0 0;
border:0 none;
color:#000000;
cursor:pointer;
font-family:arial,tahoma,verdana;
font-size:20px;
font-weight:bold;
background:url(../images/btn-objednavka.gif) no-repeat 0 0;
color:#111;
background-position:0 0;
width:294px;
text-shadow:1px 1px 0 #ffd800;
}
.btnObjednat:hover {
background-position:0 -48px;
color: #000;
width:294px;
text-shadow:1px 1px 0 #ffd800;
}

.btnDotaz {
height:35px;
line-height:22px;
margin:0 4px 0 0;
border:0 none;
color:#000000;
cursor:pointer;
font-family:arial,tahoma,verdana;
font-size:17px;
font-weight:bold;
background:url(../images/btn-dotaz.gif) no-repeat 0 0;
color:#111;
background-position:0 0;
width:172px;
text-shadow:1px 1px 0 #ffd800;
}
.btnDotaz:hover {
background-position:0 -35px;
color: #000;
text-shadow:1px 1px 0 #ffd800;
}

.nadpisObj span.acc {display:block; position:absolute; left:17px; top: 12px; width:17px; height:18px; background: url(../images/acc-down.png) no-repeat 0 0;}

.zobraz .blokObjednavka {display:block;}
.skryj .blokObjednavka {display:none;}
.skryj .nadpisObj span.acc {display:block; position:absolute; left:17px; top: 13px; width:17px; height:18px; background: url(../images/acc-left.png) no-repeat 0 0;}
.skryj {margin-bottom:5px;}

.barva1, a .barva1, .barva1 a {color:#ffff99!important;}
.barva2, a .barva2, .barva2 a {color:#ffcc0e!important;}
.barva3, a .barva3, .barva3 a {color:#ffffff!important;}


#google_translate_element {
position:absolute;
top:-105px;
right:5px;
}
#google_translate_element .goog-te-gadget-simple {border:none;}
