/*** SAMOSA CSS STYLE **********/
/*******************************/

html {
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #333333;
} 
body {
	margin:0;
	padding:0;
	height:auto !important;
	height:100%;
	min-height:100%;
	text-align: center;
	background-image: url(../images/sea.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}


/*** LINK STYLES ***************/
/*******************************/

/*Catch all for all link styles */
a:link,a:visited,a:hover{}

/*Individual link styles */
a:link {}
a:visited {}
a:hover {}
a:active {}


/****** General Column Structures ******/

div#fon2 {
	display:block;
	height:100%;
	width:100%;
}
table#fon {
	height:100%;
}
#center { /* general column */
	width:850px;
	margin: 0 auto;
}

#top { /* header Div row */
	width:850px;
	height:90px;
	background-color: #FAA61A;
	background-image: url(../images/img_10.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	text-align: left;
	}
	div#top2 {
	width:850px;
	height:90px;
	background-image: url(../images/img_11.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	}
	#top img, #banner img, #left img {
	margin: 0;
	padding: 0;
	}	
	#logo {
	position: relative;
	top:15px;
	left:30px;
	width: 350px;
	}
	#tel {
	height:45px;
	position: relative;
	top: 12px;
	left: 0px;
	background-image: url(../images/img_06.gif);
	background-repeat:no-repeat;
	}
	#icq {
	display:block;
	position: relative;
	top: 15px;
	left: 240px;
	line-height:16px;
	vertical-align:middle;
	height:16px;
	font-size: 11px;
	color: #FFFFFF;
	}
	#icq img {
	display: inline;
	}



div#topmenu { /*topmenu Div row */
	width: 850px;
	height: 37px;
	text-align: left;
	text-transform: uppercase;
	}
	#topmenu li {
	display: block;
	float:left;
	height: 30px;
	}

	#topmenu a:link, #topmenu a:visited {
	display: block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding: 0px 14px;
	}
	#topmenu li:hover, #topmenu li#current.active {
	display: block;
	float:left;
	height: 30px;
	background-color: #FAA61A;
	background-image: url(../images/img_16.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	#topmenu span {
	font-size: 13px;
	font-weight: bold;
	color: #C00;
	}
	#topmenu a:hover span, #topmenu li#current span {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	}
	#topmenu a:hover, #topmenu li#current.active a:link, #topmenu li#current.active a:visited {
	display: block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding: 0px 14px;
	background-image: url(../images/img_18.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}

div#banner { /* banner Div row */
	display: block;
	width: 850px;
	height: auto;
	}
	
	div.bannergroup { /* top banner design */
	display: block;
	float:left;
	width: 850px;
	height:200px;
	margin-bottom: 20px;
	}
	.bannergroup_rightbanner {
	margin-bottom: 15px;
	}
	.moduletable_cc { /* converter ??? */
	display: block;
	height:150px;
	float:left;
	overflow:hidden;
	width: 170px;
	border-left: 20px solid #FFFFFF;
	}
	div.googlecurrency input.inputbox {
	font-family: Verdana;
	font-size: 12pt;
	font-style: italic;
	}
	div.googlecurrency input.button {
	font-family: Verdana;
	font-size: 10pt;
	}
	div.googlecurrency option {
	font-family: Verdana;
	font-size: 10pt;
	}
	div.googlecurrency select {
	font-family: Verdana;
	font-size: 10pt;
	}
	div.googlecurrency .input_label {
	font-family: Verdana;
	font-size: 12pt;
	}
	div.googlecurrency .result {
	font-family: Verdana;
	font-size: 12pt;
	}
	div.googlecurrency .highlight {
	color: #333366;
	background-color: #0033ff;
	}
	div.googlecurrency {
	background: #33FF66;
	}

div#left { /* left column */
	display: block;
	float:left;
	width: 170px;
	text-align: left;
	border-right: 15px solid #FFFFFF;
}
div#component { /* center column */
	display: block;
	float:left;
	width: 480px;
	text-align:left;
}
div#component_2div { /* center column */
	display: block;
	width: 665px;
	float:left;
	text-align:left;
}
div#component_2div iframe { /* align body divs */
	display:block;
	float:left;
 	width: 650px;
	height: 800px;
	border: none;
}

div#component_2div .iframe_hotel { /* align body divs */
	display:block;
	float:none;
 	width: 100%;
	height: 800px;
	border: none;
	width: 850px;
}

div#right { /* right column */
	display: block;
	float:left;
	width: 170px;
	text-align: left;
	margin-left: 15px;
}
div#footer { /* Footer Div row */
	display: block;
	width: 850px;
	height: 40px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 20px 0 0 0;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	line-height:40px;
	vertical-align:middle;
	text-indent: 185px;
}
div#footer a:link, div#footer a:visited {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 50px;
}
div#footer a:hover {
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	margin-left: 50px;
}








	
/**** LOGIN LEFT MODULE ****/
#form-login {
text-align:center;
}	
#form-login p, #form-login .button, #form-login a {
	margin: 5px;
}





/****** LEFT MENU DESIGN ******/


#left .moduletable, #right .moduletable, .moduletable_ph1, .moduletable_ph2, .moduletable_ph3, .moduletable_ph4 {
	margin-bottom: 15px;
	padding-bottom: 8px;
	background-image: url(../images/menu_02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #F0F0F0;
}

	/* headers */
	
#left h3, #right h3 {
	display: block;
	height: 30px;
	background-image: url(../images/menu_01.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
}

	/* for image in menu */
	
.moduletable_ph1 th {
	display:block;
	height: 90px;
	background-image: url(../images/pic_01.jpg);
	background-repeat: no-repeat;
}
.moduletable_ph2 th {
	display:block;
	height: 90px;
	background-image: url(../images/pic_02.jpg);
	background-repeat: no-repeat;
}
.moduletable_ph3 th {
	display:block;
	height: 90px;
	background-image: url(../images/pic_03.jpg);
	background-repeat: no-repeat;
}
.moduletable_ph4 th {
	display:block;
	height: 90px;
	background-image: url(../images/pic_04.jpg);
	background-repeat: no-repeat;
}

	/* bottomline tr */

#left .moduletable tr, #right .moduletable tr, .moduletable_ph1 tr, .moduletable_ph2 tr, .moduletable_ph3 tr, .moduletable_ph4 tr {
	display:block;
	border-bottom: 1px solid #E6E6E6;
}

	/* mainlevel links */
	
#left a.mainlevel:link, #left a.mainlevel:visited,
#right a.mainlevel:link, #right a.mainlevel:visited {
	display: block;
	line-height: 28px;
	vertical-align:middle;
	width:170px;
	color: #C00;
	text-indent:12px;
	font-weight: bold;
	font-size: 13px;
}
#left a.mainlevel:hover , #right a.mainlevel:hover{
	display:block;
	line-height: 28px;
	vertical-align:middle;
	width:170px;
	background-color:#E6E6E6;
	text-indent:12px;
	font-weight: bold;
	font-size: 13px;
} 

	/* sublevel 1 links */
	
div.sub_1{
	background-color: #E6E6E6;
}
#left div.sub_1 a.sublevel:link, #left div.sub_1 a.sublevel:visited,
#right div.sub_1 a.sublevel:link, #right div.sub_1 a.sublevel:visited {
	display: block;
	line-height: 24px;
	font-size: 12px;
	color: #C00;
	padding-left: 12px;
	border-bottom: 1px solid #E1E1E1;
}
#left div.sub_1 a.sublevel:hover, #right div.sub_1 a.sublevel:hover {
	display: block;
	line-height: 24px;
	font-size: 12px;
	color: #C00;
	padding-left: 12px;
	background-color: #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}

	/* sublevel 2 links */
	
div.sub_2 {
}
#left div.sub_2 a.sublevel:link, #left div.sub_2 a.sublevel:visited,
#right div.sub_2 a.sublevel:link, #right div.sub_2 a.sublevel:visited {
	display: block;
	line-height: 14px;
	font-size: 12px;
	padding: 4px 2px 4px 18px;
	color: #666666;
}
#left div.sub_2 a.sublevel:hover, #right div.sub_2 a.sublevel:hover  {
	display: block;
	line-height: 14px;
	font-size: 12px;
	padding: 4px 2px 4px 18px;
	color: #666666;
}




/*** HEADERS *******************/
/*******************************/

.contentheading {
	display:block;
	width:100%;
	height: 40px;
	line-height:40px;
	vertical-align:middle;
	text-indent: 20px;
	background-image: url(../images/heading_left.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.contentheading2 {
	display:block;
	width:100%;
	height: 40px;
	background-color: #f3f3f4;
	background-image: url(../images/heading_right.gif);
	background-position:right;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.componentheading {
	display:block;
	width:100%;
	height: 30px;
	line-height: 30px;
	vertical-align:middle;
	text-indent: 10px;
}
.contentpane {
	display:block;
	width:100%;
	height: 20px;
	line-height: 20px;
	vertical-align:middle;
	text-indent: 10px;
	font-style: italic;
}
.contentheading, .componentheading, 
a.contentheading:link, a.contentheading:visited, a.contentheading:hover {
	font-size: 14px;
	color: #C00;
	font-weight: bold;
}
td.article_column {
	display:block;
	position:relative;
	float:left;
}
td.column_separator {
	display:block;
	position:relative;
	margin-left:10px;
	padding-left:10px;
}
.article_column img {
margin: 5px 8px;}


.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited,
.sectiontableheader,
.newsfeedheading {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}


/*** FORMS SETTINGS ************/ 
/*******************************/

.button {}
.inputbox {}
.search {} /*formatting the <div> which holds search items: inputbox, search button...*/


/*** IMAGE SETTINGS ************/ 
/*******************************/

img {
	border: 0;
	margin: 3px 4px;
}



/*** Non-title text ************/
/*******************************/

p {
	display:block;
	margin-bottom: 15px;
	text-align: justify;
	line-height: 15px
}
li > p {}
strong, b {}
td {}
tr {}
div {}
pre {}
abbr acronym {}


/*** LISTS SETTINGS ************/
/*******************************/
ol, ul, li {
	margin-left: 5px;
/*	padding-left: 5px;*/
/*list-style: none; Uncomment if you want a normal list*/
}
.contentpaneopen ul {
	margin-left: 8px;
	margin-bottom: 8px;
	padding-left: 0;
	text-align:left;
}
.contentpaneopen li {
	margin-bottom: 4px;
	text-align:left;
}
ul,ol {
}
li{
}


/********* NAVIGATION **********/
/*******************************/

/* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */ 
.pagenav,.pagenavbar {} 
a.pagenav:visited,.pagenavbar:visited,.pagenavbar:link {}
a.pagenav:hover, {}

/*Style for the "Read More" link that is displayed for large content items*/
a.readon:link,a.readon:visited {} 
a.readon:hover {}

/*Style for the "Read More" link that is displayed for large content items - PUSH BUTTON VERSION
a.readon:link,a.readon:visited {} 
a.readon:hover {}
*/

/**** CONTENT PAGE SETTINGS ****/
/*******************************/

a.category:link {}
a.category:hover {}
a.category:visited {}

.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */


.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.blog {
	display:block;
	width: 100%;
}
.contentpaneopen {
	text-align:justify;
	width: 100%;
}

a.contentpagetitle:hover {} /*Title of articles when appeare as links */

.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {} 
a.toclink:hover {} 

/*Style for the "BACK" button.*/
a.back_button {}
a.back_button:hover {} 

/*Style for the "BACK" button. Push button version
a.back_button {}
a.back_button:hover {}
*/

/* You get the idea, style as above */
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/






/*** OTHER STYLE ***************/
/*******************************/

blockquote, dl, address, {}
dd, blockquote {}
fieldset {
	border: none;
}
input, select, textarea {
}

/* Padding for inside containers. Trying to avoid box-model bugs */
.insidefooter { /*slight adjustment for footer */
	padding: 5px 0;
}
.inside {
	padding: 10px 0 0 8px;
}
.insideright { /*slight adjustment for right column */
	padding: 10px 0 8px 8px;
} 

/* horizontal line in your template*/
hr {} 
hr.separator {}

/*Style for latest news list - by default, latest news is user1 module*/
.latestnews ul {} 
.latestnews li {}
/*Style for most popular list - by default, most popular is user2 module*/
.mostread ul{} 
.mostread li{}


/* SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.
Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {} 
.sectiontableentry2 {}



/* MISCELLANEOUS */

/* For styling the date the content/articles are created under contents title */
.createdate {
}
/* Formating "Last updated on" text at the end of articles/contents */
.modifydate {
} 
/* Formating "Written by:...." text. You can also use for any 'fine print' on your site by defining it in the html while adding content*/
.small {
}
/*Found in poll result page, for " Number of Voters".. text */
.smalldark {
}

/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */


/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks" 
section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */

/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */

/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box
that appears after you have entered a search value. It appears on the mainbody
with the search results */


/*****************************************/
/* Rounded div corners if using -3 suffix. Images go in /template/images folder
.module {}
div.module {
background: url(../images/topleftofbox.png) 0 0 no-repeat;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
div.module div {
background: url(../images/toprightofbox.png) 100% 0 no-repeat;
}
div.module div div{
background: url(../images/bottomleftofbox.png) 0 100% no-repeat;
}
div.module div div div {
background: url(../images/bottomrightofbox.png) 100% 100% no-repeat;
padding: 8px;
width: auto !important;
width: 100%;
}*/

/* дополнительные параметры */

div.chronoform {
	margin: 25px 0 0 30px;
}
div.chronoform a {
	font-size: 10px;
}

.price p {
display: block;
margin: 2px 0;
text-align:center;
}
/* Phoca Gallery */
.pagination,
.sectiontablefooter,
.pagecounter {
margin: 4px 0;
}
table.phocacategory {
margin-bottom: 10px;
}
.delfin {
display: block;
width: 600px;
height: 600px;
border:none;
}

table.fly, table.table {
	background-color: #FF9900;
}
table.fly th, table.table th {
	background-color:#E4E4E4;
	font-weight: bold;
	padding: 3px;
	text-align:center;
}
table.fly td, table.table td {
	border: none;
	background-color:#FFF7DF;
	padding: 3px;
	text-align:center;
}