/*
CSS sheet for tctravel-prague.com; (C)2005 lukas.vorlicek at codeart dot net
*/

body{
	margin:15px 0; 
	padding:0;
	font: 8pt/1.3em Verdana, "Geneva CE", lucida, sans-serif; 
	color:#526256;
	background: #EFF3F4  url(../img/bg-body.jpg) repeat-x scroll top;
	text-align:center;
}

a{
	color: #003477;
}

a:visited, a:hover{
	color: #00204B;
}

a img{
	color: #003477;	
	border:2px solid #E3E6EB;	
}

a:visited img, a:hover img,{
	color: #003477;	
	border:2px solid #E3E6EB;	
}

h1{
	color: #003F79;
	font-size: 1.3em;
	margin: 0 0 0.9em 0px; 
	font-weight: bold;
	text-align: left;
	padding:0;
}

h2{
	font-size: 1.2em;
	margin: 0 0 0.2em 0;
	padding:0;
}

h3{
	font-size: 1em;
	margin: 0 0 0.2em 0;
	padding:0;
}

hr{
	height:1px;
	border:none;
	color: #366998;
	background-color: #366998;
	padding:0;
	margin: 0.4em 0 1.1em;
	_margin:0;
}

p,table{
	margin: 0.4em 0 1.1em 0;
}

ul{
	margin-top:0.4em;
	margin-bottom:1.1em;
}

table{
	border-collapse: collapse;
}

table.full{
	width:100%;
}

th{
	background-color: #F6F7FB;
	font-weight:normal;
}

th.light{
	font-weight:normal;
}

td, th{
	border: 1px solid #E3E6EB;
	padding:2px 4px;
}

tr p, td p{
	margin:0 !important;
	padding:0 !important;
}

.clear-both{
	clear: both;
}

.aleft{
	text-align:left;
}

.aright{
	text-align:right;
}

.acenter{
	text-align:center;
}

.plovouci-vpravo, .float-r{
	float:right;
}

.plovouci-vlevo, .float-l{
	float:left;
}


#main-null{
	width:770px;
	margin-left:auto;
	margin-right:auto;
	background: White url(../img/bg-top.jpg) no-repeat top;
}

#main{
	padding:0 6px;
	text-align:left;
}

#logo{
	float:right;
	padding:9px 10px 0 0;
}

#logo img{
	border:none;
}	


.tx-srlanguagemenu-pi1{
	position:relative;
	top:195px;
	left:710px;
	height:19px;
}

.tx-srlanguagemenu-pi1 a{
	display:block;
	width:40px;
	height:19px;
	text-transform:uppercase;
	text-align:right;
	font-size:1pt;
	color:white;
}

body.en .tx-srlanguagemenu-pi1 a{
	background: transparent url(../img/lng-de.gif) no-repeat top;
}

body.de .tx-srlanguagemenu-pi1 a{
	background: transparent url(../img/lng-en.gif) no-repeat top;
}


.tx-srlanguagemenu-pi1 span{
	display:none;
}

#leftcol{
	background: #00204B url(../img/bg-menu.jpg) repeat-y top;
	width:127px;
	float:left;
	margin-top:190px;
}

#offers{
	width:127px;
	background-color: White;
}


#search{
	background: transparent url(../img/bg-menu-bottom.jpg) no-repeat bottom;
	height: 100px;
}

#search form{
		margin:0 0 0 16px;
}

#search input.field{
	font-size:8pt;
	height: 14px;
	width: 90px;
	border: 1px solid #55C4DF;
	margin-top: 10px;
	padding: 0;
}

#search input:focus{
	background-color: #E9F4F8;
}

#search input{
	margin-top:5px;
}

#search .search-button, #search input.search-button:focus{
	border: none;
	background-color: transparent;
	padding:0;
	margin:0;
	color:white;
	text-transform: uppercase;
	font: normal 9px "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	position:relative;
	left:-4px;
}

#search input.search-button:hover{
	color: #96C2FF;
	cursor: pointer;
}

#content-wrapper{
float:left;
width:600px;
	
}


#content{
	padding:0 10px 30px 35px;
}

#navigation{
	margin:0;
	padding:0;
	text-align:right;
	height:3em;
	color: #728777;
	font-size:7pt;
	padding:175px 0 0px 40px;	
}

#navigation a, #navigation a:visited{
	color: #728777;
}

#navigation a:hover{
	color: #526256;
}

#footer{
	margin:10px 0;
	color: #728777;
}

#footer a, #footer a:visited{
	color: #728777;
}













#menu{
	border-top: 2px dotted white;
	margin:0;
	padding:0 0 20px 0;
}

#menu li{
	margin:0;
	padding:0;
	list-style: none;
	border-bottom: 2px dotted white;
	background: transparent url(../img/bg-menu-arrow.gif) no-repeat 10px 3px;
}

body.de #menu li{
	background: transparent url(../img/bg-menu-arrow.gif) no-repeat 7px 3px;
}

#menu li a,#menu li a:visited{
	display:block;
	margin: 6px 10px 6px 20px;
	font: normal 11px  Arial, helvetica, sans-serif;
	color:white;
	text-transform: uppercase;
	text-decoration:none;width:90px;
		_padding:0 0 5px 0;
	
}

body.de #menu li a,body.de #menu li a:visited{
	margin: 6px 0px 6px 16px;
	
	
}

#menu li a:hover,#menu li.selected a{
	color: #96C2FF;
}



.col2env{
	padding:15px 0 0;
	clear: both;
	
}

.col2env .col2{
	float:left;
	width:47%;
	margin:0;
	padding:0 10px 0 0;
	margin-bottom:15px;
	border-right:1px solid #366998;
}

.col2env .last{
	padding:0;
	margin:0;
		margin-bottom:15px;
	float:right;
	border-right:none;
}






/* ------------ IMGTEXT ----------- */

	/* COMMON */
	.csi-textpic {
		padding-top:  0;
		background: transparent;

	}

	.csi-textpic img {

	}

	.csi-textpic .csi-caption {
		text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
	}

	.csi-textpic .csi-image {
        margin: 10px !important;
	}

	.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 {
		margin: 0 auto 3px;
	}

	/* RIGHT */
	.csi-right{
		text-align: right;
		padding-top:20px;
	}
	.csi-right div.csi-image {

	}

	.csi-right div.csi-text {
		
	}


	/* LEFT */
	.csi-left{
		float:left;
		padding: 0 !important;
		margin-top:25px;
	}
	
	.csi-left div.csi-image {
		text-align:left;
		float:left;
      margin: 0 5px 0 !important;
      padding-bottom:15px !important;
		
	
	}

	.csi-left div.csi-text {
		
	}


	/* INTEXT LEFT */
	.csi-intext-left .csi-image {
		float: left;
		margin: 0 10px 0 0 !important;	

	}
	
	.csi-intext-left .csi-text {
			float: left;	

	}



	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
      margin: 0 0 0 10px !important;	

	}

	/* INTEXT RIGHT NOWRAP */

	.csi-intext-nowrap-images{
		width:130px !important;
		float:right;
		padding-top:20px;
	}
	

	.csi-intext-right-nowrap .csi-text {
	    float:left;
		 width:410px;
       clear:none;
       margin-bottom:20px;


	}

	.csi-intext-right-nowrap .csi-image {
                margin-bottom:0;
}

    
	 
	 
	 


	/* INTEXT LEFT NOWRAP*/
	.csi-intext-left-nowrap .csi-text {
		margin-left: 215px; /*will have to be an inline style - controlled by TS*/
	}

	.csi-intext-left-nowrap .csi-image {
		float: left;
	}
	
	.tx-srlanguagemenu-pi1 img{
		margin:0 10px 0 0;	
	}
	
	
	
/* ------------ 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;
}

.csc-menu{
	font-size:8pt;
	font-weight:bold;
}

.csc-menu p{
	padding:10px 0 0 ;
}

p.csc-section{
	margin:0 20px;
	padding:0 !important;
	font-size:8pt;
	font-weight:normal;
	display: list-item;
}