
*{
	margin:0px;
	padding:0px;
}
body{
	
  font-family: Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-align:center;
	color:black;

	margin: 0 0 0 0;
	padding-left: 0px;
	background: url(../img/bg-body.jpg) repeat-x #061b30;
	
	
  /*background-color:#003366;*/
}




table{
	border-collapse:collapse;

}

td, th{
padding:3px;
border:1px solid #1A3752;
}





a {
text-decoration:none; 
color:#4986C5;
  font-weight: bold;
}

a:hover {
 color:#00152B;
 text-decoration:underline; 
}

#page {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:1000px;
	background: url(../img/bg.gif) repeat-y;

	
}

.cleaner,.cleanerbg
{clear:both;
	height:1px;
		font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

.cleanerbg
{
	background:#003366;
}
.wrapper{
	padding:0px;
	margin:0px;
}

.message{
font-weight:bold;
font-size:1.1em;
color:#F00;
	margin:5px 10px 5px 0;
	padding:20px;
}

.leftcolumn {
width:49%;
	float:left;
}

.rightcolumn {
width:49%;
	float:right;
}


/*header*/
#header{

  width: 1000px;
  height: 290px;
  float: left;
  background:  url(../img/top-bg.jpg);
  background-repeat: no-repeat;

}

#header a.logo {
  display: block;
  float: left;
  width: 840px;
  height: 255px;
  color: white;
  text-align: left;
  text-decoration: none;
  padding: 10px 0 0 570px;
  font-size: 180%;
  font-weight: bold;
  border:none;
  
}


#header a.logo:hover {
text-decoration: none;
}

#header a.logo:active {
text-decoration: none;
border:none;
}

#header a img {
  display: none;
}

#topmenu {
  float: left;
  width: 1000px;
  height: 50px;
  
}
#topmenu ul {
  float: right;
  display: block;
  list-style-type: none;
  width: 510px;
  height: 50px;
  padding: 0;
  margin: 0;
  
}
#topmenu ul li {
  display: block;
  float: left;

}
#topmenu ul li a {
  width: 78px;
  height: 20px;
  padding: 5px 0 0 45px;
  color: white;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
  font-size:0.9em;
  
}

#topmenu ul li a:hover {
  color: #C4C480;
  
  
}


#leftbox {
float: left;
width: 204px;
}

#leftmenu{
  padding:0;
  margin:0;
  float: left;
}

#leftmenu .panel {
  float: left;
  padding: 0px 14px 0px 15px;
  width: 175px;
  margin: 25px 0 10px 0;
}

#leftmenu .header {
background-image: url(../img/nase-nabidka.gif);
width: 163px;
height: 22px;
float: left;
font-weight: bold;
color: white;
padding: 8px 0 0 12px;
}
#leftmenu .content {
	float: left;
	padding-top: 5px;
}
#leftmenu .header.partners {
	background-image: url(../img/nasi-partneri.gif);
}
#leftmenu .footer {
  display: none;
}

#leftmenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  width: 175px;
}

#leftmenu ul li {
 padding: 0;
  margin: 0;
  display: block;
  float: left;
}
#leftmenu ul li.mezerapred {
	margin-top: 10px;
}

#leftmenu ul li a {
 padding: 1px 0 0 0;
  margin: 0;
  display: block;
  float: left;
  color: #00152B;
  font-weight: bold;
  text-decoration: none;
  width: 175px;
}
#leftmenu ul li a:hover {
	 color: #ffffff;
}
#leftmenu ul li a strong {
	 color: #00152B;
}



#rightbox {
float: left;
width: 207px;
color: #00152b;
}
#rightbox .panel {
	float: left;
  	padding: 0px 14px 0px 15px;
  	width: 178px;
  	margin: 25px 0 25px 0;
}


#rightbox	.content {
 	float: left;
	padding: 10px 0 0 2px;
	width: 176px;
}


	
#rightbox h1,#rightbox h2 {
	
	}	



	
#rightbox .header {
background-image: url(../img/novinky.gif);
width: 163px;
height: 22px;
float: left;
font-weight: bold;
color: white;
padding: 8px 0 0 12px;
}
#rightbox .header.lastminute {
	background-image: url(../img/last-minute.gif);
}

#rightbox .footer {
 
}


a.button {
margin-top:20px;
text-align:center;
margin-bottom:10px;
background-color:#003366;;
text-decoration:none;
padding:5px;
display:block;
font-weight:bold;
width:150px;
float:right;
}
/*forms*/
.box  { text-align:center;
}

.box table  { width:580px;
}

#mainuserlogin,#mainpassword{ font-size:0.8em;width:80px;
}
#mainsubmitbutton {
}

.panel form{font-size:0.8em;
}
.panel form *{
	margin:1px;
	padding:1px;

}



.panel label {
	font-weight:bold;
	display:block;
	
}

.panelinput {
}

.panel .shorter {
float:left;
}
.panel input.short {
	float:right;
}

img {
	border:none;
}

#rightbox h3, #leftbox h3
{clear:both;
	font-size:1em;
	height:1.5em;

	padding:5px 0px 0px 5px;
	margin:0px;

}

.nakupnikosik {
	display:block;
	margin:10px 0px 5px 0px;
		font-weight:bold;
	text-decoration:underline;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	

}
.nakupnikosik:hover{

/*content*/

}
#maincontent {
	width: 559px;
	padding: 30px 15px 30px 15px;
	float: left;
}






.contentrightborder{
	/*margin-right:10px;	*/
}




#maincontent ul{
margin-left:45px;
}



h1{

	width: 559px;
	font-size: 1.7em;
	font-weight: normal;
	color: #0F2944;
	margin-bottom: 15px;
}

h2{
margin-top:1em;
font-size:1.2em;
	color: #0F2944;
 
/*  border:1px solid #355166;
  background-color:#f8f9fa;*/

  margin-bottom:0.5em;

}

.category h2{ 
  border:none;
}

h3{
margin-top:0.2em;
font-size:1em;
}

h4{
margin-top:0.1em;
font-size:0.8em;
}

.perex {
margin-top:0.2em;
font-size:1.2em;
}

h1, h2, h3{
	clear:both;
}

#maincontent p {
	
	margin:5px 0px; 
}

	
#maincontent .element{
}

#maincontent .galerie{
  text-align:center;
  width:250px;
  float:left;
  margin:10px;
}
#maincontent .element h4{

}
#maincontent .element .content {
}
#maincontent .footerprice .footer,#maincontent .footerpricedetail .footer{
font-size:0.9em;
	text-align:right;
	    width:45%;
  float:right;
  vertical-align: bottom;
  margin-top:0.5em;
  		
}

#maincontent .detail .footer{
font-size:1.1em;
	text-align:right;
  float:right;
  vertical-align: bottom;
  margin-top:0.5em;
  		
}


#maincontent .enter, #maincontent .sendpostcard{
	float:right;
}

#maincontent form *{
	
}
#maincontent .image{
/*	float:left;*/
}

#maincontent .eshopproduct {


	text-align:center;
}

#maincontent .eshopproductdetail {
	float:left;
	text-align:center;
	margin-bottom:10px;
}

#maincontent .productdescription, #maincontent .productcontent,  #maincontent .productcode {
padding:5px;
}

/*zapati*/
#paticka{
	clear:both;
	margin:0px auto 0px auto;
	text-align:left;

padding-top:5px;
	height:30px;
	text-align:center;
	color: white;
	width: 1000px;
}
#paticka a {
	color: white;
}
/*diskuze*/
#report{
}
#report .datumjmeno{
	padding:3px;	
}
#report .prispevek{
	padding:0px 0px 20px 10px;
}




/*dodatecne tridy*/

.hlasovani{
	margin:5px 0px 5px 0px;
	padding:0px 5px 5px 5px;
}
.hlasovani .answer{
	padding:3px 3px 3px 20px;	
}
.inquirybar{
	height:6px;
	font-size:1px;
	
}
.hlasovani h4{
	padding:0px;
}


.image{
	float:left;
}

img.right{
	margin-left:5px;
	margin-bottom:5px;
}

img.left{
	margin-right:5px;
	margin-bottom:5px;
}

.pager{
padding:5px 0 10px 0 ;
	width:100%;
	height:20px;
	clear:both;
	text-align:center;

}
.pager div {
margin-bottom:10px;
}

.pager span{
	padding:3px;
	margin:3px;
		
}





/*E shop */

.elements {
overflow:hidden;
}
.shop {
	margin-right:10px;
	margin-top:10px;
	float:left;
}

#maincontent .categories ul {
width:475px;
margin:0;
margin-left:60px;

}

.categories ul, .shortcategories ul {
text-align:center;
margin-top:0.5em;

list-style-type: none;
padding: 0;
}

.shortcategories ul {
margin-right:10px;
margin-left:0px;padding-left:0;

}


.categories ul li,.shortcategories ul li{

	padding:5px;
	margin-left:0;
float:left;
font-weight:bold;
font-size:1em;
list-style-type:none;
}



.categories ul li{
	margin:5px;
display:block;

/*height:170px;
width:125px;*/
width:430px;

}


.shopcategories ul li{
height:170px;
}



.category {
  border:1px solid #355166;
  background-color:#f8f9fa;
  margin:10px 0;
  padding:5px;

}

.category h2 {
  margin-top:0;
  padding-top:0;

}

.categoryleft{
    float:left;
    width:160px;
    background-color:#aaa;
}

.categoryleft img{
    	margin-left:auto;
	    margin-right:auto;
	    display:block;
}

.categoryright {
    float:right;
     width:370px;
}
  
.categoryright h2 {
    padding:0px;
}

.shortcategories ul li{

text-align:left;
height:1.5em;
line-height:1.5em;
}

.shopdetail {
	margin:10px 10px 0 0;
}

.shop .header {
	height:3em;margin:0px;padding:0px;

}

.shop .footerprice {
	height:3em;
	margin-bottom:0;
}

.footerpricedetail {clear:both;
}

div.tobasket,div.goback{
float:left;
}

div.goback{
padding-top:5px;
}

.back{
clear:both;
}

#maincontent .shop .header h3, #maincontent .shopdetail .header h3 {
margin:0px;
	color:#FFF;
	padding:3px;text-align:left;
}

#maincontent .shop .content {
	padding:5px;
}


table.tabulkazbozi {
	font-size:0.8em;
	width:420px;
}

table.tabulkazbozi input {
	margin:0;padding:0;font-size:1em;

}
.shopdetail table{
clear:both;

}

.shop img{
	margin:3px;
	padding:3px;
}
.shop a{
	padding:3px;
	margin:3px;
}
.shop a:hover{
}

.odeslat{
	float:right;
	margin:1px;
	padding:1px;
}



.basketlist,.ordertable{
}


	
.nakupnikosik th, .rekapitulace th, .price th, .basketlist th, objednavka th, registrujme th, .lostpswd th{
}
.rekapitulace{
	width:95%;

}
.pricetable{
margin-top:10px;
		font-size: 1.2em;
	font-weight: bold;
  float:left;	
  text-align:left;
}

.price{
	font-size: 1.2em;
	font-weight: bold;
  width:45%;
  float:left;	
  text-align:left;
}


.emptybasket {
margin-top:5px;
	padding-right:20px;
		font-size: 1.2em;
  float:right;	
  text-align:right;
}




/*user registsration*/
table.registerform  {
margin-top:10px;
}

/*articles*/
.articlepreview  .content  .image  {
float:left;
}

.articlepreview .content .description {
float:right;
}

.articlepreview .content .description .more {
text-align: right;
}

.articleexpand  .content  .image  {
float:left;
}


.flagstitle {
		text-align: center;
		vertical-align: bottom;

		font-size: 1em;
		margin-top:450px;
		padding-left:120px;
		
		_padding-left:120px;
	}
	
	.flag {
		float: left;
		text-align: center;
		font-size: 0.8em;
		width:120px;
		height:40px;
		font-weight: bold;	
	}
	
	.flag a
	{
		font-weight: bold;	
	}
	
	.flag img {
	width:38px;height:23px;
		
	}

ol {
	margin-left:20px;
	list-style-type:upper-alpha;
		
	}

#maincontent .gimages {
  width:575px;
	clear:both;
	padding:0px;
	margin:0px;
}

#maincontent .gimages .gimage img {
margin:0;padding:0;
}
#maincontent .gimages .gimage  {
	margin:0px;
	padding:3px 0;
	float:left;
	width:190px;

	
}

#maincontent .gimages .centerimage {
	padding-left:2px;
	padding-right:3px;
}





.leftboxmenu{
width:165px;
}

.panel input {
	width:145px;
}

.panel .shorter {
	width:100px;
}
.panel input.short {
	width:30px;
}





#maincontent .detail .footer{
	    width:145px;
}




/*diskuze*/
#report{
}

.gallery  .content .image {
	width:180px;
	height:180px;
	margin:3px;
	background-color:#747C40;
}



.gallery  .content .image {
	text-align:center;
}

.categoryimage .image {

/*	height:119px;*/
	padding:20px 10px;

}


.sendpostcard{
	width:420px;
}
.postcardimage{
	max-width:350px;
	_width:350px;
}

/*articles*/
.articlepreview  .content  .image  {
width:110px;
}

.articlepreview .content .description {
width:350px;
}

.articlepreview .content .description .more {
text-align: right;
}

.articleexpand  .content  .image  {
width:200px;
}



.tobasket  {
width:32px;
}

.amount  {
width:40px;
}

.pricelist  {
width:425px;
float:left;
}

.eshopimage  {
width:155px;
float:right;
}




a{
	color:#003366;
}	

table{
	/*border-collapse:collapse;*/
}
td, th{
	/*border:1px solid #000;*/
}

.lightbackground {
		background-color:#CCCCCC;
}

#header {
/*	background-image:url("../img/headerbgr.gif");
	background-repeat:no-repeat;
	background-position:200px bottom;	*/
}

#header #logo{
	background-image:url("../img/header.jpg");
	background-repeat:no-repeat;
	background-position:0% 0%;	
}



#rightbox a {
font-weight:bold;
}


.nakupnikosik {

	background-image:url(../img/nakupnikosik.png);
	background-position:left center;
	color:black;
	background-repeat: no-repeat;
	

}



#maincontenttitle {
	
	color:#FFF;


}






/*diskuze*/

#report .datumjmeno{
	background-color:#CCCCCC;
}

/*diskuze*/


/*dodatecne tridy*/


.inquirybar{

	background-color:#732923;
	
}

/*E-shop*/


.shop .header, .shopdetail .header, #paticka,.footerprice, .footerpricedetail, #rightbox .footer, #navtree,#rightbox h4 {
	
	
/*	background-color:#F4F1A3;*/
}


.shop .header, .shopdetail .header, #rightbox h4 {

background-color:#F09417;
}


#maincontent .shop .header h3, #maincontent .shopdetail .header h3 {
	color:#732923;
}

.shop img{
}

.pager .active {
	font-weight:bold;

}

.nakupnikosik th, .rekapitulace th, .pricelist th, .basketlist th, objednavka th, registrujme th, .lostpswd th{
	background-color:#CCCCCC;
}
.footer a,.footer a:link, .footer a:visited {
color:#000;
font-weight:bold;
}


/*articles, eshop*/
.more {
background-image: url(../img/arrow2.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.articleexpand  .back {
background-image: url(../img/arrow3.png);
	background-repeat: no-repeat;
	background-position: left center;
}



.shortcategories ul li#current{
background-color:#003366;
color:#FFF;
}
.shortcategories ul li#current a{
color:#FFF;
}


.tobasketbtn{
	background-image:url("../img/buy.png");
	background-repeat:no-repeat;
	background-position:center center;	
	width:25px;height:21px;
border:1px solid;
}


/*titlepage*/
.caption  {
width:266px;
height:275px;
float:left;
margin:12px;
_margin-left:8px;
padding:0;
}

.caption img  {
  position:relative;
}

#maincontent .caption  h2 {
margin:0;padding:0 15px;
font-size:1.2em;
height:32px;
line-height:32px;
}

.caption  h2 a {
text-decoration:underline;
}

.caption  p {
  padding:0 15px;
}






/*correction*/

.noborder{
background-color:white;
	padding:0px !important;
	margin:0px !important;
	border:none !important;
}



.projektanti{
  text-align:center;
}


.warn{
color:red;
}

.right {
    float:right;
}
    
     
.left {
    float:left;
}


h3 a img {
  display:inline;
  width:16px;height:16px;
}

a.external
{
    background: url('../img/external.png') no-repeat right top;
    padding-right: 12px;
}


.contact
{
    width:220px;
    height:150px;
    float:left;
    text-align:left;

}

.upoutavka
{
    width:251px;
    height:132px;
    float:left;
    padding:10px;
}

.upoutavka a
{
    font-size:18px;
    color:white;
    font-weight:bold;
    text-decoration:none;
    display:block;
    width:251px;
    height:132px;
}



.foto
{
    background: url('../img/upoutavka-fotogalerie.png') no-repeat right top;
}

.video
{
    margin-left:15px;
    background: url('../img/upoutavka-video.png') no-repeat right top;
}

.gallerypreview

{   text-align:center;
    width:230px;
    height:210px;
    margin:10px;
    float:left;
    padding:10px;
    background-color:#747C40;
}

.gallerypreview h3

{
    text-align:center;
    margin-bottom:5px;
    }

.gallerypreview h3 a

{
    text-align:center;
    color:white;
    }


