/* ---------- start basic template webpage ---------- */
html{
	height:100%;
	background-color:#EDEEF0;	
}

body{
	height:100%;
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	background: url('../images/header_pattern.jpg') repeat-x; 
}

#template_webpage {
	margin:0 auto; /* center, not in IE5 */
	width:1000px; /* width of page */
}

#template_header {
	position: relative;
	height: 40px;
	background:#fff;	
	background: url('../images/header.png') no-repeat; 
}

#logo_link{
	position: absolute;
	top:40px;
	width:430px;
	height:165px;
}

#template_main {
	position: relative; /* This fixes the IE7 overflow hidden bug */
	width: 100%; /* width of whole page */
	/* overflow: hidden; /* This chops off any overhanging divs */
	background: url('../images/main_frame_pattern.png') repeat-y; 
	margin-top:12px;
}

#template_left_position{
	float: left;
	width: 300px;
	padding:25px 5px 0 5px;
	padding-top:25px;
}

#template_right_position{
	float: right;
	width: 620px;
	height: 100%;
	padding:25px 35px 25px 35px;
}

#template_footer {
	clear: both;
	margin:auto;
	position: relative;
	width:100%;
	background:#074576;	
}

#footer_container{
	width: 1000px;
	margin: 0 auto;
	background:url("../images/footer.png");
	height:230px;
	padding-top:30px;
	position:relative;
	}


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

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

.img_general
{
	margin:20px;
}

/* ---------- end basic template webpage ---------- */



/* Google map  ------------------------------------ */
.google_map_canvas{width:100%; height:360px;}
.google_infowindow_title {padding:2px; text-align:center; color:#000000; font-size:13px; font-weight:normal;}
.google_infowindow_desc {padding:2px; text-align:justify; color:#3F3F3F; font-size:11px; font-weight:normal;}
.google_infowindow_link {float:right; padding:2px; text-align:justify; color:#3F3F3F; font-size:11px; font-weight:normal;}


/* start contact ----------------------- */
.contact_textbox_small{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:13px; 
	width: 254px;
	padding:4px; 
	border: 1px inset #BFBFBF; 
	background:transparent url(../images/system/input_background.jpg) 0 0 repeat-x;
}

.contact_textbox_big{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:13px; 
	width: 534px;
	padding:4px; 
	border: 1px inset #BFBFBF; 
	background:transparent url(../images/system/input_background.jpg) 0 0 repeat-x;
}

.contact_textbox_captcha{
	font-family: Verdana, Trebuchet MS, Tahoma; 
	font-size:17px; 
	font-weight:bold;
	width:84px;
	padding:4px; 
	margin-top:2px;
	border: 1px inset #BFBFBF; 
	background:transparent url(../images/system/input_background.jpg) 0 0 repeat-x;
	color:#155CAF;
	text-align:center;
	text-transform: uppercase;
}

.contact_newsletter{
	width:180px;
	border:1px solid #AFAFAF;
}
/* ------------------------ end contact  */


/* start search ------------------------ */
.search_container {padding: 4px;}
.search_textbox{
	font-size:12px; 
	font-weight:bold;
	width: 200px;
	padding:4px; 
	margin-top:2px;
	background-color: transparent;
	border:0;
	color:#375A76;
}
.search_results_line{
	padding: 5px 0px 5px 0px;
	border-bottom:1px dotted #6D7271;	
}
/* -------------------------- end search */


/* start button ------------------------ */
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

/* Safari and Google Chrome only - fix margins 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	button span {
		margin-top: -1px;
	}
}*/


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 7px 0 0; 
	margin-right:2px; 
	font-size: 9px; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	background: transparent url(../images/general_button.png) no-repeat right -70px; 
}
	
button.submitBtn span {
	padding: 6px 1px 0px 8px; 
	height:20px; 
	background: transparent url(../images/general_button.png) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -105px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -35px;
}
/* -------------------------- end button */


/* ---------- start Language Picker 1 -------- */
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; z-index:101;}
.dropdown dd { position:relative; }
.dropdown a:link, .dropdown a:visited {color:#816c5b; text-decoration:none; outline:none;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#0F0F0F; border: 1px solid #5F5F5F;}
.dropdown dt a {background:#F1F1F1 url(../images/system/language_picker_images/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
				border:1px solid #7F7F7F; width:150px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background:#F1F1F1 none repeat scroll 0 0; border:1px solid #7F7F7F; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#5F5F5F; color:#FFFFFF;}
.dropdown img.flag { border:none; vertical-align:middle; margin-right:10px; }
/* ---------- end Language Picker 1 ---------- */


/* start poll -------------------------------- */
.polls_table {border-collapse: collapse;}
.polls_table th {}
.polls_table td {
	padding-top: 3px;
	border-bottom:1px solid #dddddd;
}
/* ---------------------------------- end poll */



/* start member login table ------------------ */
.login_table {border-collapse: collapse; width:100%;}
.login_table th {}
.login_table td {
	border: 1px solid #dddddd;
	padding: 24px;
	background-color: #FDFDFD;
}
.login_form_input{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:14px; 
	width: 90%;
	padding:4px; 
	margin-top:2px;
	border: 1px inset #BFBFBF; 
	background:transparent url(../images/system/input_background.jpg) 0 0 repeat-x;
}

.login_list_ul{
	 
	margin: 0px 0;
	padding-left: 14px;
	list-style-type:square;
	color:#EB8810;
	line-height:16px;
	font-size:11px;
	font-family:Verdana;
}
.login_list_li:hover {color:#8F4000;}
.login_list_li#current {color:#8F4000;}
.login_list_li a:link {font-weight: normal;}
.login_list_li a:visited {font-weight: normal;}
/* -------------------- end member login table */


/* start member register table --------------- */
.register_table {border-collapse: collapse; width:80%;}
.register_table td {border: 1px solid #dddddd; padding: 24px; background-color: #FDFDFD;}
.message_table {border-collapse: collapse; width:80%;}
.message_table td {border: 1px solid #dddddd; padding: 24px; background-color: #FDFDFD; font-size:12px;}
.register_form_input{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:13px; 
	width: 260px;
	padding:4px; 
	border: 1px inset #BFBFBF; 
	background:transparent url(../images/system/input_background.jpg) 0 0 repeat-x;
}

.register_form_input_select{
	font-family: Arial, Tahoma, sans-serif; 
	font-size:13px; 
	width: 270px;
	padding:3px 4px 3px 4px; 
	border: 1px inset #BFBFBF; 
	background:transparent url(../images/system/input_background.jpg) 0 0 repeat-x;
}

.star_class{color:#FF6600; font-size:14px;}
/* ----------------- end member register table */


/* start form elements ----------------------- */
span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/system/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

span.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}
/* ------------------------- end form elements */


/* start module ------------------------------ */
.module_header{
	background: url(../images/module_header.gif) no-repeat;
	height:50px;
}
.module_header_text{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:8px;
	color:#FFFFFF;
	font-weight:bold;
}

.module_pattern{
	background: url(../images/module_pattern.gif) repeat-y;
	padding-left:38px;
	padding-right:36px;
}

.module_footer{
	background: url(../images/module_footer.gif) no-repeat;
	height:18px;
}
/* -------------------------------- end module */



/* ---------- start 4CMS css ---------- */
a:link { text-decoration: none; font-weight:bold; color:  #DA0313;  }
a:visited { text-decoration: none; font-weight:bold; color:  #DA0313;	 }
a:active { text-decoration: none; font-weight:bold; color:  #DA0313;  }
a:hover { text-decoration: none; font-weight:bold; color:  #06335A;  }


.date_function_container {padding: 10px 0px 10px 0px;}
.amea_container{padding: 2px 0px 2px 0px;}


.footer_sitemap{
	font-weight: normal;
	font-size:14px;
	padding: 0px;
	margin: 0px;
	margin-left:40px;
}

.footer_sitemap a {color: white; font-weight: normal;}
.footer_sitemap a:visited {color: white; font-weight: normal;}

.footer_sitemap ul
{
	font-weight: normal;
	font-size:14px;
	margin: 0px;
	padding: 5px 0px 0px 0px;

}

.footer_sitemap li
{
	
	margin-right: 10px;
	padding: 3px 10px 3px 10px;
	list-style-type:none;
	float: left;

}

.footer_sitemap ul li ul li{padding: 3px;}
		

.main_content_container{}

.general_title{
	margin:0px;
	margin-bottom:5px;
	font-size:18px;
	font-weight:normal;
	color:#06335A;
	border-bottom:1px solid #DA0313;	
}

.path_container{margin-bottom:10px;font-size:11px;color:#0A375E;}

.subcategory_container {
	background-color: #EFEFEF;
	padding:10px;
	margin-bottom:10px;
}

.subcategory_container ul {
	margin:10px;
	padding:0px;
	padding-left:10px;
	list-style-image:url('../images/b_more.png') ;
}

.category_description_container{margin-bottom:10px;}

.article_container{margin-bottom:25px;margin-top:25px;}

.article_title{
	margin:0px;
	margin-bottom:12px;
	font-size:18px;
	padding-bottom:5px;
	color:#06335A;
	border-bottom:1px solid #DA0313;
}
.article_title a{
	color: #06335A;
}

.article_image{
	float:left; 
	margin:0px 10px 10px 0px; 
	padding:2px; 
	border:1px solid #C4C6C7;
	
}

.article_content p {
	margin-top:10px;
	margin-bottom:10px;
	text-align:justify;
}

.article_more{
	float:right;	
	background: url('../images/b_more.png') right no-repeat;
	padding-right: 12px; 
}

.article_back{
	float:left;
	background: url('../images/epistrofi_icon2.png') left no-repeat;
	padding-left: 23px; 
}

.lastnews_container{padding: 10px 0 10px 0;}

.lastnews_line {
	margin-bottom:8px;
}

.lastnews_date_news{
	color: #ED6E00;
	float: left;
}
.lastnews_date {
	float:left;
	width:30px;
	color:#ffffff;
	font-size:10px;
	margin-right:10px;
	background:transparent;
	text-align:center;
}

.lastnews_article {
	float:left;
	width:530px;	
	text-align: justify;
	padding-left:10px;
}

.lastnews_article a
{
	color:#2C516E;
}


.lastnews_more {
	padding-top:5px;
	padding-bottom:5px;
	float:right;
}

.smoothmenu_containter_horizontal{}
/* ---------- end 4CMS css ---------- */



.slideshow { margin: auto;border:0; width:1000px; height:240px;overflow:hidden;background-color:#ffffff;}
.slideshow img { padding: 0px; border: 0;}


.print_friendly_div{float:right;}


.left_menu_header
{
	background-image: url(../images/menu_button_header.png);
	width:300px;
	height:30px;
}

.left_menu_footer
{
	background-image: url(../images/menu_button_footer.png);
	width:300px;
	height:40px;
}




/*UP MENU*/

.up_menu 
{
	padding-left:25px;
	margin:0;
	text-align:left;
}


.up_menu  ul
{
	list-style-type: none;
	padding:0;
	margin:0;
}

.up_menu ul li{
position: relative;
display: inline-block;
#display: inline;
}

.up_menu ul li a{
display:inline-block;	
color: #174262;
font-size:14px;
font-weight:bold;
padding: 9px 20px 9px 25px;
text-decoration: none;
background-repeat:no-repeat;
}

* html .up_menu ul li a{ 
display: inline-block;
#display: inline;
background-repeat:no-repeat;
}



.up_menu ul li a.selected{ 
background-color: #DA0313; 
background-repeat:no-repeat;
color: #fff;

}

.up_menu ul li a:hover{
background: #DA0313; 
color: #fff;
}

/*upmenu links*/
.up_menu ul li a#home,.up_menu ul li a#home:visited
{
	background-image: url('../images/arxiki_icon_black.png');
}
.up_menu ul li a#links
{
	background-image: url('../images/links_icon_black.png');
}
.up_menu ul li a#contact
{
	background-image: url('../images/contact_icon_black.png');
}

/*upmenu hover*/
.up_menu ul li a#home:hover
{
	background-image: url('../images/arxiki_icon_white.png');
	background-color: #DA0313;
}
.up_menu ul li a#links:hover
{
	background-image: url('../images/links_icon_white.png');
	background-color: #DA0313;
}

.up_menu ul li a#contact:hover
{
	background-image: url('../images/contact_icon_white.png');
	background-color: #DA0313;
}


/*upmenu selected*/
.up_menu ul li a.selected#home
{
	background-image: url('../images/arxiki_icon_white.png');
	background-color: #DA0313;
}
.up_menu ul li a.selected#links
{
	background-image: url('../images/links_icon_white.png');
	background-color: #DA0313;
}

.up_menu ul li a.selected#contact
{
	background-image: url('../images/contact_icon_white.png');
	background-color: #DA0313;
}


.up_menu ul li a,.up_menu ul li a:visited{
	background-repeat:no-repeat;
	background-position: 5px;
}

.up_menu ul li a:hover{
	background-repeat:no-repeat;
	background-position: 5px;

}
.up_menu ul li a.selected{
	background-repeat:no-repeat;
	background-position: 5px;
}

.up_menu ul li.seperator
{
	/*border-right:1px solid #C8C8C8;*/
	height:12px;
	line-height:8px;	
	margin:0px 0px 0 6px;
	vertical-align:top;


}

.up_menu ul li.seperator img
{
	margin-top:10px;
}

.header_slideshow
{
	padding:0;
	margin:1px 0 0 0;
	width:1000px;
	height:24px;
	clear:both;
}

/*footer submenu*/


.footer_submenu 
{
	margin:105px 0 0 0;
	text-align:right;
	clear:both;
}


.footer_submenu  ul
{
	list-style-type: none;
	padding:0;
	margin:0;
}

.footer_submenu ul li{
	position: relative;
	display: inline-block;
	#display: inline;
}

.footer_submenu ul li a{
	display:inline-block;	
	color: #fff;
	font-size:12px;
	font-weight:bold;
	padding: 12px 7px 9px 20px;
	text-decoration: none;
	background-repeat:no-repeat;
	font-weight:normal;
}

* html .footer_submenu ul li a{ 
	display: inline-block;
	#display: inline;
	background-repeat:no-repeat;
}

.footer_submenu ul li a#home_f,.up_menu ul li a#home:visited
{
	background-image: url('../images/arxiki_icon_white.png');
}
.footer_submenu ul li a#links_f
{
	background-image: url('../images/links_icon_white.png');
}
.footer_submenu ul li a#contact_f
{
	background-image: url('../images/contact_icon_white.png');
}





/******************************************/





/**********************************CARROUSEL****************************/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width:620px;
	height:286px;
	padding:0;
	margin:0;
}

/*	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	/*border:2px solid purple;*/
	left:0px;
	right:0px;
	z-index:1;

}

.items div {
	float:left;
	width:620px;
	z-index:1;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	height:286px;
	width:620px;	
	border:0;
}

/* active item */
.scrollable .active {
	border:0px ;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */

.carrousel_l
{
 width:33px;
 height:65px;
 position:absolute;
 top:100px;
 left:-5px;
 z-index:10; 
}


.carrousel_r
{
 width:33px;
 height:65px;
 z-index:10;
 position:absolute;
 top:100px;
 right:-5px;
}


a.browse {
	
	display:block;
	width:33px;
	height:65px;
	cursor:pointer;
}


/* right */ 
a.right {background: url(../images/first_news_next_up.png); }
a.right:hover {background: url(../images/first_news_next_roll.png); }
a.right:active{background: url(../images/first_news_next_roll.png); } 


/* left */
a.left { background: url(../images/first_news_previous_up.png); } 
a.left:hover { background: url(../images/first_news_previous_roll.png); }
a.left:active  { background: url(../images/first_news_previous_roll.png); }


/* disabled navigational button */
a.disabled {
	cursor:default;	
} 	


#carousel
{
	border:5px solid #DEDEDE;
	height:286px;
	width:620px;
	position:relative;
	margin:0 auto;	
}

.carrousel_photos
{
	width:620px;
	float:left;
	height:286px;
}


#carousel .navi {
	text-align:right:
	width:620px;
	right: 7px;
	height:20px;
	position:absolute;
	top:265px;
	z-index:10;
}

/* items inside navigator */
#carousel .navi a {
	width:20px;
	float:left;
	height:10px;
	margin:3px;
	background:url(../images/image_indicator_off.png) no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
#carousel .navi a:hover {
	background:url(../images/image_indicator_on.png) no-repeat;
}

/* active state (current page state) */
#carousel .navi a.active {
	background:url(../images/image_indicator_on.png) no-repeat;
}


#carousel .caption
{
	background: url(../images/carrousel_pattern.png);
	position:absolute;
	z-index:15;
	bottom:-15px;
	width:100%;
	padding:5px 10px 10px 10px;
	width:600px;
	#bottom:0;
}

#carousel .caption p
{
	padding:4px 0;
	margin:0;
}


#carousel .caption span
{
  color:#fff;
  white-space:wrap;
}


#carousel .caption span.title
{
 font-weight:bold;
 font-size:16px;
}


#carousel .caption span.text 
{
 color:#F1EFF4;
 font-weight:normal;
 font-size:13px;
}
/****************************END CARROUSEL************************************/


.share_this
{
	clear:both;
	text-align:right;
}

.news_header
{
	background:url(../images/news_frame_header.png) no-repeat;
	width:610px;
	height:6px;

}

.news_footer
{
	background:url(../images/news_frame_footer.png) no-repeat;
	width:610px;
	height:8px;

}

.news_pattern
{
	background:url(../images/news_frame_pattern.png) repeat-y;
	width:610px;
	height:100%;
}

.video_front
{
	/*float:left;*/
	text-align:center;
	padding:0;
	margin:0;
}
.video_front p
{
	padding:0;
	margin:0;
}
.delicious_front
{
	float:left;

}

.delicious_frame
{
	margin-left:10px;
	width:280px;
	border:1px solid #DFE0E5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	height:100%;
	background-color:#fff;
	padding:10px;
}

.delicious_frame .title
{
	color:#2C516E;
	font-size:15px;
	font-weight:bold;
	background:url(../images/delicious.jpg) no-repeat;
	padding:0 0 10px 22px;
	border-bottom:1px solid #DA0313;
	margin-bottom:4px;
}


.delicious_frame .content
{
	background:#fff;
}

ul.rss_ul 
{
	list-style-image:url(../images/bullet_news.png);
	background:#fff;
	padding:10px 5px 0px 20px;
	margin:0;
}

li.rss_module_listitem a
{
	color:#ED6E00;
	font-size:11px;
	text-decoration:underline;
	background:#fff;
}

li.rss_module_listitem a:link, li.rss_module_listitem a:visited
{
	color:#2C516E;
	font-size:11px;
	text-decoration:underline;
	background:#fff;
}

li.rss_module_listitem a:hover
{
	color:#ED6E00;
	font-size:11px;
	text-decoration:underline;
	background:#fff;
}

li.rss_module_listitem 
{
	padding-bottom:5px;
	font-size:11px;
	background:#fff;
}

.rss_container
{
	background:#fff;
	height:100%;
	padding:0;
	margin:0;
	border:1px solid red;
}

#footer_signs
{
	position:absolute;
	top:215px;
	width:1000px;

}

#footer_signs .left
{
	color:#fff;
	font-size:10px;	
	letter-spacing:1px;
	margin-left:15px;
	width:366px;
	float:left;	
	padding-top:12px;
}

#footer_signs .right
{
	float:left;
	padding-right:10px;
	width:602px;
	text-align:right;
	padding-top:12px;
}



#footer_signs .right a
{
	color:#fff;
	font-size:10px;
	font-weight:normal;
}


.contact_table td div.head
{
	border-bottom:1px solid  #BFBFBF;
	color:#06335A;
	font-weight:bold;
	font-size:14px;
	padding:4px 4px 4px 0;
	margin-bottom:4px;
}

.contact_table
{
	background:#EDEEF0;
	width:100%;
	margin-top:10px;
}

.contact_table td.seperator
{
	border-right:1px solid #BFBFBF;
	width:1px;
}

.contact_table td
{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	font-size:12px;
	line-height:18px;
	width:50%;
}

.gallery_table
{

}



.gallery_table td img
{
	border:1px solid #BFBFBF;
	padding:5px;

}


.overflow_hidden
{
	overflow: hidden;
}

.display_none
{
	display: none;
}
.display_block
{
	display: block;
}