/*****************************************************************************************/
/************************** σελίδες με κείμενο *******************************************/
html {
    font-size: 14px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body { /*line 1084 bootstrap.css*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

.container {
    width:100%;
    height:auto;
    display:block;
    background-color:#FFFFFE;
    /*border-left:solid 1px #444; 
    border-right:solid 1px #444;*/
}

.myH1 h1  {
    margin: 0px;
}
/*@media(min-width:767px) {
    .container {
        width: 100%;
        height: auto;
        display: table;
        background-color: #333;
        border-left: solid 1px #444;
        border-right: solid 1px #444;
    }
}*/
@media(min-width:767px){
 .container_menu {
        width: 100%;
        /*background: url(../../../images/site_images/vector2.jpg);*/
        background-repeat:repeat-x;
      }
}

@media(max-width:766.99px) {
.container_menu {
        width: 100%;
        background-color: #FFFFFE;
    }
}


    /*.container .row p {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.9em;
        color: #999;
        letter-spacing: 0.3px;
        text-shadow: 2px 2px 4px #000;
        line-height: 1.6em;
    }*/

  @media(max-width:399.99px){
  .container .border-container {
        width:100%;
        background-color:#b8b19d; 
        border-top:solid 0em #b8b19d;
        border-right:solid 0.5em #b8b19d;
        border-bottom:solid 1.5em #b8b19d;
        border-left:solid 1em #b8b19d;
    }
    }
   @media(min-width:400px) and (max-width:766.99px){
  .container .border-container {
        width:100%;
        width: 100%;
        background-color: #b8b19d;
        border-top: solid 0em #b8b19d;
        border-right: solid 1em #b8b19d;
        border-bottom: solid 1.5em #b8b19d;
        border-left: solid 2em #b8b19d;
    }
    }

@media(min-width:767px) and (max-width:989.99px) {
    .container .border-container {
        width: 100%;
        background-color: #b8b19d;
        border-top: solid 0em #b8b19d;
        border-right: solid 2em #b8b19d;
        border-bottom: solid 1.5em #b8b19d;
        border-left: solid 2em #b8b19d;
    }
}
 
@media(min-width:990px) and (max-width:1199.99px ){
    .container .border-container {
        width: 100%;
        background-color: #b8b19d;
        border-top: solid 0em #b8b19d;
        border-right: solid 3em #b8b19d;
        border-bottom: solid 1.5em #b8b19d;
        border-left: solid 3em #b8b19d;
    }
}
@media(min-width:1200px){
    .container .border-container {
        width: 100%;
        background-color: #b8b19d;
        border-top: solid 0em #b8b19d;
        border-right: solid 4em #b8b19d;
        border-bottom: solid 1.5em #b8b19d;
        border-left: solid 4em #b8b19d;
    }
}

.container_meletes_gr{
    width:100%;
	/*min-height: 300px;*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	height: auto;
	text-align: justify;
    background-color:#b8b19d;
}

.container_meletes_gr  h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #000;
    padding-left:0px;
    padding-bottom:10px;
}

.container_meletes_gr img {
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 5px;
    border: solid 4px #707070;
}

.container_meletes_gr h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1px;
	font-weight: bold;
	color: #FFF;
}
.container_meletes_gr p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
    padding-left:0px;
    padding-right:0px;
    
}

.img-responsive_visions {
  display:block;
  height: auto;
  max-width: 100%;
}

    .titlos-a {
        display: block;
        width: 100%;        
        height: auto;
        margin-top: 0px;
        min-height: 50px;
        background-color: #252525;
        padding-left:0px;
        padding-right:0px;
        border-radius:2px;
        text-align: center;
        padding-top:30px;
        padding-bottom: 20px;
        text-shadow:2px 2px 4px #000;
        /*margin-left:auto;
        margin-right:auto;*/
        /*margin-bottom:10px;*/
        /*box-shadow:1.5px 1.5px 3px #4a4a4a;*/
    }

       .titlos-a p{
         font-size:16px; 
         font-weight:bold;  
         color:red;
         padding-top:30px;
}

    .container .row .col-padding30 {
        padding-left: 30px;
        padding-right: 30px;
    }

 .container .row .col-padding45 {     
        padding-left: 45px;
        padding-right: 45px;
    }

/*ισοϋψείς  στήλες */ 

.colSameHeight {
    display:flex;
    flex-wrap:wrap;
}
.line-vertical-left {
       border-right:solid 1px #ccc; 
       margin-left:0px; 
       margin-right:0px; 
       flex:auto;     /*στο <div class="row" πρέπει να έχουμε style="display:flex;">*/      
    }
/*ισοϋψείς  στήλες */ 
.line-vertical-right {
       border-left:solid 1px #ccc; 
       margin-left:0px; 
       margin-right:0px; 
       flex:auto;      /*στο <div class="row" πρέπει να έχουμε style="display:flex;">*/             
    }

        .container .row .titlos-a h3 {
            font-size: 18px;
            font-weight: bold;
            color: #777;
            text-shadow: 2px 2px 4px #000;
            color: #999;
        }

        .container .row .titlos-a h1 {
            font-size: 1px;
            color: #252525;
        }

.myVertikalLine {
    display:flex; /* ίσο ύψος των children */
}

.myColumnSameHeight {
    flex:1;
}

#left{
    border-right:solid 1px blue;
}

#right{
    border-left:solid 1px red;
}
#left1{
    width:50%;
    border-right:solid 1px red;
}

#right1{
    width:50%;
    border-left:solid 1px blue;
}
#left2{
    border-right:solid 5px red;
}

#right2{
    border-left:solid 5px blue;
}
#left3{
    border-right:solid 5px red;
}

#right3{
    border-left:solid 5px blue;
}

.text-left p {
   color:#999;
   letter-spacing:0.3px;
   text-shadow:2px 2px 4px #000;
}
@media(max-width:766.9px) {
    .text-left, .text-right {
        display: block;
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -20px;
        margin-right: -20px;
        text-align: left;

    }
}

@media(min-width:767px) and (max-width:989.99px) {
    .text-left, .text-right {
        display: block;
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -15px;
        margin-right: -15px;
        text-align: justify;

    }
}

@media(min-width:990px) and (max-width:1199.99px) {
 .text-left,.text-right  {
        display: block;
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
        text-align: justify;

    }
}


@media(min-width:1200px){
.text-left {
    display: block;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
    color:#999;
}
}


@media(min-width:1200px){
.text-right{
    display: block;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
}
}


.text-left ul, .text-right ul {
        display: block;
        width: auto;
        font-size:0.9em;
        text-shadow:2px 2px 4px #000;
        text-align: left;
        letter-spacing:0.3px;
}
@media(max-width:766.9px) {
    .container .row .text-left ul, .container .row .text-right ul {
        font-size:1em;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -00px;
        margin-right: -00px;
        text-align:left;
    }
}

@media(min-width:767px) and (max-width:989.99px) {
    .container .row .text-left ul, .container .row .text-right ul{
        padding-left: 42px;
        padding-right: 42px;
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media(min-width:990px) and (max-width:1199.99px) {
  .container .row .text-left ul, .container .row .text-right ul {
        padding-left: 25px;
        padding-right: 15px;
        margin-left: 0px;
        margin-right: 0px;
        text-align: left;
    }
}


@media(min-width:1200px){
.text-left ul {
    padding-left: 30px;
    padding-right: 15px;
    text-align: left;
}
}

@media(min-width:1200px){
.text-right ul {
    padding-left: 30px;
    padding-right: 0px;
    text-align: left;
}
}

       table {
            font-size:0.9em;
        }

        #mytable-cost1, #mytable-cost2 {
            margin-left: 25px;
            margin-right: 5px;
            font-size: 0.90em;
            color:#88ea00;         
        }
        #mytable-cost1 tr:nth-child(3) td,  #mytable-cost2 tr:nth-child(3) td{
           border-bottom:solid 2px #999;
           padding-bottom:3px;
        }

 table tr:nth-child(4) td{
           color:#d31b1b;
           padding-top:5px;
        }

        table tr td{
            /*border:solid 1px #444;*/
        }

@media(min-width:767px) and (max-width:989.99px) {
           #mytable-cost1, #mytable-cost2 {
            margin-left: 15px;
            width:90%;
        }
}

@media(max-width:766.99px){
           #mytable-cost1  , #mytable-cost2 {
           margin-left:10px;
           margin-right:45px;
           width:90%;
        }
}
@media(max-width:766.99px) {
        #mytable-cost1 tr td, #mytable-cost2 tr td {
        border: solid 1px #555;
    }
}
.container .row .text-left table td, .container .row .text-right table td{
    padding-left:2px;
    padding-right:5px;
    color:#bbb;
    text-shadow:2px 2px 4px #000;
}
@media(min-width:767px) and (max-width:989.99px) {
    .container .row .text-left table td, .container .row .text-right table td {
        padding-left: 0px;
        padding-right: 0px;
    }
}
    @media(max-width:766.99px) {
        .container .row .text-left table td, .container .row .text-right table td {
            padding-left: 0px;
            padding-right: 1px;
        }
    }
  @media(max-width:766.99px){
      .row .text-left table, row .text-right table{
          width:100%;
          padding-left:0px;
          padding-right:0px;
          margin-left:-40px;
          margin-right:0px;
          text-align:left;
      }
  }


table tbody tr td {
    color:green;
    font-size:1em;
}
.container .row table tr#myborder td {
    border-bottom:solid 1px red;
  }
@media(min-width:767px) and (max-width:989.99px) {
  .container .row .text-left table, .container .row .text-right table {
        width:100%;
        padding-left: 0px;
        padding-right: 15px;
        margin-left: -20px;
        margin-right: 0px;
        text-align: left;
    }
}

@media(min-width:990px) and (max-width:1199.99px) {
  .container .row .text-left table, .container .row .text-right table {
        width:93%;
        padding-left: 0px;
        padding-right: 15px;
        margin-left: 0px;
        margin-right: 0px;
        text-align: left;
    }
}

@media(min-width:1200px){
.text-left table , .text-right table {
    width:80%;
    padding-left: 20px;
    padding-right: 15px;
    text-align: left;
    font-size:0.9em;
    color:#aaa;
   
}
}

ul li{
    padding-left:0.8em;
    color:#999;
}

@media(min-width:1200px) {
ul li{
    padding-left:1.2em;
    color:#999;
}
  

}
.text-left h1, .text-right h1 {
    font-size:1px;
}

.text-left img {
    display:block; 
    padding-left:16px; 
    padding-right:17px; 
    margin-left:auto; 
    margin-right:auto; 
    padding-top:30px; 
    padding-bottom:20px;
}
.text-right img {
    display:block;
    padding-left:16px; 
    padding-right:16px; 
    margin-left:auto; 
    margin-right:auto; 
    padding-top:30px; 
    padding-bottom:20px;
}

 
#costosTable .table { /*το id="costosTable" βρίσκεται στον  αντίστοιχο πίνακα του CKEditor και όχι σε κάποιο View αρχείο*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left:30px;
    padding-right:30px;
    text-shadow: 2px 2px 4px #000;
    line-height: 1.2em;
}

    /*το id="welcomeTable" βρίσκεται στον  αντίστοιχο πίνακα του CKEditor και όχι σε κάποιο View αρχείο*/
/*#welcomeTable { 
    width: auto;
    font-size: 0.9em;
    margin-left: auto;
    margin-right: auto;
    padding-left:30px;
    padding-right:30px;
    text-shadow: 2px 2px 4px #000;
    line-height: 1.6em;
    letter-spacing:0.5px;
   
}*/

    /*#welcomeTable tr td{
        height: 20px;
         color:#999;
    }*/

.container .arxiki_contact {
    clear: none;
    min-height: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    background-color: #252525;
    color: #999;
    float: left;
}


    .container .arxiki_contact p {
        color: #999;
        text-shadow: 2px 2px 4px #000000;
        text-decoration: none;
    }
    .container .arxiki_contact a {
        color: #999;
        text-shadow: 2px 2px 4px #000000;
        text-decoration: none;
    }

        .container .arxiki_contact a:hover {
            color: #6d9fd6;
            text-shadow: 2px 2px 4px #000000;
            text-decoration: none;
        }

        .container .arxiki_contact a.selected {
            color: #ccc;
            text-shadow: 2px 2px 4px #000000;
            background-color: #FFFFFE;
            text-decoration: none;
            padding: 10px;
        }

.container  .copyright {
    clear: both;
    width: 100%;
    min-height: 30px;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    background-color:#22313F;
    margin-left:-15px;
    /*margin-right:-50px;*/
}

    .container  .copyright p {
        font-size: 0.8em;
        color:#887644; 
        /*text-shadow:1.5px 1.5px 1.5px #bbb;*/ 
        font-size:12px;
    }


 @media(min-width:767px) {
    #myContact {
        margin-top:20px;
    }
}

@media(min-width:361px)  and (max-width:766.99px) {
    #myContact {
        /*margin-top:-10px;*/
        background-color:#fff;
        padding-left:10px;
    }
}

@media(max-width:360.99px) {
    #myContact {
        background-color:#22313F;
        padding-left:10px;
        padding-top:60px;
    }
}



@media(max-width:360.99px) {
    #map_canvas {
        width:100%;
        /*max-width:99.99%;*/
        height:30em;
        max-height:80%;
        padding:0em;
        margin-left:0.5em;
        margin-right:0em;
        margin-top: 2em;
        margin-bottom: 2em;
        float: left;
    }
}

@media(min-width:361px)  and (max-width:766.99px){
    #map_canvas {
        width:95%;
        /*max-width:99.99%;*/
        height:40.5em;
        max-height:40%;
        padding:0em;
        margin-left:1em;
        margin-right:0em;
        margin-top: 2em;
        margin-bottom: 2em;
        float: left;
    }
}

@media(min-width:767px) and (max-width:989.99px) {
    #map_canvas  {
        width:97%;
        /*max-width:99.99%;*/
        height:48.8em;
        max-height:80%;
        margin-left:0em;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-left:0px;
        float: left;
    }
}

@media(min-width:990px) and (max-width:1199.99px) {
   #map_canvas {
        width:97%;
        max-width:99.99%;
        height:52.2em;
        max-height:80%;
        margin-left:-0.50em;
        margin-top: 30px;
        margin-bottom: 30px;
        float: left;
    }
}

@media(min-width:1200px){
    div#map_canvas  {
        width: 98%;
        max-width:99.99%;
        height: auto;
        margin-left:0em;
        /*margin-right:3em;*/
        margin-top: 2.5em;
        margin-bottom: 2em;
        float: left;
    }
}


@media(max-width:766.99px) {
    .justify-map-canvas {
        width: 100%;
        max-width: 99%;
        overflow: hidden;
    }
}

@media(min-width:361px) and (max-width:766.99px) {
    div#map_canvas {
        width: 95%;
        /*max-width:99.99%;*/
        height: 40.5em;
        max-height: 40%;
        padding: 0em;
        margin-left: 1em;
        margin-right: 0em;
        margin-top: 2em;
        margin-bottom: 2em;
        float: left;
    }
}

@media(min-width:767px) and (max-width:989.99px) {
   p#thisP {
        width: 98%;
       
    }
}

@media(min-width:990px) and (max-width:1199.99px) {
    p#thisP {
        width: 97%;
        margin-left: -7px;
    }
}

@media(min-width:1200px) {
    p#thisP {
      display:block;
      width:98%
    }
}
/***************** Gallery******************/
@media(max-width:369.9px) {
    a.fancybox img  {
        width: 100%;
        height:110px;
    }
}
@media(min-width:359.99px) and (max-width:449.99px) {
    a.fancybox img  {
        width: 100%;
        height:150px;
    }
}

@media(min-width:450px) and (max-width:559.99px) {
    a.fancybox img  {
        width: 100%;
        height:180px;
    }
}
@media(min-width:560px) and (max-width:766.99px) {
    a.fancybox img  {
        width: 100%;
        height:220px;
    }
}

@media(min-width:767px) and (max-width:989.99px) {
    a.fancybox img  {
        width: 100%;
        height:120px;
    }
}

@media(min-width:990px) and (max-width:1199.99px) {
   a.fancybox img  {
        width: 100%;
        height:140px;
    }
}
@media(min-width:1200px){
   a.fancybox img  {
        width: 100%;
        height:150px;
        padding-right:3em;
    }
}


myPadding {
    padding-top:800px;
}


@media (max-width: 360px) {
  .hidden-xs-360 {
    display: none !important;
  }
}

@media (max-width: 445px) {
  .hidden-xs-445 {
    display: none !important;
  }
}

@media(min-width:360.01px) {
    .hidden-xs-361-to-all {
        display: none !important;
    }
 }

@media(min-width:360.01px) and (max-width:766.99px) { 
     .hidden-xs-361-to-766 {
        display: none !important;
}
 }

@media (max-width: 360px) {
  .visible-xs-360 {
    display: block !important;
  }
}

@media(min-width:360.01px) and (max-width:766.99px) {
  .visible-xs-360-to-769 {
    display: block !important;
  }
}


.content-overflow1{
        overflow:hidden;
    }

@media(max-width:766.99px){
    .content-overflow1{
      overflow:no-display;
    }
}

 .content-overflow2{
        overflow-y:scroll;
        overflow-x:hidden; 
        height:850px;
    }

@media(max-width:766.99px){
    .content-overflow2 {
        overflow:visible;
       height:auto;

    }
}

/*Extra small devices Phones (<768px)*/

.myTitlos h1 {
        padding-top:30px;
        padding-bottom:5px;
        display:block; 
        line-height:16px;   
        font-size:13px; 
        color:#555;
}

@media(max-width:766.99px){
    .myTitlos h1 {
        padding-top:15px;
        padding-bottom:5px;
        display:block; 
        line-height:16px;   
        font-size:13px; 
        color:#555;
}
}

    .jasti-content {
        /*margin-left:-25px;*/
        padding-left:0px; 
        margin-bottom:30px; 
        margin-top:0px;
        padding-top:0px;
    }

    @media(max-width:766.99px){
    .jasti-content {
    margin-left:-25px;
    margin-right:-25px;
    padding-left:0px; 
    margin-bottom:10px; 

    /*margin-left:-25px;*/
    }
}


/**** Εδώ αρχίζει το style που αφορά στο Caption των εικόνων του  WOWSlider ******/
    a.back-link {
        color: #2C2C2C;
        text-decoration: none;
        display: inline-block;
        margin: 10px 15px 0 0;
        font: 13px/1.5em Verdana,Geneva,sans-serif;
        float: right;
    }

        a.back-link:hover {
            color: #DE1B1B;
        }

    #content_alt {
        margin: 10px 0 0 10px;
        position: relative;
        /*width: 300px;*/
    }

        #content img:first-child {
            margin-bottom: 10px;
        }

        #content_alt span.img-caption {
            height: 200px;
            font-family: Verdana, Geneva, sans-serif;
            line-height: 26px;
        }

            #content_alt span.img-caption em {
                font-style: normal;
                display: block;
                width: 760px;
                height: 200px;
                padding-left: 40px;
                padding-top: 30px;
                font-weight: 400;
                font-size:1em;
            }

@media(max-width:766.99px){
            #content_alt span.img-caption em {
                font-style: normal;
                display: block;
                top:50px;
                /*width: 760px;
                height: 200px;*/
                background-color:#000;
                opacity:0.4;
                width:100%;
                height:30px;
                text-wrap:normal;
                padding-left: 10px;
                padding-top: 10px;
                margin-top:40px;
                font-weight: 600;
                font-size:0.6em;
                color:#fff;
                line-height:100%;
            }     
}