*{
font-size:12px;
font-family: "Verdana","Tahoma",serif;
}
html,body{
width: 100%;
height: 100%;
margin:0px;
padding:0px;
}
body{
background:#6CA7FF url(img/body_tlo.png) repeat-x top center;
}
ul{
padding:0px;
margin:0px;
}
li{
padding:0px;
margin:0px;
list-style: none;
}
a{
outline: none;
text-decoration: none;
color:#3a3a3a;
}

a img{
border: 0px solid blue;
}
a:hover{
text-decoration: underline;
color:blue;
}


/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
.loadImg {
  background: url(../image/spinner.gif) no-repeat center center;
  width:147px;
  height: 156px;
}
.loadImgBig {
  background: url(../image/spinner.gif) no-repeat center center;
  width:500px;
  height: 500px;
}

.template{
	float:left;
	border:1px solid #fe9900;
	width:160px;
	margin:10px;
	color:#333;
	font-family: Verdana,serif;
	font-size:10px;
	height: 330px;
	background-color: #fe9900;
	color:white;
	font-weight: 600;
	
	
}
.template .download{
margin-bottom:10px;
}

.template .linki{
padding-top:5px;
margin:0px;
height: 20px;

}
.template p.linki a{
color:#fff;
}
.template p.linki{
color:#FE9900;
}
.template a:hover{
color:white;
}
.template a{

color:#660000;
}
.template *{
font-size:10px;
}
.template .cena{
border-top:1px solid white;
padding-top:10px;
padding-bottom:2px;
margin:0px;
margin:3px 0 0 3px;
width: 154px;


}
.template a{
	text-decoration: none;
	border:0px solid red;
	
}
.template img{
border:0px solid red;
}
.template p a{
	margin-left: 10px;
}
.template p b{
	margin-left: 10px;
}
.template p.linki a{
	margin-left: 2px;
	margin-right: 2px;
}

.template p{
	border:0px solid yellow;
	width:100%;
	margin:0px;
	margin-top:3px;
	margin-left:3px;
}
.template p.cena a{
	width:100%;
	border:1px solid green;
	text-align: right;
}

p.linki{
	text-align: center;
	background-color:#6CA7FF;
	margin-left: 0px;
	margin-right: 0px;
}
p.linki a{
	text-align: center;
	font-size:9px;
}
.template .imgTemplate img{
	width: 147px;
	margin:auto;
}
.templateDivImg{
	vertical-align: bottom;
	height: 160px;
	background-color:#fff;

}
.template .imgTemplate{
	text-align:center;
	display:block;
	background-color: #fff;
	
}


#iframeDiv, #iframeI{
width:100%;
height:100%;
}
.offset{
text-align: center;
clear:both;
}
.offset a{
margin:10px;


}
.offsetMenuClass{
padding-top:10px;
padding-bottom:10px;
}

.selectedOffset{
color:black;
text-decoration: underline;
font-weight: 500;

}
.selectedMenuLeft,.selectedMenuTop a,.selectedMenuMain{
color:red;

}
.selectedMenuMain{
background:transparent url(img/menu/tlo_zakladka.gif) no-repeat top center;
}

#content{
float:left;
background:white url(img/tlo_content_top.jpg) repeat-x top center;
}
#divMenuTop{
	border:0px solid black;
	
	width: 990px;
	float:left;
}

#divMenuTop p{

float:left;
cursor:pointer;
text-align:center;
padding-top:20px;
width:100px;
height:42px;
display:block;
color:#660000;
font-weight:600;
margin:0px;

background:transparent url(img/menu/tlo_zakladka_2.gif) no-repeat bottom center;

}
#divMenuTop p.divMenuTopSelected{
background:transparent url(img/menu/tlo_zakladka_2_select.gif) no-repeat bottom center;
}
#divMenuTop p.divMenuTopHover{
background:transparent url(img/menu/tlo_zakladka_2_select.gif) no-repeat bottom center;
}


.mainContent{
border:0px solid red;
width:990px;
margin:0px auto 0px auto;

}
.baner{
border:0px solid yellow;
height:150px;
}
#topMenu p,#topMenu a{
cursor:pointer;
float:left;

}
#topMenu p{
font-size: 16px;
}
.menuTop{

border:0px solid red;
float:left;
height:111px;



}
.menuTop a{
heigh:70px;
top:-10px;
z-index:1200;
position:relative;
text-align:center;
display: block;
width: 190px;
line-height: 70px;
color: white;
font-weight: 400;
}
.menuTop div{

top:-30px;
position:relative;	
margin-left:auto;
text-align:center;
padding:auto auto;
background:white url(img/menu/tlo_podmenu.png) repeat-y top center;
height:70px;
}
.menuTop div a{
position:static;
color:black;
width: auto;
line-height: normal;
padding: 20px;
}

.contentLeft{
border:0px solid black;
float:left;
width: 740px;
min-height: 400px;
}
.displayCount{
border:0px solid gray;
width: 250px;
}
.contentRight{
border:0px solid black;
float:left;
width: 250px;
min-height: 400px;
}
.footer{

float:left;
border:0px solid blue;
clear:both;
width: 100%;

background:white url(img/tlo_content_bottom.jpg) repeat-x bottom center;

}
.footer div{
	font-size:9px;
	margin-left:10px;
	margin-right:10px;
	text-align: center;
	color:#000;
	margin-top:5px;
}
.footer a{

margin:3px;
font-size:9px;
color:#660000;
}
#GroupMenuDown{
margin-left:10px;
margin-right:10px;
padding-top:20px;
font-size:9px;
text-align: left;

}
.footer div.stopkaBeelaud{
	font-size: 14px;
	margin-bottom:10px;
	

}
.footer div.stopkaBeelaud a{
font-size: 14px;
color:#fff;
}
.logoIMG{
	margin-top:36px;
	margin-left:20px;
}
.searchTop *{
font-size:10px;
}
.searchTop {

border-bottom:1px solid #cccccc;
float:left;
height:200px;
margin-bottom:10px;
width: 710px;
margin-top:20px;
margin-left:10px;
background:transparent url(img/menu/tlo_header_dlugie.gif) no-repeat top left;
}
.searchTop p {
font-size:12px;
margin:0px;
padding:7px;
color:#660000;
font-weight: 600;
}
.searchTop table{
border: 0px solid gray;
border-left:1px solid #fdc800;
border-right:1px solid #fdc800;
border-bottom:1px solid #fdc800;
width: 100%;
background:white url(img/tlo_content_top.jpg) repeat-x top center;
}
.searchTop table td{
vertical-align: top;
padding-top:10px;
}
.searchTop table table,.searchTop table table td{
border:0px solid red;
background:transparent;
}
.searchTop table table td div{
border: 1px solid gray;
width:150px;
cursor: pointer;
}

#topMenu div{
width:990px;
display:block;
float:left;
border:0px solid purple;
}

#searchProductsDiv,#searchCategoriesDiv,#searchStylesDiv{
font-size:9px;
font-family: Verdana,serif;
position: absolute;
clear:both;
width: 570px;
height: 500px;
background-color: #FAD853;
border:2px solid #FDC800;
display: block;
z-index: 1200px;
float:left;
}
#searchCategoriesDiv{
width: 800px;
height: 600px;

}
#searchProductsDiv ul li{
margin-bottom:10px;
font-weight: bolder;
color:#660000;
}
#searchProductsDiv ul,#searchCategoriesDiv ul,#searchStylesDiv ul{
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
border: 0px solid red;
width: 250px;
float:left;
}
#searchCategoriesDiv ul li input{
margin:0px;
padding:0px;
margin-right:5px;
}
#searchCategoriesDiv ul li{
	vertical-align:middle;
	margin-top:3px;
	margin-bottom:3px;
}
#searchCategoriesDiv ul{
	width: 175px;
}
#searchProductsDiv ul li ul{
	margin-top:0px;
	clear: both;
	width: 240px;
}
#searchProductsDiv ul li ul li{
	margin-top:5px;
	font-weight: normal;
	height: 10px;
	color:#000;

}
#buttonSearch{
	border:0px solid red;
	background:transparent url(img/button_search.jpg) no-repeat top left;
	height: 30px;
	padding-top:5px;
	padding-left:40px;

}
.getLink{
	margin-top:20px;
	
	background:transparent url(img/tlo_header_krotkie.gif) no-repeat top left;

	width: 240px;
}
.getLink p{
	margin:0px;
	padding:7px;
	color:#660000;
	font-weight: 600;
}
.getLink input{
	display:none;
	width: 180px;
}
.getLink div{
	text-align:center;
	padding-top:20px;
	padding:10px;
	border: 0px solid gray;
	border-left:1px solid #fdc800;
	border-right:1px solid #fdc800;
	border-bottom:1px solid #fdc800;
	height: 30px;
	background:white url(img/tlo_content_top.jpg) repeat-x top center;

}
#categoriesMenu li{
	padding-left:10px;
	background:transparent url(img/strzalka.gif) no-repeat 0px 5px;

}
#categoriesMenu{
	text-align:left;
	height: auto;
}

#divPages{
	border:1px solid green;
	width: 990px;

}

.pagesPreview{
clear:both;
display:none;
border:0px solid red;
background:white url(img/tlo_content_top.jpg) repeat-x top center;

}
.pagesPreview p{
float:left;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
color:#660000;
font-weight:600;
}
.pagesPreview img{
clear:both;
display:block;
}
#PreviewTableInfo img {
margin-left:10px;
margin-right:10px;
display:inline;
vertical-align:middle;
}
.cart a:hover{
text-decoration: none;
}
.tablePage{
	width: 500px;

}
#PreviewTableInfo{
	font-size:12px;
	font-family: Verdana,serif;
}
#PreviewTableInfo div b{
	margin-right:10px;
}
#PreviewTableInfo div a{
	color:#660000;
	margin-right:10px;
}
#PreviewTableInfo div{
	margin-top:10px;
	width:480px;
	display:block;
}
#loading{
	display:none;
	z-index:3000;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:white url(img/loading_wh.gif) no-repeat center 0px;
}
#displayTemplate{
	min-height: 1100px;
}
#banerGoogle{
	width: 728px;
	height: 90px;
	border:0px  solid red;
	float:right;
	margin-top:25px;
}
#bigTemplate{
	background:white url(img/loading_wh.gif) no-repeat center 0px;
	z-index:1300;
	display:none;
	position: absolute;
	background-color: white;
	border:1px solid #FDC800;
}
#bigTemplate img{
	margin: 10px;
}
#bigTemplate p{
	margin-left: 10px;
	font-size:12px;
	color:#660000;
}
.searchTop table table td div.SearchMenu{
	float:left;
	width: 100%;
	border:0px solid red;
	border-bottom: 1px solid #660000;
	margin: auto;
}
.searchTop table table td div.SearchMenu p{
	
	text-align:center;
	vertical-align:middle;
	font-size:9px;
	float:left;
	height:30px;
	width:100px;
	margin:5px;
	background:transparent url(img/button_search2.gif) no-repeat top left;
	padding:0px;
	padding-top:5px;
	margin-bottom: 0px;
}
.menuTop div p.selectedMenuTop a{
	font-weight: 700;
	text-decoration: underline;
}
#selectLan{
margin-top:10px;
}
.tdRight{
padding-top:20px;
vertical-align: top;
}

#divProductsSelect,#divCategorySelect,#divStyleSelect{
height: 15px;
width: 150px;
cursor: pointer;
}
#tagsWWW{
color:black;
float:left;
font-size:9px;
}
#tagsWWW a{
color:black;
font-size:9px;
}
