/*
** CSS display sheet for urban trade cz
** Author: lukas vorlicek at codeart dot cz 2005
*/


/*
** COMMON STYLES
*/



a,a:link{
	color:#EB9500;
}

a:hover, a:visited{
	color: #D28400;
}

ul{
	margin:10px 0 0;
}

li{
	list-style-image: url(../img/dot-small-blue.png);
}

strong{
	color:#787667;
}

h1 strong, h2 strong, h3 strong{
	color: #EB9500;
	
}


h1{
	color:#668840;
	padding:0;
	margin:0;
	font: bold 15px "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	text-transform:uppercase;
}

h2{
	color:#98826F;
	font: bold 14px  "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	margin:20px 0 0;
}

.upper-case{
	text-transform:uppercase;	
}

h3{
	color: #98826F;
	margin:15px 0 0;
	font: bold 12px/19px   "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;

}

h4{
	color: #98826F;
	margin:10px 0 0;
	font: normal 10px/19px   "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;

}


h1 a, h2 a, h3 a, h4 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited{
	color:#FF9000;
	text-decoration:none;	
}

p{
	margin:0px;
	padding:10px 0 0;

}

img{
	border: 1px solid #D7C8B9;
}

a img{
 border:1px solid #EB9500;
}

hr{
	border:none;
	color: #BCA58A;
	background-color: #BCA58A;
	height: 1px;
	margin:10px 0 0;
}

.hr{
	clear: both;
	height:17px;
	background: url(../img/bg-hr.gif) no-repeat right top;
}

.hr hr{
	display: none;
}

ul{
	margin:15px 0 0;
	padding:0 0 0 40px;
}

li{
	margin:5px 0;
	list-style: square;
}

.clear-null{
		clear:both;
      height:1px;
      margin: -1px 0 0 0; 
		padding:0;
      border:none;
      visibility: hidden;
}

.clear-both,.clear-b{
	clear:both;
}

.hidden{
	visibility: collapse;
	display: none;
}

.float-left{
	float:left;
	margin:0 20px 0 0;
}

.float-right{
	float:right;	
	margin:0 0 0 20px;
}

.float-l{
	float:left;
}

.float-r{
	float:right;	
	margin:15px 0 5px 5px;
}

.link{
	cursor: pointer;
}

.noborder, .noborder img{
	border:0;
}

form{
	margin:0;
	padding:0;
}

fieldset{
	margin:10px 0 0;
	padding:23px;
	background-color: #F9F4EE;
	border:none;
}

div.background{
	margin-top:15px;
	margin-bottom:15px;
	padding:0 10px 10px 10px;	
	background-color: #F9F4EE;
}

table{
	padding:10px 0 0;
	margin:0;
}

table p{
	margin:0;
	padding:0;
}
th{
	padding:2px 5px;
	text-align:left;
}

td{
	padding:2px 5px;
	text-align:left;
}

table.cells{
	padding:10px 0 0;
	margin:0;
}




input{
	border:1px solid #BCA58A;
	margin:2px 0;
}

input.submit, .tx-srfeuserregister-pi1-submit,.tx-newloginbox-pi1-submit{
	background-color:#FF9000;
	border:none;
	color:white;
	margin-top:10px;
	padding:2px 5px;
	font-size:11px;
	font-weight: bold;
}

label{
	width:30%;
	float:left;
	text-align:left;
}

img{
	border: 3px solid #E1DFD4;
}


ul.nav{
	margin:20px 0;
	font-weight:bold;
}


/*
** SKELETON
*/


body{
	margin:0;
	padding:0;
	font: 12px  "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	color: #787667;
	background: #E1DFD4 url(../img/bg-body.gif) repeat-y top left; 
}

#main-wrapper{
	position:absolute;
	left:272px;
	width:508px;
	top:0;
	z-index: 10;
}

#main-theme{
	z-index: 1;
	background: transparent url(../img/bg-main-theme.jpg) no-repeat top left;
}

#content-wrapper{
	min-height:	560px;
	background-color:white;
	border-top:5px solid #D6D4C9;	
	border-bottom:5px solid #D6D4C9;	
	z-index: 1;
	_height:500px;
}

body.hp #content-wrapper{
	position:absolute;
	width:508px;
}

#content{
	padding:40px 55px 40px 55px;

}

#nav-content div{
	padding:0;
	text-align:left;
	position:relative;

}

#footer-wrapper{
	margin: 15px 0;
	color:#D7C8B9;
	text-align:right;
	z-index: 5;
	font-size:8pt;
	padding-right:58px;
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
}

body.hp #footer-wrapper{
	margin-top:590px;	
	_margin-top:540px;	
}

#left-wrapper{
	margin:240px 0 0 70px;
	z-index: 80;
}

#left-wrapper #logo a img{
	width:190px;
	border:none;
	z-index: 60;
}

#menu-wrapper{
	width:190px;
	background-color: white;
	z-index: 70;
	margin:0;
	padding:0;
	margin-top:1px;
}




/*
** SEARCH MENU
*/

#search-wrapper{
	width:190px;
	background-color: #F5F4ED;
	z-index: 7;
	margin-top:5px;
	padding:0;
}

#search{
	padding:13px 0 15px 40px;
	z-index: 8;
	margin:0;
	background: transparent url(../img/arrow-search.gif) no-repeat center left;
}

#search input{
	border:1px solid #D7C8B9;
	height:14px;
	font-size:8pt;
}

#search  input.search-button{
	position:relative;
	top:3px;
	height:15px;
}



/*
** MAIN MENU
*/


#menu{
	padding:25px 20px 25px 0;
	z-index: 8;
	margin:0;
}

#menu ul{
	margin:0;
}

#menu li{
	list-style: none;
	padding:3px 0;
	margin:0;
	width:90%;
	_padding:1px 0;
}

#menu li.selected{
	list-style-image: url(../img/arrow-menu.gif);
}

#menu li.selected a, #menu li.selected a:visited{
	color: #EB9500;
}

#menu li a{
		font-family:  "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
}

#menu li a, #menu li a:visited{
	color: #49748A;
	text-decoration: none;
		
}

#menu li a:hover{
	color: #EB9500;
}

#menu li{
	behavior: url(/fileadmin/templates/urbantrade-1.0/js/hover.htc);

}

#menu li li{
	behavior: none;
}


/*
** SUBMENU
*/

#menu ul li ul{
	z-index: 1000;
	position:absolute;
	visibility: hidden;
	margin-left:90px;
	margin-top:-15px;
	padding:10px 15px;
	background-color: #E2E0D4;
	min-width:80px;
	_margin-left:20px;
	_margin-top:0px;
	_width:80px;
}

#menu ul li ul{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}


#menu ul li:hover ul, #menu li.hover ul{
	visibility:visible;

}

#menu ul li ul li {
	float:none;
	border:none;
	padding:2px 5p;
	margin:0;
	width:auto;

}	

#menu ul li ul li a, #menu ul li ul li a:visited,
#menu ul li.selected ul li a, #menu ul li.selected ul li a:visited{
	background: transparent none;
	border:none;
	min-width:50px;
	font-weight: normal;
	text-align:left;
	white-space: nowrap;
	color: #48473E;
	text-transform: none;
	display: inline;
	font:10px normal  "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	text-transform:uppercase;

}

#menu ul li ul li a:hover{
	color: #FF9000;
}


/*
** TOOLS MENU
*/

#tools-wrapper{
		padding: 20px 57px 5px;
}

#tools{
	text-align: right;	
	z-index: 8;
	margin:0;
}

#tools ul{
	margin:0;
}

#tools li{
	padding:0;
	list-style: none;
	margin:0;

}

#tools li a, #tools li a:visited{
	text-transform: uppercase;
	font-size:7pt;
	color: #49748A;
	text-decoration: none;
}

#tools li a:hover, #tools li.selected a{
	color: #EB9500;
}


#tools a img{
	border: none;
}

/*
** NAVIGATION
*/

#nav-content{
	font-size:8pt;
	float:left;
}

#nav-content div{
	padding:0;
}

#nav-content a{
	background: transparent url(../img/bg-dot-arrow.gif) no-repeat 100% 3px;
	padding-right:23px;
}

#nav-content span{
	display: none;
	visibility: collapse;
}



/*
** HP LINX
*/

#hp-link-wrapper{
	height:100px;

}

#hp-link{
	margin:10px 0 0;	
	position:absolute;
}

#hp-link div{
	float:left;
	margin-right:4px;
}

#hp-link div.last{
	margin:0px;
}


#hp-link a{
	display: block;
	width: 94px;
	height: 90px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 8pt;
	font-family:  "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;

}

#hp-link a span{
	position:relative;
	top: 73px;
	left:2px;
}

#hp-link div.zahrady, #hp-link div.zahrady a{
	background: transparent url(../img/bg-box-zahrady.jpg) no-repeat top;
	color: #668840;
}

#hp-link div.zahrady a:hover{
	background: transparent url(../img/bg-box-zahrady0.jpg) no-repeat top;
		color: #98BE6F;
}


#hp-link  div.bazeny, #hp-link  div.bazeny a{
	background: transparent url(../img/bg-box-bazeny.jpg) no-repeat top;
	color: #405988;
}

#hp-link div.bazeny a:hover{
	background: transparent url(../img/bg-box-bazeny0.jpg) no-repeat top;
	color: #899EC7;
}


#hp-link  div.rolety, #hp-link  div.rolety a{
	background: transparent url(../img/bg-box-rolety.jpg) no-repeat top;
	color: #C16800;
}

#hp-link div.rolety a:hover{
	background: transparent url(../img/bg-box-rolety0.jpg) no-repeat top;
	color: #FFAA4A;
}


#hp-link  div.verandy, #hp-link  div.verandy a{
	background: transparent url(../img/bg-box-verandy.jpg) no-repeat top;
	color: #967A5C;
}

#hp-link div.verandy a:hover{
	background: transparent url(../img/bg-box-verandy0.jpg) no-repeat top;
		color: #C1AC97;
}


/*
** LOGIN
*/


form.toploginform{
	padding:16px 0 0 23px;
	margin:0;
}

form.toploginform a,form.toploginform a:visited{
	font-size:11px;
	color:white;
	font-weight:bold;
}

form.toploginform fieldset{
	padding:0;
	margin:0;
	border:0;
	font-size:10px;	
	background-color: #D7C8B9;
}

form.toploginform input{
	margin:2px 0;
	padding:1px 0;
	border:0;
	float:left;
	font-size:11px;
}

form.toploginform input.submit{
	background-color:#FF9000;
	font-weight: bold;
	border:none;
	color:white;
	padding:0px 1px;
	margin:2px 0 2px 5px;
	font-size:11px;	
}


 


/*
** TEASER
*/

#teaser{
	
	margin:10px 0 25px;
}

#teaser img{
	border: 9px solid #E1DFD4;
}

#teaser-image{
	background: transparent url(../img/hp-teaser1.gif) no-repeat top;
	
}






/*
** PAGE STYLES
*/

div.col2env{
	width:50%;
	float:left;
}

div.col2env .col{
	margin:0 26px 0 0;
}

div.col2env .last{
	margin:0;
}


div.rightlink{
	margin:0;
	text-align:right;
}

a.rightlink{
	display: block;
	text-align:right;
	text-decoration: none;
}
a.rightlink span{
	padding:0 0 0 15px;
	text-decoration: underline;
	background: transparent url(../img/dot-small-orange.png) no-repeat 0px 5px;
}

ul.action{
	padding:0;
	margin:0 0 0 20px;
}

ul.action li{
	list-style-image: url(../img/dot-small-blue.png);
	padding:0;
	margin:10px 0 0 0;
	font-weight: bold;
}

.news .header{
	font-weight:bold;
	padding-bottom:4px;
	background: transparent url(../img/line-narrow-blue.png) no-repeat bottom left;
}

#content-left p{
	text-align: left;
}

div.hr-a{
	height:1em;
	text-align: right;
	margin-right:10px;	
}

div.hr-a a{
	padding:0 10px;
	background: white url(../img/arrow-right-orange.gif) no-repeat right;	
	text-decoration: none;
	position:relative;
	top:-9px;
	_top:-16px;
}

div.link-top{
	height:1em;
	text-align: right;
	margin-right:20px;	
	margin-top:20px;
}

div.link-top a{
	padding:0 10px;
	background: white url(../img/arrow-up-orange.gif) no-repeat right;	
	text-decoration: none;
}

ul.page-menu{
	margin:20px 0;
	font-weight:bold;
}

ul.page-menu a{
	font-weight:bold;
}


form.bmi label{

}


 
/* 
*-------------------------------------------------------------------*	TYPO3
*/


/* ------------ csc_menu ----------- */	

.div.csc-menu {
}

.csc-menu-3{
	margin:0px;
	padding:10px 0 0;

}

p.csc-section{
	margin:0;
	padding:0;	
}

p.csc-section a{
	font-size:11px;
	padding-left:23px;
}


/* ------------ tx-indexedsearch ----------- */	


	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { width:100px;    }
	.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword { width:150px; }
	.tx-indexedsearch .tx-indexedsearch-whatis p .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
	.tx-indexedsearch p.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#f9f4ee; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p { font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title p.tx-indexedsearch-percent { font-weight:normal; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p { font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p .tx-indexedsearch-redmarkup { color:#e10101; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeff; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-sechead { margin-top:20px; margin-bottom:5px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-sechead h2 { margin-top:0px; margin-bottom:0px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-sechead table { background:#cccccc; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-sechead td { vertical-align:absmiddle; }

	
	.tx-indexedsearch{
		margin-top:10px;
	}
	.tx-indexedsearch-rules{
		font-size:8pt;
	}
	
/* ------------ DROPDOWNSITEMAP ----------- */

.expAll{
	text-align: right;
	font-size: 8pt;
}

.tx-dropdownsitemap-pi1 li ul{
	margin-left:0;
	padding:0 0 10px 10px;
	
}

.tx-dropdownsitemap-pi1 li.open ul, .tx-dropdownsitemap-pi1 li.open ul {
	display: block;

}

.tx-dropdownsitemap-pi1 li.closed ul, .tx-dropdownsitemap-pi1 li.closed ul {
	display: none;

}

.tx-dropdownsitemap-pi1 li{
	list-style: none !important;
}

.tx-dropdownsitemap-pi1 img{
	margin-right:10px;
	border:none;
}

.tx-dropdownsitemap-pi1 .expAll{
	padding-top:23px;
}




.tx-dropdownsitemap-pi1  li{
	margin:10px 0;
}

.tx-dropdownsitemap-pi1  li a{
	font-weight:bold;
	font-size:9pt;
}


.tx-dropdownsitemap-pi1  li li{
	margin:0;
}

.tx-dropdownsitemap-pi1 li li a{
	font-weight: normal;
	font-size:8pt;
}


.tx-dropdownsitemap-pi1  li li li a{
	font-weight: normal;
	font-size:8pt;
}

.tx-dropdownsitemap-pi1  li li li li a{
	font-weight: normal;
	font-size:8pt;
}
 
/* ------------ IMGTEXT ----------- */




	/* COMMON */
	.csi-textpic {

	}

	.csi-textpic img {
	}

	.csi-textpic .csi-caption{
		text-align: center;
		font-style: italic;
		font-size:8pt;

	}
	
	.csi-textpic .csc-caption{
		margin:0;
		padding:0;
	}

	.csi-textpic .csi-image {

		margin:0;
		padding:0;
	}
	
	.csi-textpic .csi-image img{
		border: 2px solid #CCCCCC;
	}
	
	.csi-textpic .csi-image a img{
	
	}


	.csi-textpic .csi-imagewrap {
		text-align: center;		/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */
	}

	.csi-textpic .csi-text {
		text-align: left; /*will have to be an inline style - controlled by TS*/
	}

	.csi-text p {
		margin-top: 0;
	}

	/* CENTER */

	.csi-center .csi-image {
		text-align:center;
		margin-bottom:15px;
	}


	/* RIGHT */
	.csi-right .csi-imagewrap{
		display:inline;	
	}
	
	.csi-right .csi-image {
		float:right;
		text-align:right;
		margin-left:15px;
		margin-bottom:15px;
	}
	.csi-right .csc-caption, .csi-right .csi-caption{
		text-align:right !important
	}

	.csi-right .csi-text{
		clear:right;
	}


	/* LEFT */
	.csi-left .csi-imagewrap{
		display:inline;	
	}
	
	.csi-left .csc-caption, .csi-right .csi-caption{
		text-align:left !important
	}
	.csi-left .csi-image {
		float:left;
		text-align:left;
		margin-right:15px;
		margin-bottom:15px;
	}
	

	.csi-left .csi-text{
		clear:left;
	}

	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;
		clear: both;
		margin-right:15px;
		text-align:center;
		margin-bottom:15px;
		padding-top:5px;
	}

	

	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin-left:10px;
		text-align:center;
		margin-bottom:5px;
		padding-top:15px;
	}

	/* INTEXT RIGHT NOWRAP */
	.csi-intext-right-nowrap .csi-text {
		margin-right: 220px; /*will have to be an inline style - controlled by TS*/
	}

	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
		margin-bottom:15px;
		text-align:center;
	}


	/* INTEXT LEFT NOWRAP*/
	.csi-intext-left-nowrap .csi-text {
		margin-left: 220px; /*will have to be an inline style - controlled by TS*/
	}

	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
		margin-bottom:15px;
		text-align:center;
	}


/* ------------ DAM GALLERY ----------- */

.tx-damdownloads-pi1-list{
	clear:both;
	padding:10px 0;
}

.tx-damdownloads-pi1-item-null{
	float:left;	
	width:115px;
	margin: 0 10px 0 0;
}

.tx-damdownloads-pi1-item{
	background-color: #F5F4ED;
	text-align:center;
	border-bottom: 1px solid #E1DFD4;
	font-size:8pt;
	padding:0 2px;
}

.tx-damdownloads-pi1-item-headers{
	background-color: #F5F4ED;
	padding:0;
	height:1em;
}

.tx-damdownloads-pi1-item-doc{
	padding:10px 0;
}

.tx-damdownloads-pi1-item-title{
	padding-top:2px;	
}	

.tx-damdownloads-pi1-item-desc{
	font-style: italic;
	color: #6F6F6F;
	padding-top:3px;
}


.tx-damdownloads-pi1-br{
	font-style: italic;
	font-size:8pt;
	
}

	
.tx-damdownloads-pi1-browselinks{
	text-align: center;
	clear:both;
	width:380px;
	padding:5px 5px 3px 5px;
	border-bottom: 1px solid #C4DAA6;
	background-color: #E1EDD3;
	margin:10px 0;
		font-size:8pt;
	
}

.tx-damdownloads-pi1-browselinks a img{
	border:none;
	margin:0 5px;
}

.tx-damdownloads-pi1-br{
	float:right;
}

.tx-damdownloads-pi1-browsebar-first{
	float:left;

}
.tx-damdownloads-pi1-browsebar-second{
	padding:0 10px;
	float:left;

}
.tx-damdownloads-pi1-browsebar-third{
	float:left;

}


/*

FILE LINK

*/



	table.csc-uploads{
		border:none;
	}
	.csc-uploads td{
		border:none;
	}
	
	
	
	ul.nav{
		padding-top:15px;
	}
	
	.csc-uploads{
		margin-top:20px;
		border-collapse: collapse;
	}
	
	.csc-uploads td{
		border: 1px solid #F0F0EA;
		background-color: #FCFCF8;
		vertical-align: middle;
		padding:3px 5px;
	}
	
	.csc-uploads .csc-uploads-fileName{
		padding-left:20px;
		background: #FCFCF8 url(../img/download-icon.gif) no-repeat scroll 5px;
	}	
	
	.csc-uploads .csc-uploads-fileSize, .csc-uploads .csc-uploads-fileSize p{
		text-align:right !important;
	}
	
	
	.csc-uploads p{
		margin:0;
		padding:0;	
	}