*{
	margin: 0;
	padding: 0;
}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a img {
	border: 0px none;
}


/* --------------- TYPO ------------- */


#content a { text-decoration: underline; }
#content p { margin-bottom: 18px; }
#content h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
#content h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
#content h3 { font-weight: bold; font-size: 13px; line-height: 18px; margin-bottom: 18px; }
#content h4 { font-weight: bold; font-size: 11px; line-height: 18px; margin-bottom: 18px; }
#content h5 { font-weight: bold; font-size: 14px; line-height: 18px; margin-bottom: 18px;
				/* background:url(../pic/h5_bckg.jpg) repeat-y; */
				border-bottom: 1px solid silver;
				padding: 2px 2px;
				  }
#sidebar h2 { font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: lighter; font-size: 21px; line-height: 30px; margin-bottom: 10px; color: #9C6606}

#content ul { margin-bottom: 18px; list-style: circle outside; margin-left: 2.2em; }
#content ol, #content blockquote { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }

 a:link,
a:visited { color: #2971a7; text-decoration: none; }
a:hover { text-decoration: underline; }

#content h1 { font-family: "Geneva", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight: lighter;}
#content h3 { font-size: 13px; color: #333; font-weight: bold; word-spacing: -0.1em; }

#leftCol p,
#leftCol ul
{ font-size: 11px; line-height: 160%; margin-bottom: 10px; }
#leftCol ul { list-style: circle inside; margin-left: 1.5em; }
#leftCol h1 { font-size: 14px; line-height: 150%; margin-bottom: 18px; }

#sidebar p,
#sidebar h1{
	/* margin-left: 25px; */
}

#sidebar p{
	font-size: 11px;
	line-height: 140%
}

#sidebar h1{
font-size: 13px;
font-weight: bold;
/* margin-top: 20px; */
}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image{
		border: 1px solid silver;
		padding: 3px;
		background-color: white;
	}

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG{
		border: 2px solid white;
	}



/*---*/

body{
	background-color: #DED6AD;
	background-image: url(../pic/body_bckg.gif);
	background-repeat: repeat-x;
	color: #333;
	font: 100%/120% "Lucida Grande", Geneva, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 30px;
}

#wrapper{
	width:1250px;
	margin: 0 auto;
	background-image: url(../pic/sidebar_bckg.jpg);
	background-position: right;
	background-repeat: repeat-y;
	background-color: white;
}

#toolbar{
	/* width: 900px; */
	padding: 25px 330px 0px 20px;
	font-size: 0.7em;
	width:900px;
	margin: 0 auto;
}

#searchbox{
	width: 300px;
	float: left;
	padding-bottom: 10px;
}

#topmenues{
	width: 400px;
	float: right;
	text-align: right;
}

.langItem{
	padding: 0 3px;
}

.langItem a{
	color: #333;
}

#page{
	width: 900px;
	padding-left: 20px;
	background-image: url(../pic/page_bckg.jpg);
	background-repeat: repeat-y;
	background-color: white;
	float:left;
}

#sidebar{
	width: 260px;
	float: right;
	padding-right: 50px;
	padding-left: 20px;
	padding-top: 30px;
	
}


#mainmenu{
	height: 35px;
	text-align: right;
	background-image: url(../pic/mm_bckg1.jpg);
	color: white;
	padding-top: 15px;
}

#mainmenu .menuitem{
	float: right;
	padding-right: 20px;
	font-size: 0.85em;
}

#mainmenu .menuitem a{
	color: white;
	text-decoration: underline;
}

#headerImage{
	height: 325px;
	background-image: url(../pic/header_bckg.jpg);
}

/*
#submenu{
	padding-left: 270px;
	margin: 25px 0;
	display: block;
}

#submenu .menuitem, #submenu .menuitemAct{
	font-size: 0.75em;
	font-weight: bold;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid gray;
	line-height: 100%;
}

#submenu .menuitem a{
	color: #333;
	text-decoration: none;	
}

#submenu .menuitemAct a{
	color: #2971a7;
	text-decoration: none;	
}

*/

#submenu{
	margin: 25px 20px 25px 270px;
/*	border-bottom: 1px solid #C1CCC3;
	z-index: 1;
	display: block;
	padding-left: 25px;*/
}

#submenuWrap{
	border-bottom: 1px solid #C1CCC3;
	z-index: 1;
	display: block;
	padding-left: 25px;
}

#submenu .menuitem, #submenu .menuitemAct{
	font-size: 0.75em;
	font-weight: bold;
	float: left;
	padding: 4px 12px 6px 12px;
	border: 1px solid #C1CCC3;
	border-bottom: 0px none;
	line-height: 100%;
	margin-right: 7px;
	background:url(../pic/tm_bckg.jpg) top left repeat-x;

}

#submenu .menuitem a{
	color: #333;
	text-decoration: none;	
}

#submenu .menuitemAct a{
	color: #2971a7;
	text-decoration: none;
}

#submenu .menuitemAct{
		border-bottom: 1px solid white;	
		z-index: 2;
		margin-bottom: -1px;
}


#contentArea{
	padding-bottom: 25px;
}

#leftCol{
	width: 200px;
	padding: 0 35px;
	float: left;
}

#submenu2{
	margin-bottom: 25px;
}

#submenu2 .menuitem{
	font-size: 0.85em;
	font-weight: normal;	
	margin-bottom: 8px;
}

#submenu2 .menuitem a{
	color: #FFF;
	display: block;
	background: url(../pic/bckg_sm2.jpg) no-repeat;
	display: block;
	padding: 4px 20px;
}

#submenu2 .menuitem a:hover{
	color: #FFF;
	display: block;
	background: url(../pic/bckg_sm2.jpg) no-repeat;
	background-position: -202px 0px;
	text-decoration: none;
}

.submenu3 {
	margin-bottom: 20px;	
}

.submenu3 .menuitem3, .menuitem3Act{
	border-bottom: 1px solid #EBEBEB;
	padding: 1px 15px 1px 35px;
	font-size: 12px;	
}


.menuitem3 a{
	color: #333;
}

.submenu3 .menuitem3 a:visited{
	color: #333;
}

.submenu3 .menuitem3Act a{
	color: #2971a7;
	text-decoration: none;
	font-weight: bold;	
}

#sidebarLeft{}

#content{
	width: 605px;
	padding-right: 25px;
	float: right;
	font-size: 0.8em;
}

#footer{
	/*
background-image: url(../pic/bckg_footer.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
*/
	text-align: center;
	font-size: 0.7em;
	width:1200px;
	padding-top: 8px;
	padding-left: 30px;
	margin: 0 auto;
	/* border-top: 1px solid #D3C18F; */
}

#footer ul{

	list-style-type: none;	
}

#footer li{

float: left;
margin-right: 5px;
margin-left: 5px;
	
}

#footer li a{

text-decoration: underline;
	
}

.clearer{
	clear: both;
    display: block;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}



.spacer{
	display: block;
	height: 1px;
	border-bottom: 1px solid #DFDFDF;
	margin: 15px 0;
	line-height: 1px;
}

.spacerInv{
	display: block;
	height: 1px;
	margin: 15px 0;
}

.videoBckg{
	background-color: black;
	padding: 16px 8px;
	text-align: center;
	/* width: 441px; */
}


/*------ 2col layout ----------*/

#contentLeft{
	width: 48%;
	float: left;
	margin-right: 4%;
}

#contentRight{
	width: 48%;
	float: right;
}


/*----- search page ---------*/

.tx-indexedsearch-searchbox{
	padding: 20px;
	background: url(../pic/bckg_filter1.jpg) no-repeat;
}

.tx-indexedsearch-form label{}


fieldset{
	border: 0px none;
}

.tx-indexedsearch-searchbox input,
.tx-indexedsearch-searchbox select{
	margin-bottom: 6px;
}

/*------- poll ----------*/

.pollvote, .pollanswer{
	font-size: 11px;
	/* padding: 0px 15px 20px 15px;; */
}

.pollheader{
	background: url(../pic/bckg_poll.jpg) no-repeat;
	padding: 10px 15px 20px 15px;
}

.pollvoteitem, .pollansweritem{
	border-bottom: 1px solid #DFDFDF;
	padding: 4px 15px;
	margin: 0px;
}

.pollansweritem{
	padding-top:6px;
}

.pollanswerimage{
	background-color: #E7DFC1;
	background-color: #E6E7B0
}



.pollquestion{
	font-weight: bold;
	font-size: 12px;
}

.error{
	font-size: 12px;
	color: red;
}

/*--------- user register ---------------*/

.tx-newloginbox-pi1,
.userregister{
	padding: 20px;
	background: url(../pic/bckg_filter1.jpg) no-repeat;
}

.tx-newloginbox-pi1 p{
	padding: 0;
	margin: 0;
}

.tx-newloginbox-pi1 td{
	vertical-align: top;
	padding: 0 6px 0 0;
}

.user-data-rewiev{
	font-weight: bold;

}

/*--------- questionaires ---------------*/


#content .survey_item h1{
	font-size: 16px;
	font-weight: bold;s
	color: #619EE4;
}

.survey_item input{
	margin-right: 15px;
}

/*
 td input{
	width: 150px;
}
*/



#content .tx-pbsurvey-pi1 div {margin-bottom: 10px;} 
#content .tx-pbsurvey-pi1 .pagenumbering {font-size: 60%; position: relative; height: 15px;} 
#content .tx-pbsurvey-pi1 .barcontainer {background-color: #FFFFFF; border: 1px solid #DFDFDF;  width: 100px; height: 21px; position: absolute; z-index: 6; left: 0px;} 
#content .tx-pbsurvey-pi1 .bar {background-color: #E6E7B0; padding: 3px; height: 15px; z-index: 4; position: absolute; left: 0px;} 
#content .tx-pbsurvey-pi1 .bartext {z-index: 5; text-align: center; position: absolute; left: 0px; width: 100px; height: 15px; font-size: 12px;} 
/* #content .tx-pbsurvey-pi1 .pageHeader {font-size: 150%; font-weight: bold; color: #003399;} */
/* #content .tx-pbsurvey-pi1 .pageHeader {font-size: 16px; font-weight: bold; color: #003399;}  */
#content .tx-pbsurvey-pi1 .pageHeader {font-size: 16px; font-weight: bold; color: #2971a7; padding: 15px 0 10px 0} 
/* #content .tx-pbsurvey-pi1 .pageIntroduction { background: url(../pic/bckg_filter1.jpg) no-repeat; padding: 20px;}  */
#content .tx-pbsurvey-pi1 .pageIntroduction { } 
#content .tx-pbsurvey-pi1 .survey_item {margin-top: 20px; margin-bottom: 20px;} 
#content .tx-pbsurvey-pi1 .itemform {} 
/* #content .tx-pbsurvey-pi1 .question {font-size: 120%; font-weight: bold;} */ 
/* #content .tx-pbsurvey-pi1 .question {font-size: 13px; font-weight: normal; margin-bottom: 12px; background-color: #ECECEC;	padding: 0px 2px;} */
#content .tx-pbsurvey-pi1 .question {font-size: 13px; font-weight: normal; margin-bottom: 12px; background: url(../pic/qheader.jpg) repeat-y;	padding: 0px 2px;}
/* #content .tx-pbsurvey-pi1 .question {font-size: 13px; font-weight: normal; margin-bottom: 12px; background: url(../pic/bckg_filter1.jpg) no-repeat;	padding: 1px 15px 1px 15px;} */
#content .tx-pbsurvey-pi1 .questionNumber {padding-right: 5px;} 
#content .tx-pbsurvey-pi1 .questionSubtext {font-size: 80%;} 
/* .tx-pbsurvey-pi1 .required {color: #FF0000; vertical-align: super;}  */
#content .tx-pbsurvey-pi1 .required {color: #FF0000; vertical-align: middle; } 
#content .tx-pbsurvey-pi1 .survey_error {color: #FF0000;} 
#content .tx-pbsurvey-pi1 .additional_ver {margin-left: 20px;} 
#content .tx-pbsurvey-pi1 .matrix {width: 100%;} 
#content .tx-pbsurvey-pi1 .matrix .surveyrow_even {background-color: #E6E7B0;} 
#content .tx-pbsurvey-pi1 .matrix .columnFirst {font-weight: bold; text-align: left; padding-left: 10px;} 
#content .tx-pbsurvey-pi1 .matrix .columnNext {text-align: center;}


/*------------ formulari ----------------*/

.csc-mailform-field{
	padding: 4px 0;
}

.csc-mailform label{
	float: left;
}

.csc-mailform-field label{
	float: left;
	text-align: left;
}


.csc-mailform{
	text-align: right;
	width: 70%;
}

.csc-mailform-label{
	text-align: left;
	margin: 15px 0;
	padding: 2px 0;
	border-bottom: 1px solid #EBEBEB;
	font-weight: bold;
}


/*-------------- news modul ------------------*/

.news-latest-item{
	margin-bottom: 15px;
}

.news-latest-date{
	color: #FFF;
	background-color: #9BA3A4;
	padding: 2px 4px;
	font-weight: bold;
	font-size: 13px;
}

.news-latest-title{
	font-weight: bold;
	font-size: 11px;
	line-height: 140%;
		margin-top: 10px;
}

.news-latest-title a{
	color: #333;
	text-decoration: underline;
}

.news-list-image{
	float: left;
	margin-right: 15px;
}

.news-list-date{
	color: #FFF;
	background-color: #9BA3A4;
	padding: 2px 4px;
	font-weight: bold;
	font-size: 13px;
}

.news-list-item h3{
	margin-top: 10px;
}

.news-single-date{
	color: #FFF;
	background-color: #9BA3A4;
	padding: 2px 4px;
	font-weight: bold;
	font-size: 13px;
}

.news-single-item h2{
	margin-top: 10px;
}

.news-single-image{
	float: left;
	margin-right: 15px;
}

.news-single-subheader{
	font-style: bold;
	font-size: 13px;
}

/*------------------ plovila -----------------*/


.plovilaTech{
	background-color:#81C6F0;
	width: 100%;
}

.plovilaTech td{
	padding: 2px 12px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

.plovilaPrice{
	background-color: #E6E7B0;
	width: 100%;
}

.plovilaPrice td{
	padding: 2px 12px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}


/*------------------ aranzmani -----------------*/

.put_item{
	width: 605px;
	padding-bottom: 20px;
	border: 1px solid silver;
	margin-bottom: 20px;
}

.put_item H2{
	font-size: 14px;
}

.put_image{
	width: 140px;
	padding-right: 15px;
	float: left;
	margin-bottom: 15px;
}

.put_descr{
	width: 440px;
	padding-left: 10px;
	float: right;
}

.put_table{
	width: 420px;
	margin-bottom: 20px;
	
}

.put_table .label{
	border-bottom: 1px solid silver;
	border-right: 1px solid silver;
	width: 70%;
	vertical-align: top;
}

.put_table .value{

	border-bottom: 1px solid silver;
	/* border-right: 1px solid silver; */
	font-weight: bold;
	padding-left: 12px;

}

.aranzmani_opis{
	background-color:#81C6F0;
	width: 100%;
}

.aranzmani_opis td{
	padding: 2px 12px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

.aranzmani_opis th{
	padding: 2px 12px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	background-color:#AAD5F0;
	font-weight: bold;
}

.aranzmani_cijena{
	background-color: #E6E7B0;
	width: 70%;
	margin-bottom: 15px;
}

.aranzmani_cijena td{
	padding: 2px 12px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}



/*------------------ drugo--------------------*/



#discounts .contenttable p{
	color: gray;
	margin-bottom: 0;
	padding-bottom: 0;
}

.contenttable td{
	padding: 2px 6px;
}

#discounts table{
	margin-bottom: 25px;
}

.user-accommodation-pi1-browsebox td, .user-accommodationagro-pi1-browsebox td, .user-accommodationvillas-pi1-browsebox td {
padding: 0 8px 0 0;

}

#sidebar H4, #sidebarLeft H4{
	/*font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-bottom: 8px;*/
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: lighter; 
	font-size: 21px; 
	line-height: 20px; 
	margin-bottom: 0px; 
	color: #9C6606
}

