/* stylopis na HP */

@import url('common.css');

body{ background-color: #F0F8FA;}

#main{ width: 912px; position: relative; margin: auto; height: 500px; background-color: White;}

#head{ position: absolute; top: 0px; left: 0px; width: 912px; height: 135px;background-color: White;}

#head-in{margin-right: 10px; margin-left: 10px; border-bottom: 1px solid #4D9EB3;}

#content{top: 135px; left:0px; position: absolute; width: 912px;background-color: White;}

#content-in{padding-right: 10px; padding-left: 10px; margin-top: 10px; }

#content2{float:left ; width: 689px; margin-top: 5px;background-color: White;}

#conmenu{float: left; width: 223px;background-color: White;}

#conmenu-in{ padding-right: 6px;}

#HPLogo span { 
	display:none;
}


#conbaner{ float:right; width: 203px;margin-top: 5px; text-align: left;background-color: White; }

#conbaner-in{ padding-left: 6px;}

#constred{float: right; width: 466px; text-align: left;background-color: White; }

#constred-in{ padding-left: 7px; padding-right: 6px;}
#lista { position: absolute; left: 10px; top: 14px; width: 892px; display:none; }

#lista img{ float: left;}

#lista p{ float: right; font-size: 9px; width: 345px; color: #676767; margin-top: -2px;

font-weight: normal;}

#lista p a{color: #FF4F09;padding-left: 14px;margin-left: 14px;border-left: 1px solid #676767;}

#lista p a:visited{color: #FF4F09;}

#lista p a:hover{color: #FF4F09;}

#lista p span{ margin-left: 12px;}

a.logote{ display: block; position: absolute; z-index: 1000; left: 10px; top: 1px;}

.pob,.poz,.nam,.las{ float: left;width: 218px; text-align: left; border-bottom: 1px solid #C7C7C7; margin-bottom: 5px; margin-left: 3px; }
.plav,.golf{ float: left; width: 203px; text-align: left; border-bottom: 1px solid #C7C7C7; margin-bottom: 5px; margin-left: -1px;}
.poz,.las{ margin-left: 13px;}

.pob{color:#DE2260 ;}

.poz{color:#8AA628 ;}

.plav{color:#FF5800 ;}

.nam{color:#4D9DB5 ;}

.las{color:#F1260A ;}

.golf{color:#5CAC0D ;}
.pob h2,.poz h2,.nam h2, .las h2{ width: 218px; color: white; line-height: 20px; font-size: 12px;text-align: left; margin-bottom: 3px; }


#conbaner .golf h2, #conbaner .plav h2{ margin: 0px; font-size: 12px; width: 203px;line-height: 20px;  margin-bottom: 3px; }
.pob h2{background-color:#DE2260 ;color: white;}
.pob h2 a,.pob h2 a:hover,.pob h2 a:visited{background-color:#DE2260;color: white; margin-left: 10px;}

.poz h2{background-color:#8AA628 ;color: white;}

.poz h2 a,.poz h2 a:hover,.poz h2 a:visited{background-color:#8AA628;color: white; margin-left: 10px;}

.plav h2{background-color:#FF5800 ;color: white;}

.plav h2 a,.plav h2 a:hover,.plav h2 a:visited{background-color:#FF5800;color: white; margin-left: 10px;}

.nam h2{background-color:#4D9DB5;color: white;}

.nam h2 a,.nam h2 a:hover,.nam h2 a:visited{background-color:#4D9DB5;color: white; margin-left: 10px;}

.las h2{background-color:#F1260A ;color: white;}

.las h2 a,.las h2 a:hover,.las h2 a:visited{background-color:#F1260A;color: white; margin-left: 10px;}

.golf h2{background-color:#5CAC0D ;color: white;}

.golf h2 a,.golf h2 a:hover,.golf h2 a:visited{background-color:#5CAC0D;color: white; margin-left: 10px;}

.pob p,.poz p,.nam p,.las p, .golf p, .plav p{font-size: 11px; padding-bottom: 4px; width: 170px;}
.golf p, .plav p{width: 155px;}

.pob img,.poz img,.nam img,.las img, .golf img, .plav img{ display: block;}
#conbaner .golf img, #conbaner .plav img{margin: 0px;}
#constred .naposlednichvili{ float: left; margin-right: 5px;}

#constred h2.hh{ font-size: 18px;color: #FF4E15; margin-top: -2px; font-weight: bold; line-height: 28px;}
#constred h2.hh a,#constred h2.hh a:hover,#constred h2.hh a:visited{color: #FF4E15;}

#constred table{ border-bottom: 1px solid #BFDAE5;border-top: 1px solid #BFDAE5; font-size: 11px; font-weight: lighter;

color:#4CA0AB; margin-top: 6px; width: 453px;}

#constred table tr{ background-color: White;width: 453px; }

#constred table tr.lichy{ background-color: #F0F8FA;}

#constred table tr td{height: 29px;color:#4CA0AB}

#constred table th{ text-align: center; line-height: 12px;}

#constred table tr.lichy td{ height: 27px;}

#constred table a{ text-decoration: underline; font-weight: bold;}

#constred table a:hover,#constred table a:visited{}

td.td3 a,td.td3 a:hover,td.td3 a:visited{color: #FF4E15;}

.objednattd a,.objednattd a:hover,.objednattd a:visited{color:#4CA0AB;}

.td1{ width: 85px; text-align: left;}

.td2{ width: 25px; text-align: center;}

.td3{ width: 250px; text-align: left;  font-size: 11px;}

.td4{ width: 45px; text-align: center; text-decoration: line-through;}

.td5{ width: 45px; text-align: center;color: #FF4E15;}

.td5 strong{color: #FF4E15;}

.term{white-space: nowrap;}

.td6{ text-align: center;}

a.kompl{color: #4CA0AB;font-size: 9px}

#constred .napoveda { float: right;}

#constred .napoveda input{ margin-bottom: 4px; _margin-bottom: 1px;}

#constred .napoveda img{}

#constred .napoveda span{ color: #509AB3; font-size: 14px; padding-left: 5px; line-height: 16px;}

#conmenu h2 { color: #509AB3;font-size: 18px; margin-top: -2px; text-align: left; font-weight: normal; }

#conmenu #vyhledavani img {}

#conmenu #vyhledavani h2 { color: #509AB3;font-size: 18px; margin-top: -2px; text-align: left; font-weight: normal; }

#conmenu #vyhledavani form{ margin-top: 5px; font-weight: bold; margin-bottom: 10px;}

#conmenu #vyhledavani form fieldset{border:1px solid #CEE6E6; background-color: #F0F8FA; padding-left: 10px; padding-right: 8px;

padding-bottom: 19px; padding-top: 15px; }

#conmenu #vyhledavani form select{ 
	border:1px solid #ABD1DD; 
	width:100%; 
	margin-bottom: 5px; 
	margin-top: 2px;
}

#conmenu #vyhledavani form ul{margin:0px;padding:0px;border:0px;width:100%;}

#conmenu #vyhledavani form ul li{clear:both;margin:0px;padding:0px;list-style:none;color: #509AB3; font-size: 11px; line-height: 14px;

text-align: left;}

#conmenu #vyhledavani form button{ background-color: #FD4E0B; color: white; width: 80px; height: 25px; margin-top: 14px;}

#conmenu #vyhledavani form fieldset a{ font-size: 11px;color: #509AB3;margin-top: 16px;}

#conmenu #euro_info { margin-bottom: 15px; }
#conmenu #euro_info p{ font-size: 11px; text-align: justify; width: 170px; margin-left: 40px; }
#conmenu #euro_info img { margin-top: 23px; margin-right: 5px; }
#conmenu #euro_info #exchange_rate{ font-weight: bold;}

/*

#conmenu .novinky{ text-align: left;}

#conmenu .novinky img{ margin-right: 8px;}

#conmenu .novinky h2{ font-weight: bold; font-size: 18px;color:#AAA979; margin-left: 16px; }

*/

.novinky{ margin-bottom: 5px;}

.novinka{ text-align: left; padding-bottom: 6px; padding-top: 8px; border-bottom: 1px solid #EAE6C9; clear: both;}

.novinka img{ float: left; margin-right: 4px;}

.novinka h3, #conmenu p a{color:#4EA0B5; font-size: 11px;}

.novinka h3 a,#conmenu .novinka h3 a:visited,#conmenu .novinka h3 a:hover{color:#4EA0B5; font-size: 11px;}

.novinka p{font-size: 11px; color: #464646; font-weight: lighter; }





#catalog h2{ font-weight: bold;color: #FF4E15;}

.catalog h2{ font-weight: bold;color: #509AB3}

#catalog .katalogy,.catalog .katalogy{ background-color: #FBFAE8; color: #464646; font-weight: normal; font-size: 12px; margin-top: 3px;
padding-bottom: 3px; margin-bottom: 10px;border: 1px solid #EBEBCF;}
.catalog .katalogy{background: url(../img/katalogy.jpg) no-repeat top right;	background-color: #FBFAE8; height: 61px;}
#catalog .katalogy p{margin-bottom: 5px;}

.katalogy h3{ margin: 5px 0 0 0px; padding: 0px; text-align: left; padding-left: 20px;}
.katalogy ul{list-style-image: url(../img/katalogLi.jpg);text-align: left;padding-left: 20px;padding-top: 0px;}
.catalog .katalogy ul{list-style-image: url(../img/katalogLi.jpg);text-align: left;padding-left: 20px;padding-top: 7px;}

/*pridal honza pro opravu spatne ikonky obrazku katalogu */

.catalog .katalogy img{margin-top: -25px; margin-left: 5px;}
.katalogy ul li{}

.katalogy ul li a{ font-size: 11px;color:#FA5110; font-weight: bold; margin-bottom: 3px; line-height: 24px;}
.katalogy ul li a.zrudnou{color: #D20505;}
.katalogy .konectisku{margin-top: 15px;}

#catalog .katalogy img{font-size: 17px;float: left; margin-right: 8px; margin-top: 8px;}

.aktual{border:1px solid #EBEBCF; background-color: #FBFAE8; margin-top: 10px; text-align: left; margin-bottom: 10px;}

.aktual a{ color:#FD4E00; font-size: 12px; display: block;}

.aktual a:hover,#conmenu .aktual a:visited{ color:#FD4E00;}

.aktual img{ margin-top: 14px; margin-left: 10px; margin-right: 9px;}

#newsLetter .emaill{background-color: #FBFAE8; color:#4E4B46;margin-top: 3px;border: 1px solid #EBEBCF;

margin-bottom: 10px; padding-left: 15px; text-align: left; padding-bottom: 5px;}

#newsLetter .emaill input#email{border:1px solid #D4D5A9; width: 130px; float: left; margin-top: 3px;}

#newsLetter .emaill label{color:#C1BA83; font-size: 12px; font-weight: bold;}

#newsLetter .emaill button{ width: 30px; height: 22px; float: right; background-color:#FA5110; color: White;

font-size: 12px; margin-right: 15px;}

#newsLetter .emaill p{font-size: 11px; font-weight: lighter; margin-top: 5px;}

#conbaner  img{margin-right: 8px;}

#conbaner  h2{font-size: 18px; margin-top: -2px;
	color: #FF4E15;  /* puvodni=#509AB3; oranzova = aktualni divn zelen=#8AA628*/
   
	margin-left: 16px; font-weight: bold;
}

#conbaner .zapoznanim{ margin-top: 3px; color: #333333; text-align:center;}



#conbaner .zapoznanim h3{ 

	text-align:center;

	}

.zapoznanimInner { 

	text-align:left;

}	

#conbaner .zapoznanim a{ margin-top: 5px;color:#FF4E15; /*color:#509AB3;*/ font-size: 12px; font-weight: bold; }

#conbaner .zapoznanim a:hover,#conbaner .zapoznanim a:visited{color:#FF4E15; /*color:#509AB3;*/}

#conbaner .zapoznanim .datum{font-size: 12px; margin-top: 5px;}

#conbaner .zapoznanim .cena{font-size: 12px; margin-top: 5px; padding-right: 20px;}

#conbaner .zapoznanim .text{ border-bottom: 1px solid #313131;font-size: 11px; padding-bottom: 10px;

margin-bottom: 10px; margin-top: 5px; clear: both;}

#conbaner .zapoznanim  img{ display: block; margin: 0px auto; float: none;}

.napoveda { font-size: 9px;}

.napoveda input,.napoveda label{ margin: 0px; padding: 0px;color:#4CA0AB;}

#bAdresa{text-align: left; margin-bottom: 3px;}

#bAdresa p{ color: Black; font-size: 12px; padding-left: 10px;}

#printAnchor a{ 
	_top:5px;
}


div .zapoznanim .priceLabelOut { 
	position:absolute;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 90px;
	left: 810px;
}


.zapoznanim .priceLabel { 
	position:relative;
	top: -65px;
}

/* Sample 2*/

#bannerWrapper {
    background-color: #f1f1f1;
    width:215px;
    font-family: arial, 'lucida console', sans-serif;
    overflow: hidden;
    border: 1px solid #ddd;
    border-bottom:0px;
   
}
#bannerWrapper a{
	cursor: pointer;
}


.hide {
	position: absolute;
	left: -4000px;
	top:-4000px;
	
}
.qslide1{
}
#qscroller1 {
    width: 215px;
    height: 260px;
	background: #fff;
	overflow: hidden;
}
#bannerButtons {
	color: #000;
	font-size: 14px;
	width: 215px;
	text-align: center;
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	padding: 5px 0;
	margin-bottom:10px;
	height:18px;
	line-height: 18px;
}

#bannerButtons div {
	cursor: pointer;
	color:#4d9db5;
    font-size: 12px;	
    height:18px;
    line-height: 18px;
    width:97px;
    float:left;
    display:inline;
}
#bannerButtons #bannerSpace{
	width:20px;	
}
#bannerButtons #buttonR{
	float:right;
	margin-right:5px;
}
#bannerButtons #buttonL{
	float:left;	
	margin-left:5px;
}

/* banner content */
.bannerNadpis,.bannerNadpis2 {
    font-size: 19px;
    width: 195px;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 4px;
    background-image: url(../img/dynbanner/arrow.gif);
    background-repeat: no-repeat;
    color: #fd4e0b;
    font-weight: bold;
    float: left;
    margin-left:10px;
    margin-top:10px;
    _margin-left:5px;
    _margin-top:5px;
}

.bannerNadpis a{
    color: #fd4e0b;
    text-decoration: none;
}
.bannerNadpis2 a {
	text-decoration: none;
}

.bannerNadpis2 {
	color: #509abc;
	font-size: 18px;
}

.bannerZlava {
	font-size: 17px;
	width: 215px;
	text-align: center;
	color: #fd4e0b;
	margin-bottom: 9px;
}

.bannerImg {
    position:absolute;
    top:0px;
    left:0px;
    z-index:10px;
}
.bannerTopBg{
	position:absolute;
    top:0px;
    left:0px;
    z-index:20px;	
    width:215px;
    color: #fff;
}
.bannerTopBg .bannerTitle{
    float:left;
    font-size: 24px;
    margin-left:10px;
    margin-top:10px;
    width:210px;
    text-align: left;
    
}
.bannerTopBg .bannerDodatok{
    float:left;
    margin-left:10px;
    margin-top:5px;	
    font-size:14px;
}
.bannerTopBg .bannerDatum{
    float:right;
    margin-top:5px;
    margin-right:10px;
    font-size:14px;
}
.bannerCena{
    position:absolute;
    top:230px;
    right:10px;
    z-index:30px;	
    font-size:18px;
}
.bannerFotogalerie {
	margin-top: 5px;
}

.bannerKontakt {
	width: 217px;
	margin-bottom: 5px;
	font-size: 12px;
	float: left;
}

.bannerKontaktText {
	width: 140px;
	float: right;
}

.bannerKontaktLine {
	margin-bottom: 0px;
}

.bannerMoreContact {
	float: left;
	text-align: right;
	width: 185px;
	font-size: 12px;
}

.bannerOperator {
	float: left;
	margin-bottom: 10px;
}

.bannerCatalogBg {
	background: url(../img/dynbanner/katalogy.jpg) no-repeat top right;
}

.bannerCatalogItem {
	background-color: #FBFAE8;
	color: #464646;
	font-size: 12px;
	line-height:20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border: 1px solid #EBEBCF;
	border-left:0px;
	border-right:0px;
	float: left;
	width: 215px;
	text-align: left;
	position: relative;
}

.bannerCatalogItem img{
	position:absolute;	
	top:-30px;
	left:110px;
}

.bannerCatalogItem a {
	font-size: 11px;
	color: #FA5110;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 24px;
	margin-left: 10px;
}

.katalogicon {
	position: absolute;
	right: 55px;
	top: -30px;
}

.bannerTopSpace {
	margin-top: 10px;
}

.bannerNewsText {
	margin: 5px;
}

.bannerCatalogItem input {
	width: 155px;
	border: 1px solid #EBEBCF;
	margin-left: 10px;
}

.bannerCatalogItem button {
	width: 30px;
	margin-left: 10px;
	background-color: #fd4e0b;
}
#banner{
  position: absolute;
  margin-top: 5px;
	margin-left: -8px;
}