* 
{ margin:0px; padding:0px; line-height:normal; }

body 
{font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:normal; background:#fff; cursor: default;}

img 
{
	border: none;
}

a 
{ color:#666; text-decoration:none; cursor:pointer; }
a:link 
{ color:#666; text-decoration:none; cursor:pointer;}
a:visited 
{ color:#666; text-decoration:none; cursor:pointer;}
a:hover 
{ color:#009bdc; text-decoration:none; cursor:pointer;}
a.selected 
{ color:#009bdc; text-decoration:none; font-weight:normal;}



h1 
{ font-size:14px; color:#666; font-weight:normal;}
h2 
{ font-size:10px; color:#666; font-weight:normal;}	
h3 
{ font-size:10px; color:#666; font-weight:normal;}
h4 
{ font-size:10px; color:#333; font-weight:normal;}


.blue 
{color:#009bdc;}

.lightblue 
{color:#9db5cb;}

.darkblue 
{color:#000087;}

.svetlamodra 
{color:#D5EAFC;}

input 
{
	width:109px;
	height:21px;
	font-size:10px;
	color:#999;
	background:url(/img/input.png) no-repeat;
	border:0px;
	text-indent:5px;
	margin-right:10px;
	float:left;
}

button 
{
	width:74px;
	height:21px;
	font-size:10px;
	color:#999;
	background:url(/img/button.png) top no-repeat;
	cursor:pointer;
	border:0px;
	float:left;
}

button:hover 
{
	background:url(/img/button.png) bottom no-repeat;
}

#search-submit
{
	background: url(/img/search.png) right top no-repeat; 
	width:28px; 
	height:21px; 
	float:left; 
	padding:0px;
	cursor:pointer;
}


.cleaner 
{
	clear:both;
}

.cleaner10 
{
	clear:both;
	height:10px;
	width:100%;
}
.cleaner20 
{
	clear:both;
	height:20px;
}

#wraper 
{width:100%; height:auto; background:#FFF; }

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#page 
{
	width:1000px;
	height:auto;
	position:relative;
	margin:0 auto;
	background:#fff;
	z-index:1;
}

#backgound-white
{
	width:1000px;
	height:auto;
	position:relative;
	float:left;
	background:#fff;
}








#head 
{ 
	width:1000px;
	height:135px;
	float:left;
	position:relative;
	display:block;
}

#head-lista
{
	width:1000px;
	height:25px;
	float:left;
	position:relative;
	display:block;
	z-index:999;
}

#crew 
{
	float:right;
	width:335px;
	height:25px;
	padding-left:15px;
	display:block;
	background:url(/img/head-lista-bg.jpg);
}

.crewmember
{
	width:110px;
	height:25px;
	float:left;
	position:relative;
	font-size:9px;
	color:#666;
	line-height:22px;
	text-align:left;
}

.crewmember:hover
{
	width:110px;
	height:25px;
	float:left;
	position:relative;
	font-size:9px;
	color:#666;
	line-height:22px;
	text-align:left;
	background: #F2F2F2;
}

.crewmember img
{
	float:left;
	padding:0px 5px 0px 0px;
}

.crewmember-sub
{
	position:absolute;
	width:200px;
	height:auto;
	top:25px;
	right:0px;
	background:#F2F2F2;	
	display:none;
	z-index:999;
	padding:5px;
}
#logotop 
{
	float:left;
	position:relative;
	width:276px;
	height:79px;
	padding-top:25px;
}

#nadpis-top 
{
	float:left;
	position:relative;
	width:600px;
	height:20px;
	padding-top:37px;
	text-align:right;
	z-index:99;
}












#top-lista 
{ 
	width:1000px;
	height:48px;
	float:left;
	position:relative;
	display:block;
	background:url(/img/top-lista.jpg) no-repeat top left;
	padding-bottom:25px;
}


#prihlaseni
{
	width:170px;
	height:30px;
	padding-top:13px;
	float:right;
	position:relative;
	text-align:left;
}












#main-center 
{ 
	width:1000px;
	height:auto;
	float:left;
	position:relative;
	display:block;
	padding-bottom:25px;
}

#right-side 
{
	width:802px;
	height:auto;
	float:right;
	position:relative;
	padding-bottom:0px;
	z-index:1000;
}



.loga-main 
{
	width:200px;
	height:40px;
	float:left;
	position:relative;
	padding:22px 0px 20px 0px;
}


.sloupec-hp-text1
{
	float:left;
	position:relative;
	width:257px;
	height:auto;
	border-right:1px dotted #ccc;
}

.sloupec-hp-text2
{
	float:left;
	position:relative;
	width:285px;
	height:auto;
	border-right:1px dotted #ccc;
}

.sloupec-hp-text3
{
	float:left;
	position:relative;
	width:257px;
	height:auto;
}

.sloupec-text-IN
{
	float:right;
	position:relative;
	text-align:left;
	width:235px;
	height:auto;
	color:#666;
	padding-top:5px;
}

.sloupec-text-IN h3, .sloupec-text-IN h3 a
{
	font-size:14px;
	color:#9db5cb;
	padding-top:20px;
}

.sloupec-text-IN h3 a:hover
{
	color:#666;
}




#center-inner-main
{
	width:620px;
	height:auto;
	float:left;
	position:relative;
	background:transparent;
}

.produkt-obal 
{
	width:187px;
	height:187px;
	float:left;
	position:relative;
	padding-right:20px;
	padding-bottom:20px;
	z-index:1000;
}

.produkt-thumb 
{
	width:187px;
	height:187px;
	float:left;
	position:relative;
	padding-right:0px;
	padding-bottom:0px;
	z-index:1000;
	overflow:hidden;
}

.last
{
	padding-right:0px;
}

/*.produkt-thumb img
{
	width:auto;
	height:187px;
	float:left;
}*/
.produkt-thumb-img-div
{
	width:220px;
	height:220px;
	overflow:hidden;
}
.produkt2-thumb-img
{
	max-width:150px;
	max-height:150px;
}
.produkt-thumb-img
{
	min-width:220px;
	height:auto;
}

.produkt-zoom
{
	width:220px;
	height:auto;
	position:absolute;
	top:-25px;
	left:-25px;
	display:none;
	background:#fff;
	padding:5px;
	overflow:hidden;
	border:1px solid #CCC;
	-moz-box-shadow: 0px 0px 10px #999; /* Firefox */
  	-webkit-box-shadow: 0px 0px 10px #999; /* Safari, Chrome */
	box-shadow: 0px 0px 10px #999; /* CSS3 */	
	z-index:1001;
}
.produkt-zoom-img-div
{
	width:220px;
	height:220px;
	overflow:hidden;
}
/*.produkt-zoom img, */.produkt-zoom-img-div img
{
	min-width:220px;
	height:auto;
}
/*.produkt2-zoom img,*/ .produkt2-zoom-img-div img
{
	max-width:220px;
	max-height:220px;
}

.popis-small
{	
	position:absolute;
	bottom:0px;
	left:0px;
	width:167px;
	height:auto;
	padding:10px 10px 15px 10px;
	background:#fff;
	opacity: .9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	color:#333;
	font-size:10px;
	text-align:left;
}

.popis-big
{	
	float:left;
	position:relative;
	bottom:0px;
	left:0px;
	width:200px;
	height:auto;
	padding:10px 10px 15px 10px;
	background:#fff;
	color:#333;
	font-size:10px;
	text-align:left;
}

.popis-big h4
{	
	color:#009bdc;
	font-size:11px;
	font-weight:bold;
	padding-bottom:3px;
}

.popis-big h4 a
{	
	color:#009bdc;
	font-size:11px;
	font-weight:bold;
	padding-bottom:3px;
}

.popis-big h4 a:hover
{	
	color:#000087;
}




#right-inner-main
{
	width:176px;
	height:auto;
	float:right;
	position:relative;
}

.info-text-inner
{
	width:600px;
	height:auto;
	float:left;
	position:relative;
	padding-top:0px;
}


#galerie-best3
{
	width:600px;
	height:auto;
	float:left;
	position:relative;
}




#galerie-first
{
	float:left;
	position:relative;
	width:200px;
	height:auto;
	overflow:hidden;
	padding-right:1px;
	background:transparent;
	text-align:left;
}

#galerie-second
{
	float:left;
	position:relative;
	width:198px;
	height:auto;
	overflow:hidden;
	padding-right:1px;
	background:transparent;
	text-align:left;
}

#galerie-third
{
	float:left;
	position:relative;
	width:200px;
	height:auto;
	overflow:hidden;
	background:transparent;
	text-align:left;
}

.popis-big-galerie 
{
	width:170px;
	height:auto;
	position:absolute;
	top:260px;
	left:0px;
	background:#fff;
	text-align:left;
	padding:15px;
	color:#333;

	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;  
 	-khtml-opacity: 0.9;
}

.mapa
{
	float:left;
	position:relative;
	width:250px;
	height:auto;
	padding:0px 20px 20px 0px;
}

.padding30
{
	padding-top:25px;
}

.popis-big-galerie h3
{
	color:#000;
	font-size:11px;
	font-weight:bold;
}

.popis-big-galerie h2
{
	color:#000;
	font-size:12px;
	font-weight:normal;
	text-align:right;
}
.big
{
	font-size:12px;
}

.popis-big-galerie p
{	
	padding-top:18px;
	padding-bottom:25px;
	display:block;
}

.zaruky-img
{
	position:absolute;
	top:8px;
	left:10px;
	width:42px;
	height:42px;
}
.zaruky-img img
{
	width:42px;
	height:42px;
}

.otazky
{
	display:block;
	width:600px;
	height:auto;
	padding-top:20px;
	float:left;
}

.otazky a
{
	cursor:pointer;
	font-size:12px;
	color:#009bdc;
}

.otazky a:hover
{
	color:#333;
}

.otazky p
{
	display:none;
	padding:20px;
}

.cislovani
{
	width:20px;
	height:20px;
	float:left;
}

.delic10
{
	width:10px;
	height:20px;
	float:left;
}
.delic20
{
	width:20px;
	height:20px;
	float:left;
}
a.bigbutton
{
	text-align:left;
	text-indent:50px;
	line-height:37px;
	width:185px;
	height:36px;
	background:url(/img/button-other-things.png) top left no-repeat;
	float:left;
}
a.bigbutton:hover
{
	background:url(/img/button-other-things.png) bottom left no-repeat;
}

a.bigbutton-RIGHT
{
	text-align:left;
	text-indent:50px;
	line-height:37px;
	width:185px;
	height:36px;
	background:url(/img/button-other-things.png) top left no-repeat;
	float:right;
}
a.bigbutton-RIGHT:hover
{
	background:url(/img/button-other-things.png) bottom left no-repeat;
}

a.bigbutton-blue
{
	text-align:left;
	text-indent:50px;
	line-height:37px;
	width:185px;
	height:36px;
	background:url(/img/schuzka-button.jpg) top left no-repeat;
	float:right;
	color:#fff;
}
a.bigbutton-blue:hover
{
	background:url(/img/schuzka-button.jpg) bottom left no-repeat;
}


a.bigbutton-reseni, div.bigbutton-reseni
{
	text-align:left;
	text-indent:50px;
	line-height:37px;
	width:250px;
	height:36px;
	background:url(/img/button-reseni.png) top left no-repeat;
	float:right;
}
div.bigbutton-reseni
{
	cursor: pointer;
}
a.bigbutton-reseni:hover, div.bigbutton-reseni:hover
{
	background:url(/img/button-reseni.png) bottom left no-repeat;
}



input.bigbutton-RIGHT
{
	text-align:left;
	text-indent:50px;
	line-height:37px;
	width:185px;
	height:36px;
	background:url(/img/button-other-things.png) top left no-repeat;
	float:right;
	color:#333;
}
input.bigbutton-RIGHT:hover
{
	background:url(/img/button-other-things.png) bottom left no-repeat;
}







.info-text
{
	width:600px;
	height:auto;
	float:left;
	color:#666;
	text-align:left;
	font-size:11px;

}
.info-text h4
{
	font-size:14px;
	color:#9db5cb;
	padding-bottom:10px;
}




#underline
{
	width:600px;
	height:auto;
	float:left;
	position:relative;
}
em {
background: url(bubble.png) no-repeat;
width: 100px;
height: 49px;
position: absolute;
top: -70px;
left: -0px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}

.akceikon
{
	text-align:left;
	width:125px;
	height:21px;
	float:left;
	position:relative;
	line-height:20px;
	text-indent:5px;
}
.akceikon img
{
	float:left;
	position:relative;
}


.numberbutton a {
	width:26px;
	height:17px;
	display:block;
	float:right;
	background:url(/img/number-bg.png) top right no-repeat;
	color:#666;
	padding: 4px 0px 0px 4px;
	text-align:center;
}


.numberbutton a:hover {
	color:#f30;
	background:url(/img/number-bg.png) bottom right no-repeat;

}

.razeniRIGHT {
	width:600px;
	height:auto;
	overflow:hidden;
	float:right;
}

#combo
{
	width:120px;
	height:25px;
	float:left;
	text-align:left;
}
.stranka
{
	width:55px;
	padding-left:15px;
	float:left;
	color:#666;
	text-align:left;
	line-height:20px;
}

#left-side 
{
	width:198px;
	height:auto;
	float:left;
	position:relative;
	z-index:999;
}

#menu-left 
{
	width:175px;
	height:328px;
	display:block;
	background:url(/img/left-menu.jpg) no-repeat top left;
	float:left;
	position:relative;
	padding-bottom:25px;
}


.menu, .menu-selected
{
	float:left;
	position:relative;
	width:155px;
	height:33px;
	font-size:10px;
	color:#999;
	cursor:pointer;
	text-align:left;
	padding-left:25px;
}

.menu h2, .menu-selected h2
{	
	padding-top:10px;
	font-size:12px;
	color:#666;
}
.menu h2:hover
{
	color:#009bdc;
}
.menu-selected h2 a
{	
	color:#009bdc;
}


.submenu
{
	position:absolute;
	width:450px;
	height:auto;
	/* background:#e6e6e8; */
	background:url(../img/submenu-corner.png) no-repeat 0px 0px;
	left:174px;
	top:2px;
	z-index:999;
	font-size:11px;
	color:#000;
	/* padding:25px 25px 5px 25px; */
	padding:0px 0px 0px 8px;
	display:none;
	/* opacity: 0.9;  
	filter: alpha(opacity=90);  
 	-moz-opacity: 0.9;  
 	-khtml-opacity: 0.9; */
}
.submenutop
{
	float:left; 
	position:relative;
	background:url(../img/submenutop.png) no-repeat top left;
	width:450px;
	height:10px;
}
.submenubottom
{
	float:left; 
	position:relative;
	background:url(../img/submenubottom.png) no-repeat top left;
	width:450px;
	height:10px;
}
.submenuinside
{
	background:#eeeef3;
	padding:25px 25px 5px 25px;
	float:left; 
	position:relative;
	width:400px;
	height:auto;
}
.submenu-colum 
{
	width:180px;
	height:40px;
	float:left;
	position:relative;
	color:#666;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
}

.submenu-colum img
{
	float:left;
	position:relative;
	padding:2px 10px 20px 0px;
}

.submenu-colum h3, .submenu-colum h3 a
{
	font-size:11px;
	font-weight:bold;
	color:#000;
}

.submenu-colum h3 a:hover
{
	color:#009bdc;
}





#schuzka-button a 
{
	width:175px;
	height:38px;
	display:block;
	text-align:left;
	background:url(/img/schuzka-button.jpg) no-repeat top left;
	float:left;
	position:relative;
	cursor:pointer;
	text-indent:45px;
	color:#fff;
	font-size:11px;
	line-height:36px;
}

#schuzka-button a:hover 
{
	background:url(/img/schuzka-button.jpg) no-repeat bottom left; 
}



.left-boxes 
{
	width:175px;
	height:auto;
	float:left;
	position:relative;
	display:block;
	padding-top:25px;
}

.right-boxes 
{
	width:175px;
	height:auto;
	float:left;
	position:relative;
	display:block;
	padding-top:0px;
}

.left-boxes-top 
{
	width:175px;
	height:20px;
	float:left;
	position:relative;
	display:block;
	background:url(/img/top-boxes.jpg) no-repeat top left;
}

.left-boxes-bottom 
{
	width:175px;
	height:20px;
	float:left;
	position:relative;
	display:block;
	background:url(/img/bottom-boxes.jpg) no-repeat top left #f2f2f6;
}

.left-boxes-inside 
{
	width:175px;
	height:auto;
	float:left;
	position:relative;
	display:block;
	background:#f2f2f6;
}

.right-boxes-inside 
{
	width:175px;
	height:auto;
	float:left;
	position:relative;
	display:block;
	background:#f2f2f6;
}

.nadpis-sipka 
{
	width:155px;
	height:15px;
	float:left; 
	padding:0px 0px 0px 10px;
	color:#666;
	text-align:left;
	line-height:15px;
	font-size:11px;

}

.nadpis-sipka img 
{
	float:left;
	padding-right:10px;
}	

#language
{
	width:100px;
	height:25px;
	float:right;
	text-align:left;
	line-height:22px;
	font-size:9px;
}

#navigacnilista
{
	float:left;
	position:relative;
	padding:17px 0px 0px 20px;
	color:#009bdc;
	text-align:left;
	width:800px;
	height:30px;
	font-size:10px;
}
#navigacnilista a.navigation
{
	padding: 0px 5px 0px 5px;
}
a.home
{	
	position:relative;
	float:left;
	width:auto;
	padding:0px 5px 0px 20px;
	display:block;
	color:#666;
	text-align:left;
	line-height:15px;
	background:url(/img/arrow-grey-left.png) no-repeat left center;
}

a.home:hover
{
	color:#333;
	background:url(/img/arrow-grey-top.png) no-repeat left center;
}


.nadpis-blue 
{
	width:145px;
	height: auto;
	float:left; 
	padding:20px 0px 0px 20px;
	color:#009bdc;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	display: block;
}

.nadpis-blue a 
{
	color:#009bdc;
	font-size:11px;
	font-weight:bold;
}

.nadpis-blue a:hover 
{
	color:#666;
}

.datum 
{
	color:#87a2be;
	font-size:10px;
	display:block;
}


.box-text 
{
	width:145px;
	height:auto;
	float:left; 
	padding:20px 0px 0px 20px;
	color:#666;
	text-align:left;
	font-size:11px;
}

.odkazykatalog
{
	font-size:11px;
	padding-left:15px;
	height:auto;
}

.odkazykatalog a
{
	font-size:11px;
	color:#009bdc;
}

.odkazykatalog a:hover
{
	color:#333;
}











#loga-foot 
{ 
	width:1000px;
	height:110px;
	float:left;
	position:relative;
	display:block;
	padding-top:20px;
}

#loga-foot img 
{ 
	float:left;
}




#footer 
{ 
	width:1000px;
	height:auto;
	min-height:10px;
	float:left;
	position:relative;
	display:block;
	background:url(/img/footer.jpg) no-repeat top left #ccedfd;
	padding-bottom:25px;
	padding-top:30px;
	text-align:left;
}



.OBAL-footcolum1
{
	float:left;
	position:relative;
	width:185px;
	height:auto;
	color:#fff;
}

.footcolum1
{
	float:left;
	position:relative;
	width:135px;
	height:auto;
	padding: 0px 30px 0px 20px;
	border-right:1px dotted #D5EAFC;
	color:#fff;
}


.OBAL-footcolum2
{
	float:left;
	position:relative;
	width:401px;
	height:auto;
	color:#fff;
}

.footcolum2
{
	float:left;
	position:relative;
	width:340px;
	height:auto;
	padding: 0px 30px 0px 30px;
	border-right:1px dotted #D5EAFC;
	color:#fff;
}


.OBAL-footcolum3
{
	float:left;
	position:relative;
	width:401px;
	height:auto;
	color:#fff;
}

.footcolum3
{
	float:left;
	position:relative;
	width:340px;
	height:auto;
	padding: 0px 0px 0px 30px;
	color:#fff;
}

.nadpis-foot1
{
	float:left;
	position:relative;
	width:135px;
	height:auto;
	padding: 0px 30px 10px 20px;
	color:#fff;
	font-size:14px;
}


.nadpis-foot2
{
	float:left;
	position:relative;
	width:340px;
	height:auto;
	padding: 0px 30px 10px 30px;
	color:#fff;
	font-size:14px;
}


.nadpis-foot3
{
	float:left;
	position:relative;
	width:340px;
	height:auto;
	padding: 0px 0px 10px 30px;
	color:#fff;
	font-size:14px;
}



#seopaticka
{
	float:right;
	position:relative;
	color:#666;
	margin-right: 21px;
}

#seopaticka a
{
	color:#009bdc;
}

#seopaticka a:hover
{
	color:#333;
}


#copyright
{
	float:left;
	position:relative;
	width:960px;
	height:auto;
	padding:0px 20px 0px 20px;
	color:#009bdc;
	text-align:right;
}

#copyright a
{
	color:#009bdc;
}

#copyright a:hover
{
	color:#333;
}





#fastnav 
{
	position:absolute;
	top:136px;  
	left:0px;  
	margin-left:0px;  
	width:43px;
	height:155px;
	background:url(/img/fastnav.png) no-repeat right top;
	z-index:1000;
	cursor:pointer;
	display:block;
}


#fastmenu
{
	position:absolute;
	top:25px;  
	left:10px;  
	margin-left:0px;  
	width:137px;
	height:120px;
	display:block;
	text-align:left;
	display:none;
	font-size:11px;
}

.menuitem
{
	position:relative;
	float:left;
	width:135px;
	min-height:15px;
	height:auto;
}

.menuitem div
{
	float:left;
}

.menuitem a
{
	padding:0px 0px 10px 20px;
	background:url(/img/menu-icon-cross.png) no-repeat top left;
	float:left;
}

.menuitem a.homepage
{
	background:url(/img/menu-icon-homepage.png) no-repeat top left;
}
.menuitem a.galerie
{
	background:url(/img/menu-icon-galerie.png) no-repeat top left;
}
.menuitem a.formular
{
	background:url(/img/menu-icon-formular.png) no-repeat top left;
}
.menuitem a.kontakt
{
	background:url(/img/menu-icon-kontakt.png) no-repeat top left;
}




#popup 
{
	display:none;
	width:400px;
	height:200px;
	background:red;
	position:absolute;
	z-index:10000;
	top:0px;
	left:0px;
}



#detail-produktu-foto-obal
{
	float:left;
	position:relative;
	width:385px;
	height:auto;
	text-align:left;
}


#detail-produktu-foto-big
{
	float:left;
	position:relative;
	width:365px;
	height:275px;
	overflow: hidden;
}

#detail-produktu-foto-small
{
	float:left;
	position:relative;
	width:385px;
	height:auto;
	text-align:left;
	padding:20px 0 0 0;
}
.detail-produktu-foto-small-div
{
	width: 96px;
	height: auto;
	display: block;
	float:left;
}
#detail-produktu-foto-small img, .detail-produktu-foto-small-img
{
	float:left;
	padding-right:21px;
	padding-bottom:21px;
	
	/*width: 75px;
	height: 75px;*/
}


#detail-produktu-foto-popis
{
	float:right;
	position:relative;
	width:210px;
	height:auto;
	text-align:left;
	color:#333;
	font-size:11px;
}

#detail-produktu-foto-popis h3
{
	color:#9db5cb;
	font-size:14px;
}

#detail-produktu-foto-popis p
{
	color:#666;
	font-size:11px;
}

#detail-produktu-foto-popis strong
{
	color:#9db5cb;
}







#profil-spolecnosti-foto-obal
{
	float:left;
	position:relative;
	width:600px;
	height:auto;
	text-align:left;
}


#profil-spolecnosti-foto-big
{
	float:left;
	position:relative;
	width:600px;
	height:275px;
}

#profil-spolecnosti-foto-small
{
	float:left;
	position:relative;
	width:600px;
	height:auto;
	text-align:left;
	padding:20px 0 0 0;
}
#profil-spolecnosti-foto-small img
{
	float:left;
	padding-right:21px;
	padding-bottom:21px;
}


#profil-spolecnosti-foto-popis
{
	top:20px;
	right:20px;
	padding:20px;
	background:#fff;
	position:absolute;
	width:210px;
	height:auto;
	text-align:left;
	color:#111;
	font-size:11px;

	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;  
 	-khtml-opacity: 0.8;

}

#profil-spolecnosti-foto-popis h3
{
	color:#6db3cb;
	font-size:14px;
}

#profil-spolecnosti-foto-popis p
{
	color:#444;
	font-size:11px;
}

#profil-spolecnosti-foto-popis strong
{
	color:#9db5cb;
}
















/* SCROLL */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.scrolling
{
	float:left;
	width:600px;
	position:relative;
	height:auto;
	
}


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 540px;
	height:100px;
	/* custom decorations */
	border:0px solid #ccc;
	background:transparent;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:540px;
}

.items div p {
	float:left;
	margin:0px 9px;
	background-color:transparent;
	padding:0px;
	width:90px;
	height:auto;
	color:#999;
}

/* single scrollable item 
.scrollable img {
	float:left;
	margin:0px 9px;
	background-color:transparent;
	padding:0px;
	width:90px;
	height:70px;
}
*/


/* active item */
.scrollable .active {
	opacity: 0.2;  
	filter: alpha(opacity=20);  
 	-moz-opacity: 0.2;  
 	-khtml-opacity: 0.2;

	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:20px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	



	/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		float:left;
		position:relative;
		width:600px;
		height:auto;
		margin:0px;
		padding:0px 0px 0px 0px;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:transparent;
	}




#info
{
	width:600px;
	height:auto;
	float:left;
	background:transparent;
}

/* tab pane styling */
.panefaderdiv {
	display:none;		
	padding:25px 0px;
	border:0px solid #999;
	border-top:0;
	height:auto;
	width:600px;
	height:auto;
	position:relative;
	float:left;
	clear:both;
	text-align:left;
	background:url(/img/pane-bg.jpg) bottom left no-repeat #f4f4f6;
}

.panefaderdiv h4, .panefaderdiv h4 a
{
	font-size:11px;
	color:#9db5cb;
	padding:0px 0px 0px 0px;
	float:left;
	display:block;
}
.panefaderdiv h4 a:hover
{
	color: #666;
}

.panefaderdiv p
{
	font-size:10px;
	color:#666;
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
}

.obrazek-pane
{
	float:left;
	display:block;
	padding:0px 20px 10px 20px;
	width:50px;
	height:50px;
}

.fotogalery-pane
{
	float:left;
	display:block;
	padding:0px 0px 25px 25px;
	width:auto;
	height:auto;
}

.popisek-pane
{
	float:left;
	display:block;
	padding:0px 0px 10px 0px;
	width:490px;
	height:auto;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:0px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/img/tabs-bg.png) no-repeat top right;
	font-size:10spx;
	display:block;
	height: 30px;  
	line-height:32px;
	width: 175px;
	text-align:left;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px 2px 0px 0px;	
	position:relative;
	top:0px;
	text-indent:35px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: left top;	
	color:#000;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: left top;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}













/*odpoved na prispevek*/
#reply
{
	padding:20px;
}
div#reply fieldset {
  border: 0px solid #999;
  margin-bottom: 20px;
  padding: 0;
}

div#reply fieldset legend {
  border: 1px solid #999;
  padding: 2px 5px 3px;
  color: #999;
  background: transparent;
  font-weight: bold;
}

div#reply table td, div#reply table th {
  border-bottom: 0 none;
  padding: 2px 0;
}

div#reply th {
  width: 120px;
  color:#666;
}

div#reply th.va {
  vertical-align: top;
}

div#reply label.nepovinne {
  color: #999;
}

div#reply td {
  vertical-align: top;
}

div#reply input.text, div#reply textarea {
  padding: 2px;
  width: 460px;
  border: 1px solid #CCC;
  background: #fff;
  color: #999;
}

div#reply textarea {
  display: block;
  height: 120px;
}

div#reply div.left {
  width: 40%;
  float: left;
}

div#reply div.right {
  width: 59%;
  float: right;
  text-align: right;
  padding-top: 4px;
}

input.submit {
  border: 1px outset #004585;
  background: #004585 url(../images/back4.gif) 0 50% repeat-x;
  color: #ebeff2;
  font-size: 0.95em;
  font-weight: bold;
  cursor: pointer;
  padding: 2px 5px 3px;
  margin-left: 6px;
  float: right;
}

input.submit:hover, input.submit:focus {
  border: 1px inset #999;
}

div.nKont {
  margin-top: 20px;
}

p#sendForm {
  float: right;
}

/*realizace*/

/* novinky */
.news-item
{
	margin-bottom: 30px;
}
.news-item-image
{
	float: left;
	width: 145px;
	height: auto;
	display: block;
}
.news-item-text
{
	text-align: left;
	color: #333;
	margin-top: 10px;
	width: 280px;
	float: left;
}






.bigtextboxes
{
	width:600px;
	height:auto;
	position:relative;
	float:left;
}

.bigtextboxesINSIDE
{
	width:560px;
	height:auto;
	padding:0px 20px 0px 20px;
	position:relative;
	float:left;
	background-color:#f3f2f7;
}

.bigtextboxesINSIDE h5
{
	padding:0px;
	color:#009bdc;
	font-size:14px;
	font-weight:normal;
}

.cislo
{
	font-size:45px;
	color:#999;
	float:left;
	width:50px;
	height:auto;
	font-family:"Arial Black", Gadget, sans-serif;
	line-height:auto;
}

.nadpisbigboxFAQ
{
	font-size:20px;
	color:#009bdc;
	float:left;
	width:500px;
	height:auto;
	line-height:normal;
	padding-top:7px;

}

.nadpisbigbox
{
	font-size:30px;
	color:#009bdc;
	float:left;
	width:300px;
	height:auto;
	line-height:10px;
	padding-top:7px;
}

.nadpisbigboxFAQ:hover, .nadpisbigbox:hover
{color:#999;}
.nadpisbigbox strong
{
	font-size:11px;
	color:#666;
	font-weight:normal;
}

.viewertouch 
{
	cursor:pointer;
}

.viewertouch p
{
	display:none;
	clear:none;
	height:auto;
	float:left;
	position:relative;
	padding-top:10px;
}

.bigboximg
{
	float:left;
	position:relative;
	padding:0px 20px 20px 0px;
	display:none;
	width:160px;
	height:120px;
}

.popis-bigbox
{
	float:left;
	position:relative;
	width:380px;
	height:auto;
}

.popis-bigboxFAQ
{
	float:left;
	position:relative;
	width:560px;
	height:auto;
}


.bigtextboxes-top, .bigtextboxes-bottom
{
	width:600px;
	height:20px;
	position:relative;
	float:left;
}
.bigtextboxes-top
{
	background:url(../img/top-bigboxes.jpg) no-repeat top left;
}
.bigtextboxes-bottom
{
	background:url(../img/bottom-bigboxes.jpg) no-repeat top left;
}


.kontakt-colum
{
	float:left;
	position:relative;
	width:280px;
	height:auto;
	padding-right:10px;
}


.systemimage
{
	float:left;
	position:relative;
	height:auto;
	width:160px;
	padding-right:20px;
}
.systemimage div
{
	float:left;
}
.systemimage img
{
	float:left;
}

.hledani-div
{
	text-align: left;
	height: 75px;
}
.hledani-div:hover
{
	background-color: #F3F3F3;
}
.hledani-div-img
{
	float: left;
	margin: 0px 20px 0px 0px;
}
.hledani-div-text
{
	float: left;
	margin-top: 10px;
	width: 480px;
}
.hledani-div-text a
{
	font-size: 12px;
}


.cenikdownload
{
	padding:20px 0px 20px 30px;
	display:block;
	float:left;
	background:url(../img/pdf-icon.png) no-repeat left center;
}



.login-modal
{
	background-color: #EAEAEA;
	display: none;
	width: 250px;
	padding: 15px;
	text-align: left;
	border: 2px solid #333;

	opacity: 0.8;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
.login-modal h2
{
	font-size: 14px;
}
.login-label
{
	width: 100px;
	float: left;
	line-height: 20px;
	text-align: right;
	padding-right: 10px;
}
.login-input
{
	background-image: none;
	background-color: #FFF;
	
	width: 125px;
}
.login-modal-input
{
	margin-right: 20px;
}
.register-check-good, .register-check-bad
{
	float: right;
	margin-right: 15px;
	color: #009bdc;
}
.register-check-bad
{
	color: #F00;
}

#profil-spolecnosti-big img
{
	width: 600px;
}