/* CSS Document */
/* color for pinquin: background: #517f38  
dark blue:		color:#1f4583*/
/* ******************************************** */
h1, h2, h3, h4, h5, h6, p, ul, li, a, img, body, div, span, table{
	margin: 0;
	padding: 0;
	border: 0; } 

body {
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	color: #000;
	text-align: center;
	background: #0b0f18 url(../images/background1.jpg) repeat-x;
}
#pagebg {
	background-image: url(../images/background-page4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/*margin-bottom: 20px;*/
}

#page {
	/*display:  block;*/
	position: relative;
	width:    960px;
	text-align: left;
	margin: 0 auto;
	}
/* OBSAH STRANKY ========== */
/* formátování */
#contentindex {
	width: 960px;
	float: left;
	margin-top: 528px;
	background: url(../images/homepage-line-flash-under.gif) repeat-x;	
	}

#contentdetail {
	width: 960px;
	float: left;
	margin-top: 480px;
	background: #FFFFFF;
	}

#contentindexbox {
	background-color: #FFFFFF;
	background: url(../images/bg-contentindex.jpg) repeat-x;
	
}
#contentindexbox h1 {
	color:#98b1fc; font-size:12px;
	padding-top: 8px;
}
#contentindexbox h2 {
	color:#FF8000;
	font-size:16px;
	padding-top: 3px;
	font-variant: small-caps;
	
}

/* new index */
#indexleft {
	float: left;
	width: 480px;
}
#indexleft h2 {
	position:relative;height:65px;
	width: 480px;}
	
#indexleft h2 span{
	position:absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	height:65px;
	width: 480px;
	background: url(../images/head-mohlo-by-vas.png) no-repeat;
}
#indexleft {}
#indexleft {}
#indexleft {}
#indexleft {}
#indexleft {}

/* aktualita */
.aktualita {
	margin-left:0px;
	margin-right:0px;
	padding-bottom: 15px;
	text-align: justify;
	color: #FFFFFF;
}
.aktualita a { color:#FFFFFF;}
.aktualita a:hover { color:#999999;}
.aktualita .aktualitadatum {
	font-size: 12px;
	
}
.aktualita h3 {margin-bottom:2px;}

.aktualita h3 a, .aktualita h3 { 
	color:#ea690b;  
	font-size:16px; 
	text-decoration:none; 
	
}
.aktualita h3 a:hover { text-decoration: underline;}

.aktualita  {color: #FFFFFF;}

.aktualita a.aktfoto  img,  .aktualita img {
	margin-right: 10px;
	margin-bottom: 5px;
	border-style: none;
	float: left;
	text-align:left;
}

.aktualita a { color: #FFFFFF; font-weight:bold}

#aktualitaleftbox .aktualita .aktualitadalsi {
	color: #333333;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
#aktualitaleftbox .aktualita .aktualitadalsi a {color: #333333;}
#aktualitaleftbox .aktualita .aktualitadalsi h2 {
	color: #ea690b;
	font-size: 15px;
	margin-bottom: 5px;
}
#aktualitaleftbox .aktualita .aktualitadalsi h2 a {color: #ea690b;}
#aktualitaleftbox .aktualita .aktualitadalsi p.vice  { text-align: right; }



#indexleft  p.vice {text-align:right; }
#indexleft p.vice a {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}
#indexleft p.vice a:hover {
	color:#ea690b;
	text-decoration: none;
}

#aktualitaleftbox a {
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
#aktualitaleftbox a:hover {
	color: #000000;
	text-decoration: none;
}
#aktualitaleftfoto { margin: 5px 0px 15px 25px; }
#aktualitaleftfoto a img {
	margin-right: 15px;
	border: 1px solid #999999;
	margin-bottom: 15px;
}

/* OBJEDNaVKA */

#objednatformbox { margin: 5px 35px 10px 30px; }
#objednatformbox #objednatfoto { float: right; }
#objednatformbox  p.objednatastav {
	font-size: 14px;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 15px;
}
#objednatformbox  p.objednatastav span {
	font-weight: bold;
	color: #999999;
}
#objednatformbox  p.objednatastav span strong {
	font-weight: 900;
	color: #000000;
}
#objednatformbox h1 {
	color: #006699;
	font-size: 22px;
	margin-bottom: 5px;
}

#objednatformbox h2 {
	color: #006699;
	font-size: 16px;
	margin-bottom: 5px;
}
#objednatformbox p {
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
}

#objednatformbox p strong { color:#000000}

#objednatformbox p a, #objednatformbox a {
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}

#objednatformbox p a:hover, #objednatformbox a:hover {
	color: #000000;
	text-decoration: none;
}


#objednatformbox p.error, p.error{
	font-size: 14px;
	font-weight: bold;
	color: #FF3333;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: 1px solid #FFBBBB;
	background-color: #FEFAFA;
}
#objednatformbox fieldset {
	font-size: 13px;
	color: #333333;
}
.formpopis {
	margin-right: 5px;
	text-align: right;
}
#objednatformbox {}
#objednatformbox {}




/*
.aktualita .aktualitaimg {
	float: left;
	width: 130px;}
	
.aktualita .aktualitatext {
	float: left;
	width: 340px;
	text-align: justify;color: #FFFFFF;}
	
.aktualita .aktualitatextnoimg {
	
	
	width:475px;
	color: #FFFFFF;}

.aktualita .aktualitatext p.vice, .aktualita .aktualitatextnoimg p.vice{text-align:right; }

.aktualita .aktualitatext p.vice a, .aktualita .aktualitatextnoimg p.vice a { color:#FFFFFF }

.contenttextleft .aktualita .aktualitaimg div a img {border: 3px solid #8ca4ca; }

*/

#indexright {
	float: right;
	width: 480px;
}
#indexright .indexbanner{
	background: url(../images/bg-index-banners.jpg);
	float: right;
	height: 110px;
	width: 460px;
	overflow:hidden;
	
}

#indexright .indexbannerimg{
	float: right;
	height: 110px;
	width: 460px;
	overflow:hidden;
}

#indexright .indexbanner .indexbannerbox {}

#indexright .indexbanner .indexbannerbox p {  padding: 10px; }

#indexright .indexbanner h2, #indexright .indexbanner h3 {
	color:#FF9933;
	font-size: 15px;
	}

#indexright .indexbanner p {
	color:#FFFFFF;
	}
	
#indexright .indexbanner img  {
	margin-right: 10px;
	border-style: none;	
	}
	
#indexright .indexbanner a  {
	font-weight: bold;
	color: #FFFFFF;	
	}
	
#indexright .indexbanner a:hover {
	color:#FF9933;
	text-decoration: none;
	}
	
.facebanner { text-align: center; }	
#indexright {}


#content {
	width: 960px;
	float: left;
	}
#contentwhite {
	width: 960px;
	float: left;
	margin-top: 499px;
	background-color:#FFFFFF
	}


#contentpage {
	width: 960px;
	float: left;
	margin-top: 616px;
	}

#pageleft {width: 720px;
	float: left;}

#pageright {width: 240px;
	float: left;}
	
#pageleftprodejny {width: 600px;
	float: left;}

#pagerightprodejny {width: 360px;
	float: left;}



#pagerightprodejny h2 { color:#1f4583;}	
#pageleftbox { margin-left:25px; margin-right:30px;}
#pageleftbox h1 { color:#1f4583;}

#pageright a img { margin-left:20px; margin-bottom:25px;}	
/* aktuality */
#aktualitaleft {
	float: left;
	width: 720px;
}

#aktualitaleft  #aktualitaleftbox{ padding: 5px 10px 15px 40px; } 

#aktualitaleft  #aktualitaleftbox{ padding: 5px 10px 15px 40px; } 




#aktualitaright {
	float: right;
	width: 230px;
}

#aktualitaright a img {
	margin-bottom: 20px;
	border: 1px solid #000099;
}
/* POZICOVANE BLOKY */
#headindex {
	position:absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	height:529px;
	width: 960px;
	}

#headpage {
	position:absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	height:144px;
	width: 960px;
	}

#headdetail {
	position:absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	height:480px;
	width: 960px;
	background: url(../images/background-header_down.gif) repeat-x bottom;	
	
	}

#headstanyextrem {
	height:252px;
	width: 960px;
	background: url(../images/head/hlavicka-stany-extrem.jpg) no-repeat;
	color: #98b1fc; 
	font-size: 11px;
	overflow: hidden;}
	
#shadowflash {width: 960px; height: 20px; float: left;
	background: url(../images/shadow-flash.gif) repeat-x;}	

#headflash {float: left; width: 960px; height: 200px;}	

#inheadbox {padding-left: 300px; padding-top: 150px; }

#inheadcenter {width: 300px; float: left;/**/ }

#inheadcenter h2, #inheadcenter p{ }

#inheadright {width: 300px; float: left; }

#inheadright p {}

p#headlogo a{
	position:relative;
	display:block;
	height:98px;
	width: 192px;
	overflow: hidden;
	float:left;
	font-size: 22px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	line-height: 25px;
	color: #8a8a8a;
	background-color: #ffffff ;
	text-decoration:none;
		}
		
p#headlogo a span {
	display:block;
	height: 98px;
	width: 192px;
	position:absolute;
	left: 0px;
	top:0px;
	color: #000000;
	background: url(../images/logo-pinquin.jpg) no-repeat;
}

/* LANG MENU ****************** */
#langmenu{
	width: 768px;
	height: 40px;
	float:left;
	/*vertical-align: bottom;*/
	overflow: hidden;
	}

#langmenu  ul {
	list-style-type:none;
	/*margin-right: 30px;*/
	float: right;
	}

#langmenu  ul li{
	float:left;
	margin-left:5px;
	margin-top: 5px;
	}

#langmenu  ul li a {
	
	padding-left: 0px;
	padding-right: 0px;
}

#langmenu  ul li a:hover {
	
}

#langmenu  ul li a.aktiv {
	cursor:default;
}		



/* UP MENU ****************** */
#upmenu{
	width: 768px;
	height: 58px;
	float:left;
	/*vertical-align: bottom;
	overflow: hidden;*/
	}

#upmenu  ul {
	list-style-type:none;
	/*margin-right: 30px;*/
	float: right;
	}

#upmenu  ul li {
	float:left;
	margin-left:10px;
	margin-top: 5px;
	}

#upmenu  ul li a {
	display:block;
	background: url(../images/orange-black-point.gif) no-repeat 0px -53px;
	font-size: 12px;
	font-weight: bold;
	color: #868686;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 5px;
}

#upmenu  ul li.nopoint a { background: url(none); 	
}

#upmenu  ul li.nopoint a:hover {
	background: url(none);
}

#upmenu  ul li.nopoint a { background: url(none); 	
}

#upmenu  ul li a.aktiv {
	color: #000000;
	background: url(../images/orange-black-point.gif) no-repeat 0px 7px;
	cursor:default;
}		

/* BASIC MENU ************************* */
#basicmenu {
	position:relative;
	width: 960px;
	height: 46px;
	float:left;
	/*background: url(../images/bg-basicmenu.jpg) no-repeat;*/
	overflow: hidden;
	}

#basicmenu ul#basicmenuseznamup {
	list-style-type:none;
	float:left;
	clear:right;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#basicmenu ul#basicmenuseznamup li {
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	height: 21px;
	padding-left:0px;
	position:absolute;
	top:0px;}
/*	
#basicmenu ul#basicmenuseznamup li#stan, #basicmenu ul#basicmenuseznamup li#spacaky, #basicmenu ul#basicmenuseznamup li#batohy, #basicmenu ul#basicmenuseznamup li#obleceni, #basicmenu ul#basicmenuseznamup li#materialy{
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	height: 20px;
	}
*/	
#basicmenu ul#basicmenuseznamup li.stany{ left:0px;}
#basicmenu ul#basicmenuseznamup li.karimatka{  left:70px;}
#basicmenu ul#basicmenuseznamup li.spacaky{  left:170px;}
#basicmenu ul#basicmenuseznamup li.batohy{ left:260px;}
#basicmenu ul#basicmenuseznamup li.obleceni{  left:340px;}
#basicmenu ul#basicmenuseznamup li.vareni{  left:440px;}
#basicmenu ul#basicmenuseznamup li.doplnky{  left:510px;}
#basicmenu ul#basicmenuseznamup li.materialy{  left:600px;}
#basicmenu ul#basicmenuseznamup li.shop{  left:850px;}
	
#basicmenu ul#basicmenuseznamup li a{
	font-size: 14px;
	font-weight: bold;
	color: #6f6f6f;
	text-decoration: none;
	padding-left: 10px;
	margin-left: 0px; 
	}

#basicmenu ul#basicmenuseznamup li a.aktiv, #basicmenu ul#basicmenuseznamup li ul li a.aktiv {cursor:default;color: #000000;}

#basicmenu ul#basicmenuseznamup li.praporek { background: url(../images/basicmenu_praporek.gif) repeat-y left; } 
	
#basicmenu ul#basicmenuseznamstan {
	list-style-type:none;
	position:absolute;
	top:21px;
	left:0px;
	}
#basicmenu ul#basicmenuseznamstan li {
	display:block; float:left; }
	
#basicmenu ul#basicmenuseznamkarimatka {
	list-style-type:none;
	position:absolute;
	top:21px;
	left:70px;
	}	
		
#basicmenu ul#basicmenuseznamspacak {
	list-style-type:none;
	position:absolute;
	top:21px;
	left:170px;
	}
	
#basicmenu ul#basicmenuseznambatoh {
	list-style-type:none;
	position:absolute;
	top:21px;
	left:260px;
	}
	
#basicmenu ul#basicmenuseznamobleceni {
	list-style-type:none;
	clear:left;
	position:absolute;
	top:21px;
	left:340px;
	}

#basicmenu ul#basicmenuseznamvareni {
	list-style-type:none;
	position:absolute;
	top:21px;
	left:440px;
	}	

#basicmenu ul#basicmenuseznamdoplnky {
	list-style-type:none;
	position:absolute;
	top:21px;
	left:510px;
	}	



#basicmenu ul#basicmenuseznamstan li, #basicmenu ul#basicmenuseznamspacak li, #basicmenu ul#basicmenuseznamobleceni  li, ul#basicmenu ul#basicmenuseznamkarimatka li,  #basicmenu ul#basicmenuseznamvareni li,  #basicmenu ul#basicmenuseznamdoplnky li    {
	float:left; height: 25px;
	}

#basicmenu ul#basicmenuseznamstan li.praporek, #basicmenu ul#basicmenuseznamspacak li.praporek, #basicmenu ul#basicmenuseznamobleceni  li.praporek, ul#basicmenuseznamkarimatka li.praporek, ul#basicmenuseznamvareni li.praporek, ul#basicmenuseznamdoplnky li.praporek {
	 background: url(../images/basicmenu_praporek.gif) repeat-y left;
	}

#basicmenu ul#basicmenuseznamstan li  a, #basicmenu ul#basicmenuseznamspacak li  a, #basicmenu ul#basicmenuseznamobleceni li  a, #basicmenu ul#basicmenuseznamkarimatka li  a, #basicmenu ul#basicmenuseznamvareni li  a, #basicmenu ul#basicmenuseznamdoplnky li  a      {
	display:block;
	background: url(../images/orange-black-point.gif) no-repeat 10px -53px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 10px;
	}

#basicmenu ul#basicmenuseznamstan li a:hover, #basicmenu ul#basicmenuseznamstan li a.aktiv, #basicmenu ul#basicmenuseznamspacak li a:hover, #basicmenu ul#basicmenuseznamspacak li a.aktiv, #basicmenu ul#basicmenuseznamkarimatka li a.aktiv#basicmenu ul#basicmenuseznamobleceni li a:hover, #basicmenu ul#basicmenuseznamobleceni li a.aktiv,  #basicmenu ul#basicmenuseznamkarimatka li a.aktiv,  #basicmenu ul#basicmenuseznamvareni li a.aktiv, ,  #basicmenu ul#basicmenuseznamdoplnky li a.aktiv    {
	color: #ec6708;
	background: url(../images/orange-black-point.gif) no-repeat 10px -53px;
	}


/*	

#basicmenu ul li ul {margin-left:10px;
	margin-right: 0px;}
	
#basicmenu ul li ul li {margin-left:0px;
	margin-right: 0px;}
	
#basicmenu ul li ul li a{
	display:block;
	background: url(../images/orange-black-point.gif) no-repeat 0px -53px;
	font-size: 14px;
	font-weight: bold;
	color: #868686;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	}
	
#basicmenu ul li ul li a:hover, #basicmenu ul li ul li a.aktiv{
	color: #000000;
	background: url(../images/orange-black-point.gif) no-repeat 0px 7px;
	}

#basicmenu ul li a.aktiv, #basicmenu ul li ul li a.aktiv {
	cursor:default;}

#basicmenu ul li#pozice1{
	text-align: left;
	width: 256px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;}
	
#basicmenu ul li#pozice1 a { margin-left: 10px;}

#basicmenu ul li#pozice1 ul li a { margin-left: 5px;}

#basicmenu ul li#pozice1 ul {
	margin-left: 5px;
	margin-right: 0px;}

#basicmenu ul li#pozice2 	{
	text-align: center;
	text-align: left;
	width: 160px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;}

#basicmenu ul li#pozice2{
	text-align: left;
	width: 230px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;}
	
#basicmenu ul li#pozice2 a { margin-left: 10px;}

#basicmenu ul li#pozice2 ul li a { margin-left: 5px;}

#basicmenu ul li#pozice2 ul {
	margin-left: 5px;
	margin-right: 0px;}

#basicmenu ul li#pozice3 {
	text-align: left;
	width: 100px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;}
	
#basicmenu ul li#pozice4{
	text-align: left;
	width: 280px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;}
	
#basicmenu ul li#pozice4 a { margin-left: 10px;}

#basicmenu ul li#pozice4 ul li a { margin-left: 5px;}

#basicmenu ul li#pozice4 ul {
	margin-left: 5px;
	margin-right: 0px;}	

#basicmenu ul li#pozice5{
	margin-left: 10px;
	margin-right: 0px;
	padding-left: 0px;}
	
#basicmenu ul li a:hover, #basicmenu ul li a.aktiv{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#basicmenu ul li ul {margin-left:10px;
	margin-right: 0px;}
	
#basicmenu ul li ul li {margin-left:0px;
	margin-right: 0px;}
	
#basicmenu ul li ul li a{
	display:block;
	background: url(../images/orange-black-point.gif) no-repeat 0px -53px;
	font-size: 14px;
	font-weight: bold;
	color: #868686;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	}
	
#basicmenu ul li ul li a:hover, #basicmenu ul li ul li a.aktiv{
	color: #000000;
	background: url(../images/orange-black-point.gif) no-repeat 0px 7px;
	}

#basicmenu ul li a.aktiv, #basicmenu ul li ul li a.aktiv {
	cursor:default;}
*/		
/* HEAD FLASH ***************** */
#headindexflash {
	position:relative;
	display:block;
	height:384px;
	width: 960px;
	overflow: hidden;
	float:left;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	color: #8a8a8a;
	background-color: #ffffff ;
	text-decoration:none;
	background: url(../images/bg-headimage.jpg) no-repeat;}

/* #headindexflash span {
	display:block;
	height: 355px;
	width: 960px;
	position:absolute;
	left: 0px;
	top:0px;
	color: #000000;
	background: url(../images/bg-headimage.jpg) no-repeat;
}
*/
#contenthornimenu { 
	width: 960px; 
	float: left; 
	background-color: #FFFFFF; 
	margin-top: 395px; }

#headhornimenu {
	position:absolute;
	left: 0px;
	top:0px;
	overflow: hidden;
	height:395px;
	width: 960px;
	}
	
#headprodejny, #headmaterialy, #headpageonas, #headpagekontakt, #headpageaktuality, #headpageobjednat, #headpagepartneri {
	position:relative;
	display:block;
	height:252px;
	width: 960px;
	overflow: hidden;
	float:left;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	color: #8a8a8a;
	background-color: #ffffff ;
	text-decoration:none;
		}
		
#headprodejny span, #headmaterialy span, #headpageonas span, #headpagekontakt span, #headpageaktuality span, #headpageobjednat span, #headpagepartneri span    {
	display:block;
	height: 252px;
	width: 960px;
	position:absolute;
	left: 0px;
	top:0px;
	color: #000000;
	background: url(../images/head/hlavicka-prodejny.jpg) no-repeat;
}

#headprodejny span  {	background: url(../images/head/hlavicka-prodejny.jpg) no-repeat;}
		
#headmaterialy span {	background: url(../images/head/hlavicka-materialy.jpg) no-repeat;}
		
#headpageonas span {	background: url(../images/head/hlavicka-onas.jpg) no-repeat;}
		
#headpagekontakt span {	background: url(../images/head/hlavicka-kontakt.jpg) no-repeat;}

#headpageaktuality span {	background: url(../images/head/hlavicka-aktuality.jpg) no-repeat;}

#headpageobjednat span {	background: url(../images/head/hlavicka-objednat.jpg) no-repeat;}

#headpagepartneri span {	background: url(../images/head/hlavicka-partneri.jpg) no-repeat;}


/* CONTENT INDEX *************** */

#contentbg { /*background: url(../images/bg-contentindex2.jpg) no-repeat;*/
	width: 960px;
	height: 219px;
	margin-top: 0px;
	float: left;
	}

.column { width: 190px; float: left; margin-right: 15px;}

.column p {
	color: #98b1fc;
	margin-right: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px; }
	
.column ul { 
	color: #98b1fc;
	line-height: 16px;
	list-style-type: none;
}
.column ul a {
	color: #6F92FB;
	text-decoration:none;
}
.column ul a:hover {
	color: #C8D6FD;
}
.column li { padding-bottom: 4px; padding-left: 12px; background:  url(../images/orange-kostka.gif)  no-repeat 0px 6px; }
	
/* CONTENT PAGE *************** */	
#contentbasic { 
	width: 960px; 
	float: left; 
	background-color: #FFFFFF; 
	margin-top: 144px; }

/* PODSTRÁNKY */	
#content  #contentnewhead {
	color: #336699;
	font-size: 24px;
	margin: 10px 25px 15px;
} 


#content  #pageleftnew { width: 230px; float:left;} 
#content  #pageleftnew ul { list-style-type:none;}
#content  #pageleftnew ul li {
	background: url(../images/grey-square.gif) repeat-x left bottom;
	margin: 5px 20px 8px 25px;
	padding-bottom: 8px;
}
#content  #pageleftnew ul li a {
	display:block;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	background: url(../images/orange-arrow.gif) no-repeat 0px 3px;
	padding-left: 15px;
}
#content  #pageleftnew ul li a:hover { text-decoration: underline; }
#content  #pageleftnew ul li a.aktiv { color: #1f4583; }
#content  #pageleftnew ul li a.aktiv:hover {
	color: #1f4583;
	text-decoration: none;
	cursor: default;
}
#content  #pageleftnew {}	
#content  #pageleftboxnew {} 
#content  #pagerightnew { width: 730px; float:right;} 
#content  #pagerightboxnew {
	margin-right: 130px;
	text-align: justify;
} 	
#content  #pagerightboxnew h2 {
	font-size: 18px;
	color: #1f4583;
	margin-bottom: 15px;
}
	
#content  #pagerightboxnew h3 {
	font-size: 16px;
	color: #1f4583;
	margin-bottom: 8px;
	padding-bottom: 0px;
	}	
#content  #pagerightboxnew ul {
	list-style-type:none;
	margin-bottom: 30px;
	margin-left: 40px;
}	
#content  #pagerightboxnew ul li {
	margin-bottom: 5px;
	background: url(../images/point-logo-list.gif) no-repeat 0px 5px;
	padding-left: 20px;
}
	
#content  #pagerightboxnew ul li a {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}	
#content  #pagerightboxnew ul li a:hover {
	color: #333333;
	text-decoration: underline;
}	
#content  #pagerightboxnew {}	


/* zahranicni distr */
#content  #pagerightboxnew table.zahranicni {}

#content  #pagerightboxnew table.zahranicni tr {}

#content  #pagerightboxnew table.zahranicni tr td { vertical-align: top; }

#content  #pagerightboxnew table.zahranicni tr td h2 {
	color:#1f4583;
	margin: 0px 0px 5px;
	padding: 0px;
}

#content  #pagerightboxnew table.zahranicni {}



#content #fotoboxnew	 {
	float: right;
	width: 205px;
}

#mapa {
	float: right;
	margin-right: 20px;
}

#content #fotoboxnew	a img  {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}
/* *** stany *** */

#stany, #stanyextrem, #stanyrodinne, #stanyturisticke, #spacaky, #batohy, #obleceni, #karimatky, #vareni, #doplnky { 
	width:960px; 
	height:252px; 
	float:left; 
	color:#FFFFFF; 
	font-size:11px; 
	overflow:hidden}

#stany h1, #stanyextrem h1, #stanyrodinne h1, #stanyturisticke h1, #spacaky h1, #batohy h1, #obleceni h1, #karimatky h1, #vareni h1, #doplnky h1,  #eshop h1 {
	position:relative;
	display:block;
	height:252px;
	width: 320px;
	overflow: hidden;
	float:left;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	color: #8a8a8a;
	background-color: #ffffff ;
	}


#stany h1 span, #stanyextrem h1 span, #stanyrodinne h1 span, #stanyturisticke h1 span, #spacaky h1 span, #batohy h1 span, #obleceni h1 span, #karimatky h1 span, #vareni h1 span, #doplnky h1 span, #eshop h1 span {
	display:block;
	height: 252px;
	width: 320px;
	position:absolute;
	left: 0px;
	top:0px;
	}

#stany h1 span {background: url(../images/head/head-stany.jpg) no-repeat;}
#stanyextrem h1 span {background: url(../images/head/head-stany-extrem.jpg) no-repeat;}
#stanyrodinne h1 span {background: url(../images/head/head-stany-rodinne.jpg) no-repeat;}
#stanyturisticke h1 span {background: url(../images/head/head-stany-turisticke.jpg) no-repeat;}
#spacaky h1 span {background: url(../images/head/head-spacaky.jpg) no-repeat;}
#batohy h1 span {background: url(../images/head/head-batohy.jpg) no-repeat;}
#obleceni h1 span {background: url(../images/head/head-obleceni.jpg) no-repeat;}
#karimatky h1 span {background: url(../images/head/head-karimatky.jpg) no-repeat;}
#vareni h1 span {background: url(../images/head/head-vareni.jpg) no-repeat;}
#doplnky h1 span {background: url(../images/head/head-doplnky.jpg) no-repeat;}
#eshop h1 span {background: url(../images/head/head-eshop.jpg) no-repeat;}



#stany div, #stanyextrem div , #stanyrodinne div, #stanyturisticke div, #spacaky div, #batohy div, #obleceni div, #karimatky div, #vareni div,  #doplnky div, #eshop div{
	width:640px;
	float:left;
	height:252px;
	}
#stany div {background: url(../images/head/head-stany-text.jpg) no-repeat;}
#stanyextrem div {background: url(../images/head/head-stany-extrem-text.jpg) no-repeat;}
#stanyrodinne div {background: url(../images/head/head-stany-rodinne-text.jpg) no-repeat;}
#stanyturisticke div {background: url(../images/head/head-stany-turisticke-text.jpg) no-repeat;}
#spacaky div {background: url(../images/head/head-spacaky-text.jpg) no-repeat;}
#batohy div {background: url(../images/head/head-batohy-text.jpg) no-repeat;}
#obleceni div {background: url(../images/head/head-obleceni-text.jpg) no-repeat;}
#karimatky div {background: url(../images/head/head-karimatky-text.jpg) no-repeat;}
#vareni div {background: url(../images/head/head-vareni-text.jpg) no-repeat;}
#doplnky div {background: url(../images/head/head-doplnky-text.jpg) no-repeat;}
#eshop div {background: url(../images/head/head-eshop-text.jpg) no-repeat;}




#stanytext { width: 640px; float:left;}

#stanytext h2 { padding-top:155px; font-size:18px; color:#FFFFFF}
#stanytext h2.bat { padding-top:140px; font-size:18px; color:#FFFFFF}

#stanytext div.textbox {
	float:left;
	width:300px;
	background: url(none);	
}

#stanytext div.textbox p { margin-right:20px; color:# FFFFFF }

#collturisticke {
	background: url(../images/head/bg-stany-turisticke.jpg) repeat-y;
	width: 960px;
	float:left;
}
#collturisticke div#shadow {
	background: url(../images/head/bg-stany-turisticke-shadow.jpg) no-repeat;
	float: left;
	height: 20px;
	width: 960px;
}
#collturisticke div.block {
	float: left;
	width: 320px;
	color: #FFFFFF;
}
#collturisticke div.block h3{
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 18px;
}
#collturisticke div.block p {
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#collturisticke div.block {}
#collturisticke div.block {}
#collturisticke {}
#collturisticke {}
#collturisticke {}




#contentpage { width: 960px; float: left; background-color: #000000}

#contentpagebox { padding: 10px 25px; }

#contentpagebox h2 {
	font-size:20px;
	color:#1d5092;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
}

#contentpagebox h2.obleceninadpis { border-style: none; }

#contentpagebox h2 span { color:#666666; }

#contentpagebox h3 {
	font-size:18px;
	color:#666666;
	margin-bottom: 10px;
	margin-top: 10px;
}

#contentpagebox h3 span {
	font-size:16px;
	color:#666666;
}

#contentpagebox table img { float:left;
	position: relative;
	
	
	top: 5px;
}
#contentpagebox table td { text-align:left;}
#contentpagebox table th { text-align:left;}

/* ===== KARTA STAN  ===============*/ 

.kartastan {
	position:relative;
	width: 180px;
	float:left;
	text-align: center;
	}

.kartastan h3 {
	margin-right: 15px;
	margin-left: 15px;
}
.kartastan h3 a{
	font-size: 15px;
	color: #999999;
	text-decoration: none;
	background: url(../images/orange-arrow.gif) no-repeat 0px 5px;
	padding-left: 12px;
	}

.kartastan h3 a:hover{text-decoration: underline;}


.kartastan .kartadown {
	height: 25px;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}

/*pozice logo pro rozdělení oblečení */

.kartastan .obrheight {
	position:relative}
	
.kartastan .obrheight .oblecenilogo {
	position:absolute;
	left: 130px;
	top:10px;
	cursor:default;
}

.kartastan  div.akceimg {
	position:absolute;
	left: 10px;
	top:10px;
	cursor:default;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #df0303;
	padding: 2px 10px 2px 8px;
	text-align: left;
}

.kartastan .obrheight div.akceimg p{ }

/* ===== KARTA STAN  =============== */
#kartastannavleft {
	float: left;
	width: 450px;
	background: #FFFFFF;
}
#kartastannavleft p{
	color: #234e7b;
	margin-top: 5px;
	margin-left: 25px;
}
#kartastannavleft p a{
	color: #999999;
	text-decoration: underline;
}
#kartastannavleft p a:hover{
	color: #333333;
	text-decoration: none;
}
#kartastannavright {
	float: right;
	width: 510px;
	background: #FFFFFF;
}
#kartastannavright p{ margin-top: 5px; }

#kartastannavright p a{
	color: #FFFFFF;
	background: #666666;
	margin-right: 6px;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
	display: block;
	padding: 4px 10px;
	float: left;
}
#kartastannavright p a:hover{ color: #000000; }

#kartastanleft {
	float: left;
	width: 500px;
}
#kartastanleft h1{
	color:#1f4583;
	font-size: 24px;
	margin-left: 20px;
	float: left;
	margin-bottom: 20px;
}

#kartastanleft div.ico { float: right; }
#kartastanleft div.ico img { margin-left: 5px;  }

#kartastanleft a img{
	margin-bottom: 20px;
	margin-left: 20px;
	border-style: none;
}
#kartastanleft h2 {
	color:#1f4583;
	font-size:14px;
	margin-right: 20px;
	margin-left: 20px;
}
#kartastanleft {}
#kartastanleft {}
#kartastanright {
	float: right;
	width: 460px;
}
#kartastanright #tabdetailu{
	margin-top: 15px;
	color: #333333;
	
}

#kartastanright p {
	margin-right: 25px;
	margin-left: 20px;
}

#kartastanright #tabdetailu p{
	margin-bottom: 4px;
	padding-bottom: 2px;
	border-bottom: 1px solid #999999;
}
#kartastanright #tabdetailu p strong{ width: 180px; display:block; float:left }
#kartastanright p#cena {
	font-size: 25px;
	color: #af1f1e;
	margin-bottom: 5px;
	font-weight:bold;
	text-align: right;
}
#kartastanright p#doprava {
	font-size: 14px;
	color: #666666;
	text-align: right;
}
#kartastanright table { margin: 15px 25px 10px 20px; }
#kartastanright table a { color:#666666; }
#kartastanright table a:hover { color:#000000; }
#kartastanright table tr td {
	border-bottom: 1px solid #999999;
	vertical-align: top;
	padding-left: 5px;
}
#kartastanright h2 {
	padding-bottom: 1px;
	border-bottom: 1px solid #E4E4E4;
	font-size: 15px;
	color: #999999;
	margin: 10px 40px 10px 20px;
}	
#kartastanright img { margin-left: 20px; }	

#kartastanright tr td.cena {
	background: #666666;
	color: #FFFFFF;
	margin-right: 0px;
	padding: 4px 0px 4px 5px
}	

#kartastanright tr td.cena a {
	background: #1f4583 url(../images/kosik.gif) no-repeat right;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 15px;
	padding: 4px 20px 4px 15px;
	font-weight: bold;
}	

#kartastanright tr td.cena span  {
	background: #1f4583 /*url(../images/kosik.gif) no-repeat right*/;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 15px;
	padding: 4px 20px 4px 15px;
	font-weight: bold;
}	

#kartastanright tr td.cena a:hover {
	color: #333333;
	background: #cccccc url(../images/kosik.gif) no-repeat right;
}


#kartastanright tr td.akce {
	background: #df0303;
	color: #FFFFFF;
	margin-right: 0px;
	font-size: 16px;
	padding: 4px 5px;
	font-weight: bold;
	margin-left: 0px;
}	


/* df0303 */
#kartastanright tr td.akce p {
	margin: 0px;
	padding: 0px;
}

#kartastanright tr td.akce a {
	color: #FFFFFF;
	text-decoration: underline;
	margin-left: 0px;
	font-weight: bold;
}	
#kartastanright tr td.akce a:hover {
	color: #CCCCCC;
	text-decoration: none;
	}


#kartastanright {}	
	

/* FOOTER ***************** */

#footerindex {
	width: 960px;
	height: 170px;
	float: left;
	/*background: url(../images/bg-footerindex.jpg) no-repeat;
	margin-bottom: 20px;*/
	/*margin-top: 20px; */}

#footerindex  #footerindexup {
	position:relative;
	display:block;
	height:120px;
	width: 960px;
	overflow: hidden;
	float:left;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	color: #8a8a8a;
	background-color: #ffffff ;
	text-decoration:none;}

#footerindex  #footerindexup span {
	display:block;
	height: 120px;
	width: 960px;
	position:absolute;
	left: 0px;
	top:0px;
	color: #000000;
	background: url(../images/pos-footerup.jpg) no-repeat;
}

#footerindex  #footerindexdown {
	float:left;
	height: 50px;
	width: 960px;
	background: url(../images/bg-footerdown.jpg) no-repeat;
	}

#footerindex  #footerindexdown p, #footerindex  #footerindexdown p a {
	font-size: 14px;
	color: #D2E1FF;
	text-align: center;
	padding-top: 10px;
}
/*
#footerindex p.footerleft{
	 float: left;
	 width: 400px;}

#footerindex p.footerright {
	float: right;
	width: 400px;
	text-align: right;}

p.footerleft , p.footerright  {color: #9b9b9b;
	font-size: 13px;
	font-weight: bold;
	margin-top: 12px;}

p.footerleft { padding-left: 20px;}

p.footerright { padding-right: 20px;}
*/

#footerpage{
	position:relative;
	display:block;
	height:107px;
	width: 960px;
	overflow: hidden;
	float:left;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	color: #8a8a8a;
	background-color: #ffffff ;
	text-decoration:none;
		}
		
#footerpage span {
	display:block;
	height: 107px;
	width: 960px;
	position:absolute;
	left: 0px;
	top:0px;
	color: #000000;
	background: url(../images/bg-footerpage.jpg) no-repeat;
}



/* pomocme */
.cleaner {clear:both;}

hr { display:none;}

#print { display:none;}

/* GAO graficke studio c2008 *======******** */
/* -------------------===============******* */
/* ------------------===============******** */
/* ---------------=================********* */
/* ------------=====================******** */
/* ---------=========***GAO**=========****** */
/* --------===========*GAO**===========***** */
/* ---------===========****=============**** */
/* ----------=============================** */
/* ----------------------------------------- */
#prodejny { margin-left: 20px;}
p.kraj {
	font-size:16px;
	font-weight:bold;
	color:#1f4583;
	margin-top: 14px;
	padding-bottom: 2px;
	/*border-bottom: 1px solid #1f4583;*/
}
p.mesto { font-size:12px; font-weight:bold; color:#1f4583; margin-top: 7px; }
			
p.prodejna { font-weight:bold; margin-top: 3px;}

#pagematerialy h2 {
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 24px;
}

#pagematerialy div.material {
	margin-bottom: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DFDFDF;
}
#pagematerialy  h3 {
	font-size: 22px;
	color: #1f4583;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
	border-style: none;
}

#pagematerialy  div.material {
	text-align: justify;
	padding-left: 10px;
	padding-right:0px;
	}

#pagematerialy  div.material strong {
	font-size: 15px;
	color: #1f4583;}

#pagematerialy div.material .ico {
	float: left;
	width: 270px;
	margin-top: 5px;
}
#pagematerialy div.material .ico img {
	margin-right: 5px;
}

#pagematerialy div.material .ico p{
	
}
#pagematerialy {}


.kartastan {
	width: 180px;
	float:left;
	text-align: center;
	}

.kartastan h3 {
	margin-right: 15px;
	margin-left: 15px;
}
.kartastan h3 a{
	font-size: 15px;
	color: #999999;
	text-decoration: none;
	background: url(../images/orange-arrow.gif) no-repeat 0px 5px;
	padding-left: 12px;
	}

.kartastan h3 a:hover{text-decoration: underline;}


.kartastan .kartadown {
	height: 25px;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}

#varianty {
	margin-right: 15px;
	margin-left: 0px;
}

#varianty .batohyvyztuhy1 {
	float:left; }
	#varianty .batohyvyztuhy {
	float:left;}
#varianty h2 {
	font-size: 13px;
	color: #1f4583;
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom: 1px solid #1f4583;
}

#kartastanright #varianty .kartastan {
	width: 110px;
	float:left;
	text-align: center;
	}
 
#pagematerialy #varianty {margin-left: 25px;}

#pagematerialy #varianty .kartastan h3 { font-size:13px;}

#pagebg #page #pagematerialy #varianty {margin-left: 25px;}

#pagebg #page #pagematerialy #varianty h2 {
	margin-left: 0px;
	border-style: none;
	font-size: 20px;
}

#pagematerialy  a { color:#000000; font-weight:bold;}
#pagematerialy  a:hover {
	color:#1f4583;
}

.konstrukce {
	float: left; 
}

#kartastanright img.icospacak {
	float: left;
	margin: 0px;
	padding: 0px;
}
/* Stany pudorys lupa */
#stanpudorys {
	position:relative;}
	
#stanpudorys #lupa {
	position:absolute;
	left: 120px;
	top:140px;
	cursor:pointer;
	}
#stanpudorys {}

/* Porovnavaci tabulka */
#contentpagebox table {
	border-collapse:collapse;}
	
#contentpagebox table tr th {
	padding: 5px 10px 5px 5px;
	background: #C4D7FF;
}
#contentpagebox table tr th a { color: #1f4583; }

#contentpagebox table tr th a:visited { color: #1f4583; }
#contentpagebox table tr th a:hover { color: #1f4583; }

#contentpagebox table tr {}

#contentpagebox table tr td { padding: 8px 15px 8px 5px; }

#contentpagebox table tr td a {
	font-size: 13px;
	font-weight: bold;
	color: #1f4583;
	text-decoration: none;
}

#contentpagebox table tr td a:hover { text-decoration: underline; }
#contentpagebox table tr.grey { background: #EBEBEB; }

.fright { float:right; margin-left: 50px; margin-right: 90px; }
.fright2 { float:right; margin-left: 15px; margin-right: 10px; }
.fleft { float:left; margin-right: 100px; }

/* stránkovani */
.strankovani p {
	font-size: 13px;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 10px;
}
.strankovani p a {
	color: #3366CC;
	text-decoration: underline;
	font-weight: bold;
}
.strankovani p a:hover {
	color: #000000;
	text-decoration: none;
}

p.zpet { margin-top:20px;}

p.zpet a {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

p.zpet a:hover  {
	color: #000000;
	text-decoration: underline;
}

#banner-l { width:192; float:left; margin-bottom: 25px;}
#banner-p { width:192; float:right; margin-bottom: 25px;}
#banner-akce p { text-align:center;}
#banner-akce a { color:#FFF; text-decoration:none;}
#banner-akce a:hover { color:#CCC;}

#facebook {
	text-align: right;
	padding-top: 5px;
	}

#obchody img { margin-left: 40px; 	
}

/* hover nápověda */
.barvyhover
{
	/*float: left;
	margin-right: 15px;	width: 100px;text-align: justify;*/
}

/*#contentbox .barvyhover p 
{
	font-size: 11px;
	margin-top: 3px;
	text-align: center;
	font-weight: bold;
}*/

#kartastanright a.barvyhover
{
	/*text-decoration: underline;*/
	border:none;
	display:block;
	margin: 0px;
	padding: 0px;	
	/*height:60px;
	width:100px;*/
	
}

#kartastanright a.barvyhover img
{
	border:none;
	margin: 0px;
	padding: 0px;
}

#kartastanright a.barvyhover:hover
{
	/*background: #FFCC00;*/
	text-decoration: none;
}

#kartastanright a.barvyhover span
{ display: block;
position: relative;
z-index:2;
}

#kartastanright a.barvyhover span span
{
	display: block;
	position: absolute;
	visibility: hidden;
	top: 40px;
	left: -50px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	z-index:2;
	/*cursor:default;*/
}

/*a.barvyhover span span p 
{
	font-size: 15px;
	font-weight: normal;
	background: #FFFFFF;	
}*/

#kartastanright a.barvyhover:hover span span
{
visibility: visible;
}