@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300&subset=latin,greek);
 

body { margin:0;   padding: 0;

   font-family: 'Roboto Condensed','Roboto', Verdana, Arial, Helvetica, sans-serif; 
   color:#524b48; 
   
   
}

img { border:0;   } 
 

a:link    {	 color:#a60912; text-decoration:none;}
a:visited {  color:#a60912;  text-decoration:none;}
a:active  {	 color:#a60912;  text-decoration:none;}
a:hover   {	 color: #ffffff; text-decoration:none; background-color:#a60912 }


.dvCntr { width:1200px; margin:auto; }
.dvTopBordo { background-color:#a30712;  color:#FFFFFF;  padding:.55em 0;}
.dvTopBordo a:link , .dvTopBordo a:visited, .dvTopBordo a:active { color:#FFFFFF}
.dvTopBordo a:hover { color:#fff}

.dvTopRed { float:left; }
.dvTopRed2 { overflow:hidden; text-align:right; font-size:1em; text-shadow: 1px 2px 2px rgba(56, 56, 56, 1); font-weight:bold; }
.dvCont { padding-bottom:30px; }
.topimage { border-bottom:#a30712 3px solid ; }

.dvMenu { background-color:#878484; height:35px;}
.dvGreyFull { background-color:#f0efef}

.dvFoo { background-color:#2d3333; padding:1.5em 0}
.fooTitle { border-bottom:#FFFFFF 2px solid; margin-bottom:7px }
.fooColmn { float:left; width:20%;  padding:0 5% 0 0;  color:#FFFFFF; font-size:.9em }
.fooColmn_A { width:35%; padding-right:10% }
.fooColmn a:link , .fooColmn a:visited, .fooColmn a:active { color:#FFFFFF; }
.fooColmn a:hover { color:#fff}


.pgTitle  { font-size:1.3em;    font-weight:bold; text-shadow:#FFFFFF 1px 1px 2px; font-style:italic;
padding:0; margin:0; margin-bottom:1.5em; color:#a50a12;   font-size:1.5em
}
.pgTitleGrey { font-size:1.3em;  padding:.3em 0; margin:1em 0; font-weight:bold; text-shadow:#FFFFFF 1px 1px 2px; font-style:italic;}
.pgTxt { font-size:1em; }
.titleRedLine { font-size:1em; border-left:#a60912 2px solid}
.titleRed { color:#a60912; }
.subtitleRed { font-size:1.2em; font-weight:bold;  margin:20px 0 10px 0; color:#a60912; }
.subtitleBlack { font-weight:bold;  margin:15px 0 10px 0; font-style:italic;  }

.pgTitleLogo { font-size:1.4em;  padding:0;    text-shadow:#FFFFFF 1px 1px 2px; color:#a50a12;  text-align:center; border-bottom:#a50a12 2px solid; margin-bottom:10px}

a.more:link, a.more:visited, a.more:active { background-color:#3c3533; color: #FFFFFF; padding:.3em 1em; line-height:35px;}
a.more:hover{ background-color:#a60912;}

 
  .lnkMore  { padding: .5em 1em; background-color:#3c3533; margin:auto; width:auto; display:inline-block;}   
   .lnkMore a:link, .lnkMore a:visited, .lnkMore a:active {    color: #FFFFFF; }
  .lnkMore a:hover {  background-color:#a60912; }
  
 
  #ulMenu {	list-style-type: none;
    margin: 0;
    padding: 0;}
	
  #ulMenu li { display: inline;  line-height:35px; 	}
 
  #ulMenu a:link { }
  #ulMenu a:link , #ulMenu a:visited, #ulMenu a:active {   color: #ffffff;  display: inline-block; padding:0 28px;  }
  #ulMenu a:hover {  background-color: #a60912; display: inline-block; padding:0 28px;}
  
  .liActiv { background-color:#a30712; }
  
  
   ul.ulFoo  {list-style-type: square; margin:0; padding:0 ; list-style-position: inside}
  .ulFoo a:link { padding:2px; line-height:1.6em;}
  
  .fooIcons { display:table; height:30px }
  .fooIcons span { vertical-align: middle;    display: table-cell;}
  
.eled { color:#524b48; font-size:.9em; padding:1%; }
.eled a:link , .eled a:visited, .eled a:active { color:#524b48; }
.eled a:hover { color:#a60912; background-color:#FFFFFF}

.eled_1 { float:left; line-height:35px;  }


.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 20px;
    text-decoration: none;
    color: #000000;
    background-color:#eaeaec; 
    padding:0;
    display: none;	
	 
}
.back-to-top img {  }

.back-to-top:hover {  background-color: #d7d7d9; } 

 .listArea{
		 
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #ffffff url(img/buttarea.png) no-repeat 100% center;
		width: 200px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		 
		border-radius: 6px;
		padding: 4px; border:#1a83e9 1px solid;	
		 font-family: 'Roboto Condensed','Roboto', Verdana, Arial, Helvetica, sans-serif; 	 
		font-size:1em; font-weight:bold;  
	}
	
	.indxArth { float:left; width:40%; padding-bottom:1%; margin:2px 4% 4% 0;  height:270px; background-color:#6d6969;	 }
	.indxArth:hover { cursor:pointer; background-color:#8d8a8a; }
	.arthImg { width:100%;}
	
	
	.insArth { float:left; margin:.5em; padding:.5em; width:16em; height:22em;background-color:#efefef }
	.insArth:hover { cursor:pointer; background-color:#b8b7b7; }
	

/* video index */
 
.box, .boxIndex {
	-webkit-box-shadow: 0 8px 16px -6px black;
	   -moz-box-shadow: 0 8px 16px -6px black;
	        box-shadow: 0 8px 16px -6px black;
			
			background-color:#6d6969; padding:10px; width:560px; margin:30px 0 0 0;
			
			
	 
}
.boxIndex {  float:left;  margin:0 20px 0 0;}
.indxEnimer {  overflow:hidden; padding-left:30px; }

.titPatisis { font-size:1.1em; color:#000000; font-weight:bold; padding-left:10%; margin:.6em 0; }
.titPatisis a:link , .titPatisis a:visited, .titPatisis a:active {font-size:1.2em; color:#000000; font-weight:bold; }
.titPatisis a:hover { color:#fff}


.subPatisis {  padding-left:15%; margin:.5em 0; }
.subPatisis, .subPatisis a:link , .subPatisis a:visited, .subatisis a:active { font-size:1.1em; color: #666666;  }
.subPatisis a:hover { color:#fff}

.descPatisis {   font-size:.8em; color: #666666; font-weight:normal }

.titPatisisDet { font-size:1.3em; color:#000000; font-weight:bold; border-left:#a60912 3px solid; padding:8px; margin-bottom:10px    }
 
 

.dvLeftSubmenu { float:left; width:25%; margin:0 40px 20px 0;  

    background: white none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #58595b;
}

.dvLeft { float:left; width:50%; margin:0 4% 20px 0;    }
.dvRight { overflow:hidden; }

.dvRight a:link , .dvRight a:visited, .dvRight a:active { font-weight:bold; text-decoration:underline; }
.dvRight a:hover {  }

.leftSide { padding:15px; border-bottom:#CCCCCC 1px solid}
.leftSub { font-weight:normal; font-size:.9em; padding:3px 0 0px 5px; }
a.leftLnk:link, a.leftLnk:visited, a.leftLnk:active { display:block; padding:4px; }
a.leftLnk:hover  { background-color:#a60912; color:#FFFFFF; }

a.leftLnkActiv { background-color:#a60912; color:#ffffff ; } 

.leftTitle , a.leftTitle{ font-weight:bold; color:#333333 }

.txtGreen { color:#006633; }
.txtRed { color:cc0000; }

#googleMap { width:820px;height:580px; border:#CCCCCC 5px solid ; }
#dvVideo { width:560px; height:420px;}

.indxTxt { float:left; width:65%; margin-right:3%;}
.indxAreas { float:left; background-image:url(img/tempmap.jpg); background-repeat:no-repeat; width:300px; height:360px; margin-top:2em }
.indxEnimTxt {  color: #02c2d8; padding:5px; height:65px ; }

.video-container {  
	position:relative; 
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
 
 .dvClear { clear:both; }