@charset "utf-8";
/* CSS Document
-----------------------------------------------
Rethimnon.gr - stylesheet.css
author	:	Stefanakis Petros EnterTheWeb.gr
Copyright	:	2015|02|25
----------------------------------------------- 
*/
/*==================================================================================================*/
/*									HTML Classes													*/
/*==================================================================================================*/
body {  font-family: 'Conv_PFAgoraSansPro-Reg',Verdana, Arial, Helvetica, sans-serif; font-size:18px; 
text-align:center;
margin: 0;
padding: 0;
position:relative;
z-index:0;
font-size:14px;
}

::-moz-selection 	{ background-color: #91D8f7; color: #fff; }
::selection 		{ background-color: #91D8f7; color: #fff; }


h1 { margin:0 0 3% 0; padding:5px 0; font-size:170%;  letter-spacing: 0.1em; color: #fff;  text-shadow: 2px 2px 2px #000; }
h2 { margin:1px 0 3px 0; padding:0; font-size:140%; color:#1A98B3; font-family:PFAgoraSansProXThin; font-weight: bold; text-align: left; }
h3 { margin:1px 0 4px 0; padding:0; text-align: left; font-weight:normal;  font-size:120%; color:#19799f; }
h4 { margin:0 0 2% 0px; padding:0; font-family: PFAgoraSansProLight; font-weight:normal;  font-size:110%; }
h5 { margin:0 0 10px 0px; padding:5px 0; font-weight:normal; font-size:110%; color:#B8B397; letter-spacing:0.1em; }
h6 { margin:1px 0 4px 0; padding:0; font:"Trebuchet MS"; color:#CA0000; }

.sprite { background:url(/_global_images/sprites.png);} 
img { border:0; vertical-align:middle; }

.img_left { float:left; margin:5px; position:relative; border:1px solid #fff;}
.img_gallery { float:left; margin:5px; position:relative; border:1px solid #fff;}
.img_left:hover { border:1px solid #317BAF;}
.img_right { float:right; margin:10px; position:relative; border:1px solid #fff;}
.img_right:hover { border:1px solid #317BAF; }

.clearleft { clear: left; }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




.Main { margin: 0 auto; text-align:center; z-index:1;  }
a { text-decoration: none; color: #000;}
#languages { width: 100%; max-width: 200px; padding:0.5% 0; position: relative; float: right; font-size:90%; color: #fff; z-index:200; background: #f1f1f1;  }
#languages a { color:#4C4B4B; padding: 1%;  font-family:PFAgoraSansProRegular; text-decoration: none; }
#languages a:hover { color:#4C4B4B;  background: #f9f9f9; }
#languages a:visited { color:#4C4B4B; }




hr { width:30%; background: #fff; } 
#menu { text-align: left; padding-left:2%; margin-top: 20%; }
nav ul li{ list-style-type: none !important; padding: 3%; }
#menu li a{ margin: 0; list-style-type:none; font-family: PFAgoraSansProLight; font-weight: bold;  padding: 2% 5%; }
#menu li a:hover { color: #fff;}
.menudesc { font-family: PFAgoraSansProLight; font-size: 80%; font-weight: normal; }

/*==================================================================================================*/
/*									Main Classes													*/
/*==================================================================================================*/
#Main {width: 100%; max-width:980px; margin:0 auto ; padding: 1% 4%; auto; z-index:1; position: relative; background:#fff; opacity: 0.9;  }

/*==================================================================================================*/
/*									Content Classes													*/
/*==================================================================================================*/
.moto { width: 65%;  text-align:right; padding: 1% 3%; margin: 2%; margin-top:10%; float:right;  font-family:PFAgoraSansProXThin; font-size:200%;  color: #fff; position:relative; z-index:20; }
.moto_inner { width: 40%;  text-align:right; padding: 1% 3%; margin:5% 20%  2% 5%; float:right;  font-family:PFAgoraSansProXThin; font-size:200%;  color: #fff; position:relative; z-index:20;}
.logo_moto { width: 90%; float: right; padding: 2% 5%; text-align: right; background-color: rgba(255, 250, 250, 0.6);}
.logo_moto img { float: right;}
.logo_moto h1 { padding: 2% 0; width: 65%; float: right; text-shadow: 2px 2px 2px #000;}

#Content {
  width: 60%;
  max-width: 1200px;
  text-align: justify;
  padding: 5% 3%;
  /* margin-left: 3%; */
  /* margin-right: 4%; */
  margin-left: 25%;
  margin-top: 1%;
  float: left;
  font-size: 120%;
  color: #000;
  position: relative;
  z-index: 20;
  background-color: rgba(255, 250, 250, 0.8);
}
#Content p { margin: 15px 0;  }

#Content a { float: left;}
.signature { font-size: 60%; font-weight: bold; margin-top: 5%;}

#Content ul { float: left; margin-top: 5%; }
#Content ul li { text-align: left;}
.heading { font-weight: bold; margin-bottom: 2%; color: #6699FF; }

.one_third { width: 30%; max-width: 271px;  height: 230px; float: left; text-align: center !important; background: #fff; margin-top: 2%; margin-left: 2%;}
.one_third img { margin: 25% auto; }

.open_content { 
width: 100%;
max-width: 200px;
height: 95vh;
position: absolute;
float: right;
font-size: 90%;
color: #fff;
z-index: 200;
background-color: rgba(255, 250, 250, 0.8);
right: 0;
bottom:0; 
top: 38px;
text-align: center;
}
#button { background: none; margin-top:60%; border: none; color: #fff; text-shadow: 2px 2px 2px #000;}
.open_content h2 { margin-top: 20%; font-size: 250%; color: #fff; font-weight: bolder; text-shadow: 2px 2px 2px #000; text-align: center;}

#Content .photo_box {width:350px; height:285px;float:left; position:relative; margin: 0.5%; padding:0; border:4px double #043B73;}
#Content .photo_box_trasparent {width:350px; height:60px; background:#fff; position:absolute; bottom:10px; left:0; z-index:2; text-align:left; border:0; filter:alpha(Opacity=60); opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6;}

#Content .photo_box_title {width:350px; height:	40px;position:absolute; padding-top:0; bottom:25px; left:0; z-index:3; text-align:center;}
#Content .photo_box_title a{ font-size:150%; color:#043B73; font-weight:normal;}
#Content .photo_box_title a:visited{color:#043B73;}
#Content .photo_box_title a:hover{color:#fff;}

/*==================================================================================================*/
/*									Left Classes													*/
/*==================================================================================================*/

#Left { width: 100%; max-width: 310px; position: absolute;
top: 0; background: rgba(250,250,250,0.7); margin-top: 1%;} 
nav {z-index: 200;}
.logo_box { position: relative;  width: 95%;   margin: 15% 2%;}
.logo_box2 { position: relative;  width: 95%;   margin: 15% 2%;}
.logo {width:186px; height:242px; background-position:-370px -67px; position:relative;  display: block; margin: 0 auto; }
#languages { width: 199px; position: absolute; bottom: 15%; text-align: center; font-family: 'Conv_PFAgoraSansPro-Light'; }
#languages a { font-size: 90%; padding: 2%;}
#languages a:hover { text-decoration: none; color: #DFC921;}
nav {font-family: 'Conv_PFDinTextPro-Light' !important;}

.ukflag {width:45px; height:27px; background-position:-17px -464px; position:relative;  display:inline-block; margin: 0 auto; }
.deflag {width:45px; height:27px; background-position:-69px -464px; position:relative;  display:inline-block; margin: 0 auto; }


/*==================================================================================================*/
/*									Footer Classes													*/
/*==================================================================================================*/

footer { width:100%; position:fixed; bottom: 0; z-index:1000; background-color: rgba(255, 250, 250, 0.6); }

.powerdby { color:#838381; font-size:75%; text-align:left;  float:left; display: block; padding: 15% 5%; z-index: 1000; position: relative; }
.powerdby a{ text-decoration:none; color:#86050A;}
.powerdby a:visited { color:#86050A;}
.powerdby a:hover { color: #4c4c4c;}

footer h4 { float:right; margin: 8% 2% 0 0;}

.social {width: 100%;
float: left;
position: relative;
margin-top: 5%;} 
.social h4 { color:#fff; font-size:160%;  text-shadow: 1px 1px #000;}
ul.socialmenu                         {
										width: 90%;
										float: right;
										color: #fff !important;
										position: relative;
										padding: 0 !important;
										margin: 5% !important;
										z-index: 10;
										text-align: right;}
										
ul.socialmenu li                      {  width: 45px;
										height: 45px;
										float: left;
										display: inline-block;
										text-align: center;
										font-size: 160%;
										background-color: #0021E6;
										-webkit-transition: all .3s ease-in-out;
										-moz-transition: all .3s ease-in-out;
										-o-transition: all .3s ease-in-out;
										transition: all .3s ease-in-out;
										margin-right: 3%;
										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
										}
ul.socialmenu li a span                 {color: white;
										  text-decoration: none;
										  width: 45px;
										  height: 45px;
										  display: inline-block;}

ul.socialmenu li:first-child a 		{ border-left:none;}
<!--ul.socialmenu a:hover		            { color:#191919;  background: #CBE9FF; }
-->
ul.socialmenu li a                    { display: block; padding:8.5px 10px !important; 
	 								  color:#fff !important; text-decoration:none !important;  
									   }
ul.socialmenu li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.socialmenu li.hover,
<!--ul.socialmenu li:hover                { background: #CBE9FF; color: black; position: relative; }
ul.socialmenu li.hover a              { color: black; }
-->
ul.socialmenu .menudesc { color: #666; font-size:0.8em; margin:7px 10px; }   
ul.socialmenu span { padding: 5px; display:inline-block; font-size: 90%; margin:auto; }

.socialmenu li.socialfacebook a:active { color: #fff !important; background: #3b5998; 	
										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
 }
.socialmenu li.socialfacebook a:hover { color: #fff !important; background: #3b5998; 	
										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
 }
.socialmenu li.socialfacebook.current	 { color: #fff !important; background: #3b5998; 	
 										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}

.socialmenu li.socialtwitter a:active {  color: #fff !important; background: #00aced; 
 										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
 }
.socialmenu li.socialtwitter a:hover {  color: #fff !important; background: #00aced; 
  										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}
.socialmenu li.socialtwitter.current	 {  color: #fff !important; background: #00aced; 
 										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}
.socialmenu li.socialyoutube a:active {  color: #fff !important; background: #bb0000; 
 										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
 }
.socialmenu li.socialyoutube a:hover {  color: #fff !important; background: #bb0000; 
  										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}
.socialmenu li.socialyoutube.current	 {  color: #fff !important; background: #bb0000; 
 										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}

.socialmenu li.socialgpinterest a:active { color: #fff !important; background: #cb2027; 									-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}
.socialmenu li.socialgpinterest a:hover {  color: #fff !important; background: #cb2027; 									-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}
.socialmenu li.socialgpinterest.current	 {  color: #fff !important; background: #cb2027; 										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}
.socialmenu li.socialgplus a:active { color: #fff !important; background: #dd4b39; 									-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}
.socialmenu li.socialgplus a:hover {  color: #fff !important; background: #dd4b39; 									-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}
.socialmenu li.socialgplus.current	 {  color: #fff !important; background: #dd4b39; 										-moz-border-radius: 50%;
										-ms-border-radius: 50%;
										-o-border-radius: 50%;
										-webkit-border-radius: 50%;
										border-radius: 50%;
}


/*=======================================================================================================*/
/*											Contact Form                                                 */
/*=======================================================================================================*/


.form { width: 85%; float: left; font-size: 90%; margin-right:2%; text-align: left; }
.contact_table { width: 100%; }
.text_field { width: 80%;}
.user_text { width: 86%; }
.contact_info { margin-bottom: 5%; width: 40%; float: left; text-align: left; font-size: 80%; }
#reset_button { color: #666; }
/* ----------------------------------------------  Reset form elements ---------------------------------------------- */
	
	input, select, textarea {
		margin:0; padding:0; font-size:0.85em; outline:none; font-family: PFAgoraSansProRegular;
		font-family:inherit;	
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		box-sizing:border-box;}

/* ----------------------------------------------  Inputs, textareas and selects  ---------------------------------------------- */


	input[type="text"], textarea, select, div.styled, input[type="file"] {  
		border-radius:2px; border: solid 1px #ccc; padding:0.4em;}
	
	div.styled, select, input[type="submit"], input[type="button"], 
	input[type="file"]:after {
		background: white;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);
		}	
	
	input[type="submit"] {
		background: #0021E6; border: 1px solid #007DD1; 
		}	

	input[type="text"], textarea { 
		background-color: #FCFCFC;
		-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
		box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);}
	
		.ie9 input[type="text"] { line-height:normal; } /* Get the stuff to line up right */
	input[type="text"] { height:42px; } 
	
/* ----------------------------------------------  Select menu  ---------------------------------------------- */
	
	/* For IE and Firefox */

	div.styled { overflow:hidden; padding:0; margin:0; }
		
		.ie7 div.styled {border:none;}

	div.styled select {	
		 background-color:transparent; background-image:none;
		-webkit-appearance: none; border:none; box-shadow:none;}
		
		.ie7 div.styled select {
			width:100%; background-color:#fff; border: solid 1px #ccc; 
			padding:0.3em 0.5em;}	

	
/* ----------------------------------------------  Checkboxes and Radio inputs  ----------------------------------------------  */	
		
	input[type="radio"]{ margin-left: -2%;
margin-top: 2%; position: absolute; float: left; } 
	input[type="checkbox"] { position: absolute; float: left; }
		
	label:before { 
		display: inline-block; position: relative; top:0.25em; left:-2px; 
		content:''; width:25px; height:25px;
		background-image:url(/_global_images/formelements.png); }
	
	input[type="checkbox"] + label:before { background-position: 0 -25px;}
	input[type="checkbox"]:checked + label:before {background-position: 0 0 ; }
		 
	input[type="radio"] + label:before { background-position: -25px -25px;}	 	
	input[type="radio"]:checked + label:before { background-position: -25px 0;}
	
		/* Remove the custom styling for IE 7-8 */
		
		.ie8 label:before { display:none; content:none; }
		
		.ie8 input[type="checkbox"],
		.ie8 input[type="radio"],
		.ie7 input[type="checkbox"],
		.ie7 input[type="radio"]{ 
			position: static; left:0; }
		
		.ie8 input[type="checkbox"],
		.ie8 input[type="radio"] { 
			position:relative; top:5px; margin-right:0.5em;}	
			
	input[type="text"]:focus, textarea:focus {
		border-color:#000;
		}

/* ---------------------------------------------- Form Submit and Next buttons ---------------------------------------------- */	

	input[type="submit"], 
	input[type="button"] { 
		padding:0.5em 1em; line-height:1em; cursor:pointer;
		border-radius:4px; color:#fff; font-weight:bold; font-size:inherit;
		border:solid 1px #ccc;	box-shadow:0 1px 5px rgba(0,0,0,0.2);
		background-position: center bottom;}
		
		
	input[type="submit"]:active, 
	input[type="button"]:active {-webkit-box-shadow: none; box-shadow:none;}
		
		/* IE7 needs you to change the background to transparent when using image background for submit buttons */	










@media only  screen and (max-width: 750px) 	
{
 body {  }
 .enterindex  { width: 220px; } 
 .english { margin-right: 50%; }
 footer { background: transparent; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 751px) and (max-width: 1023px) 
{
 body {  }
 .enterindex  { width: 320px; } 
 .english { margin-right: 30%;
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) 
{

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) 
{
	body {  }
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}