/*
Theme Name: Miloscenter
Theme URI: 
Description: 
Version: 1.0
Author: Nevma
Author URI: http://www.nevma.gr/

	This theme was designed and built by Nevma,
	work by which can be found at http://www.nevma.gr
*/

/* CSS3 TOOLS */

.pie, .gfield input, .gfield textarea, .button, .button.submit, .button.gform_button { behavior: url('http://www.miloscenter.gr/wp-content/themes/miloscenter/css/pie.htc'); } /* These should have css3 behaviors */

/* -moz-box-shadow: 1px 2px 2p #c2c1c0; -webkit-box-shadow: 1px 2px 2p #c2c1c0; box-shadow: 1px 2px 2px #c2c1c0; -moz-border-radius: 15px; border-radius: 15px; */

/*	Resize images to fit the main content area.
	Applies only to images uploaded via WordPress by targeting size-* classes.
	Other images will be left alone. Use "size-auto" class to apply to other images. */
	
	img.size-auto,
	img.size-full,
	img.size-large,
	img.size-medium,
	.attachment img { max-width: 100%; height: auto;}

	.alignleft,
	img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 5px;}

	.alignright,
	img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 5px;}

	.aligncenter,
	img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

	img.alignleft,
	img.alignright,
	img.aligncenter { margin-bottom: 12px;}


/* GENERAL STUFF */

html { background: #ecebe9; padding:0; margin-top:0 !important; }

body  {  font-family:'Arial', Tahoma, sans serif; margin:0 auto; font-size:12px; color:#7b746a; }

h1, .heading-h1 { color:#cfcec8; font-size:40px; font-weight:bold; text-align:left; line-height:40px; margin:0 0 30px 0; padding:0; }

h2, .heading-h2 { color:#5a5145; font-size:22px; font-weight:normal; text-align:left; line-height:25px; margin:0 0 20px 0; padding:0; }

h3, .heading-h3 { color:#5a5145; font-size:16px; font-weight:normal; text-align:left; line-height:15px; margin:15px 0; padding:0; }

h4, .heading-h4 { color:#5a5145; font-size:14px; font-weight:normal; text-align:left; line-height:15px; margin:15px 0; padding:0; }

p { color:#7b746a; font-size:14px; padding: 15px 0; }

.br { margin:0 0 10px 0; }

#content a { color:#5a5145; }
#content a:hover { color:#9c978f; }

ul, ol { margin: 5px 0; }

#right-column ul, #right-column ol { margin: 5px 0 5px 20px; }

blockquote { border:0; text-align:left; margin:25px auto; padding:0; line-height:35px; }

blockquote p { margin:0; padding:0; color:#ACACAC; font-size:29px; }

.clear { clear:both; line-height:1px; margin:0 auto; }

hr, .sliding-box-separator { background:url('images/content-background.jpg') repeat-x; height:3px; font-size:3px; border:none !important; margin:0 auto; line-height:3px; }

.narrow hr, .narrow .sliding-box-separator { margin:0 -235px 0 0; clear:both; }
.wide hr, .wide .sliding-box-separator { margin:0 -45px 0 0; clear:both; }

/* container */

#container { margin:0 auto; width:990px; }

/* top */

#top { background:white; width:950px; height:123px; margin:0 auto; text-align:center; padding:20px 20px 10px 20px; position:relative; }

	#logo { text-align:left; margin:15px 0 0 20px; }

	#languages { position:absolute; top: 67px; right:40px; }

		#languages a { color:#5a5145; font-size:12px; }
		#languages a:hover { color:#ABA79C; }

	#search { position:absolute; top: 100px; right:17px; font-size:13px; }

		#search p { margin:0; padding:0; }

		.search-content {}

			.search-content a h2 { color:#5a5145; }
			.search-content a h2:hover { color:#A06016; }

			.search-content h2 { line-height:18px; margin:15px 0 0 0; font-size:17px; font-weight:normal; color:#5a5145; }

			.search-content p { margin:5px 0 10px 0; }

			.search-content .search-h1 { font-weight:bold; font-size:16px; color:#5a5145; line-height:20px; margin:0 0 5px 0; }

			.search-content .search-hr { margin-top:10px; margin-bottom:10px }

			.pagination { margin:0 auto; text-align:center; }

				.wp-paginate { list-style:none; }

					.wp-paginate li { display:inline; margin:5px 10px; }

		.input { -moz-border-radius: 8px; border-radius: 8px; border:1px solid #bfbfbf; height:20px; padding:0 5px; }
		#search .input { border-top:2px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; border-left:2px solid #bfbfbf; }

		.button, .button.submit, .button.gform_button { background:#bdbab2 url('images/button-background.jpg') bottom center repeat-x;
 height:22px; -moz-border-radius: 8px; border-radius: 8px; border:0; border-top:1px solid #ceccc6; cursor:cursor; cursor:pointer; color:white; font-size:12px; margin:0 0 0 5px; padding: 0 5px 5px 5px; vertical-align: middle; }
		.button:hover, .button:hover:hover, .button.gform_button:hover { background:#a09d91 url('images/button-background-hover.jpg') bottom center repeat-x; color:#white; border:0; border-top:1px solid #ceccc6; }
		.button:active, .button.submit:active, .button.gform_button:active { background:#a09d91 url('images/button-background-active.jpg') bottom center repeat-x; color:#white; border:0; border-top:1px solid #ceccc6; }

/* menu */

#menu { height:55px; border-top:1px solid #beb598; border-bottom:2px solid #ffffff; background:#beb598; padding:5px 15px; position:relative; z-index:1 !important; }

	#menu-ul { list-style:none; text-align:left; }

		#menu-ul li { float: left; height: 40px; margin:0 15px; position: relative;}
		
		#menu-ul li:hover a { color:#5a5145; }

			#menu-ul a { color:white; font-size:14px; font-weight:bold; }
			#menu-ul a:hover { color:#5a5145; }

			#menu-ul .current_page_item a, #menu-ul .current_page_parent a { color:#5a5145; }

	#menu-ul .children { display: none; z-index:999 !important; border-bottom:1px solid white !important; font-size:13px; padding:11px 0 0 0; }

		#menu-ul .children .children, #menu-ul .children .children .children { display: none !important; }

		#menu-ul .children li { float: none; }
	
		#menu-ul .children li.current_page_item a, #menu-ul .children li.current_page_item a:hover { color:#5a5145; }
	
	/* Hover Menus */
	#menu-ul .hover { display: block; position: absolute; top: 20px; left: -5px; background: #beb598; border-bottom:1px solid #a09d91; margin:0; width:auto; }

	#menu-ul .hover li { margin:2px 7px; border-top:1px solid white; display: block; height: auto; line-height:20px; }
	#menu-ul .hover li:first-child { border:0; }

		#menu-ul .hover li a { display: block; color:white; font-size:13px; padding:0 17px 0 0; white-space:nowrap; }
		#menu-ul .hover li a:hover { color:#5a5145; }
		#menu-ul .hover li a.current { color:#5a5145; }

	.page-item-54, .page-item-376 { position:absolute !important; top:10px; right:25px; }

			.page-item-54 a, .page-item-376 a { color:#BEB598; font-size:12px; font-weight:normal !important; }
			.page-item-54 a:hover, .page-item-376 a:hover { color:#7e220c; }

			.page-item-54 .current_page_item a, .page-item-376 .current_page_item a { color:#b97d18; }

/* banner */

#banner { width:990px; height:437px; overflow: hidden;  margin: 0 auto; position: relative; font-size: 14px; }
	#banner .slide { width: 990px; height:437px; }
		#banner .slide h2 { color: #000; font-size: 36px; cursor:cursor; cursor:pointer; }
		#banner .slide p { color: #646260; }
		
	#slideshow-selector { margin: 0; padding: 0; position: absolute; bottom: 30px; left: 44%; list-style-type: none; z-index:10; }
		#slideshow-selector li { float: left; }
		#slideshow-selector a { display: block; background: url('images/bullets.png') top left repeat-x; width: 8px; height: 8px; margin: 0 3px; color: #9a9a9a; line-height: 8px; text-align: center; }
		#slideshow-selector a:hover { color: #777; }
		#slideshow-selector a.selected { background: url('images/bullets.png') top right repeat-x; color: #fff;}
		#slideshow-selector .previous-slide { background: url('images/slide-selector-previous.png') right 50% no-repeat; border:none; text-indent: -9999px; display:none; }
		#slideshow-selector .next-slide { background: url('images/slide-selector-next.png') left 50% no-repeat; border: none; text-indent: -9999px; display:none; }

	.slide-text-container { position:absolute; left:0; top:0; background:url('images/slide-text-background.png') top left repeat; width:250px; height:389px; z-index:0; padding:24px 40px; }

		.slide-text-container h2 { color:white; font-size:35px; font-weight:bold; line-height:42px; }

			.slide-text-container h2 a { color:white; }
			.slide-text-container h2 a:hover { color:#A09D91; }

		.slide-text-container p { color:white !important; font-size:15px; text-align:left; padding:0; line-height:25px; position:absolute;  bottom:24px; left:40px; width:250px; }

		.slide-text-container .arrow { background:url('images/arrow.png') top left no-repeat; width:14px; height:26px; position:absolute; right:24px; bottom:24px; cursor:cursor; cursor:pointer; }
		
			.slide-text-container .arrow a { padding:7px 0; display:block; height: 14px; width:26px; }

#banner-frame { background: url('../img/banner-frame.gif') 0 0 no-repeat; width: 981px; height: 981px; position: absolute; top: 0; left: 0; }

/* banners */

#banners { background:white url('images/banners-background.jpg') bottom left no-repeat; border-top:2px solid #a09d91; z-index:0; height:147px; }

	#banners .banner-a { color:#a09d91; font-size:19px; font-weight:bold; line-height:26px; position:absolute; left:39px; bottom:19px; display:inline-block; background:url('images/arrow-gray.png') bottom right no-repeat; width:230px; padding:0 30px 0 0; }

	.banner-div { background:white;  float:left; width:327px; height:135px; position:relative;  }

	.banner-div img { width:327px; height:135px; }

	.banner-img { width:327px; height:135px; cursor:cursor; cursor:pointer; display:block; }

.banner1 { border:1px solid white; border-left:0; margin:0 0 0 1px; }

.banner2 { margin:0 2px; border:1px solid white; }

.banner3 { border:1px solid white; margin:0; border-right:0; }

/* content */

#content { background:white url('images/content-back.jpg') repeat-y; width:990px; z-index:0; }

	#content #bottom { background: url('images/content-background.jpg') bottom right repeat-x; height:3px; width:990px; }

	#left-column { width:178px; float:left; background:#F6F5F3; padding:30px 5px 0 5px; }

		.submenu-title { color:#5a5145; font-weight:bold; }

		#submenu { margin:0 2px 0 30px; list-style:none; text-align:left; line-height:13px; font-size:14px; }

			#submenu li { margin:9px 0 0 0;  }

				#submenu a { color:#a29d95; }
				#submenu a:hover { color:#5a5145; }

				#submenu .current_page_item a { color:#5a5145; }

			#submenu ul { list-style:none; margin:5px 0 0 15px; line-height:15px; }

			#submenu ul li { margin:9px 0 0 0; }

				#submenu .current_page_item ul a { color:#5a5145; }
				#submenu .current_page_item ul a:hover { color:#5a5145; }

				#submenu .current_page_item ul .current_page_item a,
				#submenu .list-title.current { color:#5a5145; }

				#submenu .list-title { font-weight:bold; color:#a29d95; }

				#submenu .list-title:hover { color:#5a5145; }

	#right-column { background:white url('images/left-column-background.jpg') top left repeat-y;min-height:588px; /*background:white url('images/left-column-background.jpg') top left repeat-y;*/ margin:0 0 0 190px; font-size:14px; line-height:20px; position:relative; z-index:0 !important; overflow:hidden; }

	#right-column.wide { padding:30px 35px 30px 24px; width:741px; }
	#right-column.narrow { padding:30px 225px 30px 24px; width:551px; }

		.album { width:175px; float:left; margin:15px 100px 15px 0; }

		.gallery-photo {  text-align:left; float:left; margin:0; }

			#right-column.wide .sliding-box-content { width:741px; }
			#right-column.narrow .sliding-box-content { width:551px; }

			.sliding-box-title { cursor:cursor; cursor:pointer; font-size:16px; color:#5a5145; margin:10px auto 15px auto; }
			
			.sliding-box h2 .header-text { background:url('images/down-arrow.jpg') center right no-repeat; padding:0 20px 0 0; }
			.sliding-box.open h2 .header-text { background:url('images/up-arrow.jpg') center right no-repeat; padding:0 20px 0 0; }

			.gallery-photo img { margin:0 0 5px 0;  }

			.ngg-album-desc { color:white !important; line-height:14px; font-size:14px;  }
			.ngg-album-desc:hover { color:#5a5145 !important; }

			.ngg-gallery-thumbnail-box { float:left; margin:15px 50px 15px 0; }
			
				.ngg-gallery-thumbnail-box img, .ngg-gallery-thumbnail img { border:0; }

			.album p { margin:0; text-align:left; }

				.album-text { margin: 0; }

/* footer */

#footer { color:#9f9893; font-size:10px; padding:4px 0 8px 0; }

	#footer a { color:#9f9893; }
	#footer a:hover { color:#5A5145; }

	#copyright { float:left; }

	#signs { float:right; }

		#signs a { font-weight:bold; }

/* forms */

#right-column ul.gform_fields, #right-column ol.gform_fields { margin:0 auto; padding:0; }

.yellow, .gfield_required, .validation_error { color:#7e231b; font-weight:bold; }

.gfield_description.validation_message { white-space:nowrap; color:#7e231b; }

.gform_wrapper form { margin:0; width:504px; }

	.gform_wrapper ul { list-style:none; }

		.gform_wrapper ul li { padding:5px 0; }

		.gfield { margin:0; position:relative; }

			.ginput_container { width:232px; padding:0; margin:0; }

			.gfield_description.validation_message { color:#5a5145; font-size:11px; line-height:14px; font-weight:normal; position:absolute; bottom:-8px; left:0; }

			.gfield_label { font-style:normal; }

			.gfield_contains_required {  }

			.gfield.right-input { float:right; width:212px; margin:-61px 20px 0 0; }
			
			.left-multiple { width:230px; margin:0 30px 40px 0; }
			 .right-multiple { width:230px; margin:-134px 20px 0 0;  }
			.gfield.right-multiple { float:right; }

			.ginput_container { margin:5px 0 0 0; }

			.gsection_description hr {  margin:0 -292px 0 0; }

			.medium.datepicker_with_icon { width:182px; margin:0 8px 0 0; }

			.gfield input { -moz-border-radius: 10px; border-radius: 10px; border:2px solid #5d5c5c; width:212px; }
			.gfield input:focus { border:2px solid #7e231b; }

			.gfield textarea { padding:5px; -moz-border-radius: 10px; border-radius: 10px; border:2px solid #5d5c5c; width:484px; font-family:'Arial', Tahoma, sans serif; font-size:13px; height:110px; }
			.gfield textarea:focus { border:2px solid #7e231b; }

			.gfield.full-size input { width:484px; }

			.gfield_error input { border:2px solid #7e231b; }

			.button.gform_button { float:right; margin:0 5px 0 0; }

			#field_3_20 .gfield_label, #field_3_21 .gfield_label { font-weight:bold; }

			#field_3_20 .gfield_label, #field_3_21 .gfield_label { font-weight:bold; }

			.

.ngg-galleryoverview {
	clear:none !important; 
}

.ngg-gallery-thumbnail img { padding:0 !important; border:0 !important; }

.more-link { margin:10px 0 0 0; line-height:20px; background:url('images/arrow-right.png') center right no-repeat; padding:0 15px 0 0; font-size:12px; display:block; width:70px; text-align:left; }
.more-link:hover { background:url('images/arrow-right-hover.png') center right no-repeat; padding:0 15px 0 0; }

#fancy_title td, #fancy_title table, #fancy_title table, .fancy_title { border:0 !important; }

.slick-slide img {
  width: 100%;
  height: auto;
}

/* datepicker */

/* jQuery UI date picker ------------------------------------------------------*/

.ui-datepicker, .ui-datepicker td, .ui-datepicker tr { border:0; }

.ui-datepicker-div,
.ui-datepicker-inline,
#ui-datepicker-div {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 1em; 
	list-style: none; 
	background-color: #BEB598; 
	font-size: 1em; 
	border: 4px solid #A19D92; 
	width: 15.5em; 
	padding: 2.5em .5em .5em .5em; 
	position: relative;
}
.ui-datepicker-div,
#ui-datepicker-div {
	z-index: 9999; 
	display: none;
}
.ui-datepicker-inline {
	float: left; 
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next,
.ui-datepicker-prev {
	position: absolute; 
	left: 0.5em; 
	top: 5px; 
	border:0;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next: hover,
.ui-datepicker-prev: hover {
	background-color: #DADADA;
}
.ui-datepicker-next a,
.ui-datepicker-prev a {
	text-indent: -999999px; 
	width: 17px; 
	height: 18px; 
	display: block; 
	font-size: 1em; 
	background: url('../../plugins/gravityforms/images/datepicker_arrow_left.gif') top left no-repeat;
	cursor: pointer;
	border:0;
}
.ui-datepicker-next a {
	background: url('../../plugins/gravityforms/images/datepicker_arrow_right.gif') top left no-repeat;
}
.ui-datepicker-header select {
	color: #5A5145; 
	background-color: #F6F5F3; 
	font-size: 12px; 
	line-height: 16px; 
	position: absolute; 
	top: 6px; 
	margin: 0 !important;
	height: 16px; 
}
.ui-datepicker-header option: focus,
.ui-datepicker-header option: hover {
	background-color: #F6F5F3;
	border:0 !important;

}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: auto; 
	left: 25px;
	background:#F6F5F3;
	border:0;
	padding:0;
}

.ui-datepicker-header select.ui-datepicker-new-year {
	width: auto; 
	left: 118px;
	border:0;
	padding:0;
}
table.ui-datepicker {
	width: 15.5em; 
	text-align: right;
	margin:0 auto;
	border:0;
	}
table.ui-datepicker td a {
	padding: .1em; 
	display: block; 
	color: #5A5145; 
	background-color: #F6F5F3; 
	cursor: pointer; 
	border: 1px solid #F6F5F3; 
	text-align: center;
}
table.ui-datepicker td a:hover {
	border: 1px solid #BEB598; 
	color: #5A5145; 
	background-color: #A19D92; 
	text-decoration: none
}
table.ui-datepicker td a:active {
	border: 1px solid #A19D92; 
	color: #5A5145; 
	background-color: #A19D92; 
	text-decoration: none;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .2em 0; 
	text-align: center; 
	font-size: 0.9em; 
	color: #5A5145; 
	text-transform: uppercase;
	border:2px solid #BEB598;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #5A5145; 
	padding: 0.3em 0;
}
.ui-datepicker-cover {
	display: none; 
	display: block; 
	position: absolute; 
	z-index: -1; 
	filter: mask(); 
	top: -4px; 
	left: -4px; 
	width: 193px; 
	height: 200px;
}
img.ui-datepicker-trigger {
	cursor: pointer; 
	vertical-align: top; 
	display: -moz-inline-stack; 
	display: inline-block; 
	zoom: 1; 
	*display: inline;
}
.gform_wrapper input.datepicker.datepicker_with_icon {
	margin-right: 4px !important; 
	display: -moz-inline-stack; 
	display: inline-block; 
	zoom: 1; 
	*display: inline;
}
#right-column ul.gfield_checkbox, #right-column ol.gfield_checkbox { white-space:nowrap; padding:0; margin:0; }
.gfield_checkbox input { width:30px; border:none; }