/*


Design by Metamorphosis Design


http://www.metamorphozis.com


Released for free under a Creative Commons Attribution 2.5 License


*/





*


{


margin: 0px;


padding: 0px;


}





a{


	color: #b22d00;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 12px;


	font-weight:bold;


	text-decoration:none;


}





a:hover {


	text-decoration: none;


	color: #000000;


}





body{


	background: url(images/bg_all.jpg);


	font-family: Arial, Helvetica, sans-serif;


	font-size: 12px;


	color: #464646;


	margin-top: 10px;


}





#content{


	margin: 0 auto;


	width: 817px;


	text-align: left;


	background-color: #ffffff;


}





#main{


	width: 817px;


	margin: 0 auto;


	clear:both;


	background: url(images/bg_main.jpg);


	background-repeat:repeat-y;


	background-position:left;


	margin-top: 0px;


}





#header {


	height: 230px;


	width: 817px;


	


}




#logo {


	height: 15px;


	text-align: left;


	width: 770px;


	padding-left: 50px;


	padding-top: 1px;


}


#cssmenu{
	display: none !important;
}









#menu{


	width: 780px;


	height: 74px;


	background: url(images/bg_menu.jpg);


	background-repeat:repeat-x;


	background-position:top;


	margin-left: 19px;


	margin-right: 19px;


	


}





#menu ul {


	list-style: none;


	padding-left: 13px;


}





#menu li {


	


	display: inline; 


	


}





#menu a {


	font-family: Georgia, "Times New Roman", Times, serif;


	float: left;


	width: 150px;


	height: 49px;


	display: block;


	text-align: center;


	text-decoration: none;


	color: #ffffff;


	font-weight: bold;


	padding-top: 35px;


	font-size: 16px;


}





#menu a:hover{


	width: 150px;


	height: 39px;


	background-color: #4e3e27;


	text-decoration: none;


}





#left{


	width: 269px;


	padding-left: 19px;


	padding-right: 5px;


}





#left_top{


	background: url(images/bg_left_top.jpg);


	height: 3px;


}





#left H3{


	font-family: Georgia, "Times New Roman", Times, serif;


	font-size: 23px;


	height: 37px;	


	font-weight: normal;


	padding-left: 25px;


	padding-top: 8px;


	color: #ffffff;


	background: url(images/title_left.jpg);


	background-repeat:no-repeat;


	background-position:top;


	margin-top: 3px;


}





#left a {


	color: #4e3e27;


	text-decoration:none;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 12px;


	font-weight:bold;


}





#left ul {


	list-style: none;


	padding-left: 5px;


	padding-top: 10px;


	padding-bottom: 30px;


}


#partners{
  margin:0px;
  padding: 0 9px;
}


#left li {


	padding-left: 15px;


	padding-bottom: 3px;


	border-bottom: 1px dotted #4e3e27;


	margin-bottom: 5px;


	width: 175px;


}





#left #categories ul li{


	background: url(images/ls1.jpg);


	background-repeat:no-repeat;


	background-position:left top;


}





#left #categories ul li a{


	color: #4e3e27;


	text-decoration:none;


	font-family: Arial, Helvetica, sans-serif;


	font-size: 13px;


	font-weight:bold;


}











#right{


	font-family: Arial, Helvetica, sans-serif;


	font-size:13px;


	float: right;


	width: 490px;


	padding-top: 10px;


	margin-right: 19px;


}





#right H4{


	font-family: Georgia, "Times New Roman", Times, serif;


	font-size: 28px;


	font-weight: normal;


	color: #9f0000;


}





#right H1{


	font-family: Georgia, "Times New Roman", Times, serif;


	font-size: 28px;


	font-weight: normal;


	color: #9f0000;


}





#right p {


	margin: 0;


	padding: 0;


	padding-bottom: 10px;


}





#right h2 {


	margin: 0;


	padding: 0;


	padding-top: 10px;


	color: #9f0000;


}








#gal{


	height: 110px;


}





#footer {


	height: 110px;


	clear: both;


	background: url(images/footer.jpg);


	background-repeat:no-repeat;


	background-position:center top;


	padding-top: 80px;


	padding-left: 200px;


}











#bot{


	background: url(images/bot.png);


	background-repeat:no-repeat;


	background-position:center bottom;


}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 #menu ul li{
    border-top: 1px dotted #4e3e27;
 }
 
}

@media only screen and (max-width : 1100px){
      
}

@media only screen and (max-width : 900px){
 body{
    
  width:100%;
  background:inherit;
        
 }
 .avk_top{
   text-align:center;
 }
 
 #content{
   
   width:100%;
 }
 #header{
   width:99%;
   margin:auto
 }
 #header img{
   width:100%;
 }
 #menu{
   width:95%;
   margin:auto;
 }
 #logo{
   
   width:90%;
   
 }
 #bot{
   width:100%;
 }
  
 
      
}


@media only screen and (max-width : 880px){
      
    #menu ul li a{
      
      width:140px;
    }
    #menu ul li  a:hover{
      
       width:140px;
      
    }

#right{
  width:90%;
  float:none;
  margin:auto;
}
#left{
  width:269px;
  margin: 30px auto;
  background:#d6d1cd;
}
 #main{
  width:100%;
  background:inherit;
}
#footer{
  display:none;
}
 #right iframe{
        
        width:90% !important;
        
        margin:auto;
        
        
 }
 #gal{
   padding-bottom:20px;
   min-height:150px;
 }
 #gal img{
   
 }
 .avk_img_o img{
   float:inherit !important;
 }
  #right iframe body{
   
   width:95% !important;
   margin:auto !important;
 }
}

@media only screen and (max-width : 790px){
      
 #right iframe{
        
        width:90% !important;
        
        margin:auto;
        
        
  }     
   #menu{
 	display: none;
 }
 #cssmenu{
 	display: block !important;
 }
 #cssmenu ul{
 	background: #da6a06 none repeat scroll 0 0;
 }
 #cssmenu ul li:hover{

 	background: #4e3e27;

 color: #000;
 }
      
      #main{
  width:100%;
  background:inherit;
}
#menu{
   width:95%;
   margin:auto;
   height:auto;
   background:#da6a06;
 }
  #menu ul{
    margin-top:22px;
        
   }
 #menu ul li{
    background: #da6a06 none repeat scroll 0 0;
    border-top:1px dotted #4e3e27;
    display: block;
    height: auto;
    margin: auto;
    padding: 20px 0;
    width: 90%;
 }

#menu ul li:hover{
  background:#4e3e27;
}
#menu ul li a:hover{
  width:inherit;
  height:inherit;
}
#menu ul li a{
   width:95%;
   float:none;
   padding:0px;
   margin:0px;
   height:inherit;
 }

#right{
  width:90%;
  float:none;
  margin:auto;
}
#left{
  width:306px;
  margin:auto;
  background:#d6d1cd;
}
#footer{
  
  background:#fff;
}
  #gal{
   min-height:135px;
 } 
 #right H1 {
   font-size:24px;
 }
 #container{
 	width: 100% !important;
 }
 ._2p3a{
   
   width:inherit;
 }
  .cat{
    cursor: pointer;
 }
 .cat1{
    cursor: pointer;
 }
 .avk_con{
   display:none;
 }
 .avk_con1{
   display:none;
 }
 .avk_f{
   float:left;
   width:35% !important;
   margin-top:28px;
 }
 #left{
   padding-bottom:15px;
 }
 #left b{
   width:80%;
   margin:auto;
 }
 #categories{
   width:85%;
   margin: 0 8px;
 }
 #partners{
   width:85%;
   margin: 0;
 }
 #left H3 {
    background: rgba(0, 0, 0, 0) url("images/title_left.jpg") no-repeat scroll left top/100% 100%;
}
}

@media only screen and (max-width : 670px){
     #logo{
   
   width:80%;
   
 } 
 #gal img {
   
   margin:auto;
}
#right H1 {
   font-size:22px;
 }
 .cat{
    cursor: pointer;
 }
 .cat1{
    cursor: pointer;
 }
 .avk_con{
   display:none;
 }
 .avk_con1{
   display:none;
 }
 .avk_f{
   float:left;
   width:35% !important;
   margin-top:28px;
 }
 
 #left b{
   width:80%;
   margin:auto;
 }
 #categories{
   width:85%;
   margin: 0 8px;
   padding: 0 30px;
 }
 #partners{
   width:85%;
   margin: 0 8px;
    padding: 0 30px;
 }
 #left H3 {
    background: rgba(0, 0, 0, 0) url("images/title_left.jpg") no-repeat scroll left top;
}
#right iframe{
        width: 1px !important;
        min-width: 100% !important;
        *width: 100% !important;
       
         
        
  }
}
@media only screen and (max-width : 550px){
      
   #gal img {
   width:90%;
   margin: 5px auto;
}
#left{
   width:88%;
   padding-bottom:15px;
   padding-right:0px;
   padding-left:0px;
 }
 #left H3 {
    background: rgba(0, 0, 0, 0) url("images/title_left.jpg") no-repeat scroll center top;
}
 
#right H1 {
   font-size:19px;
 } 
 
 #logo{
   
   width:60%;
   
 } 
a[href^=tel] {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom,#ffffff,#e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) 
                rgba(0, 0, 0, 0.1) 
                rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 
                    0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333;
  display: block;
  font-size: 125%;
  font-style: normal;
  line-height: 20px;
  margin: 2px 0 0;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.phone a[href^=tel]:before {
  content: 'Τηλ.:'; 
  font-weight: bold;
}
.phone2 a[href^=tel]:before {
  content: 'Κινητό:'; 
  font-weight: bold;
}
.fax a[href^=tel]:before {
  content: 'Φαξ:'; 
  font-weight: bold;
}
.phone2 span{
  display:none;
}
.fax span{
  display:none;
}
  
      
}
@media only screen and (max-width : 420px){
      #left{
   width:90%;
   padding-bottom:15px;
   margin:auto;
 
 }
 #left H3 {
    background: rgba(0, 0, 0, 0) url("images/title_left.jpg") no-repeat scroll left top;
}
#categories{
   width:85%;
   margin: 0 8px;
   padding: 0;
 }
 #partners{
   width:85%;
   margin: 0 8px;
    padding: 0;
 }
}
@media only screen and (max-width : 320px){
   #left{
  width:100%;
  margin:auto;
  background:#d6d1cd;
}
#left ul{
  
  margin:0px;
  padding:0px;
}

#logo{
   
   width:50%;
   
 } 
      
}