@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700,700i&subset=greek);

 

body {

    margin:0;    

    font-family: 'Open Sans', sans-serif; 

    font-style: normal;

    font-weight: 400;

    line-height: 20px; font-size:11pt; color:#777777;

}





a:link    {  color: #ed2386; text-decoration:none; }

a:visited {  color: #ed2386; text-decoration:none; }

a:active  {  color: #ed2386;  text-decoration:none; }

a:hover   {  color: #3a9fe8; text-decoration:none; }



img { border:0; }





#divCentar {  

width:1040px; margin:auto;

 /*  border: 1px solid #e7e7e7;

   box-shadow: 0 5px 19px 2px rgba(0, 0, 0, 0.1); 

   margin-top: 10px  ;

   margin-bottom: 10px ;

  */

   

   

}

#divTopBlack { color:#FFFFFF;  color: #f4f4f4;  background-color: #353535; padding:7px 12px;  font-size:0.9em;}

#divLogo { height: 120px; padding:1% 3%; width:100% }

#divLogo img { height:100%;  }

.pgTitle { color:#FFFFFF; font-size:1.4em; font-style:italic; background-color:#e10178; padding:0.5em 3%;  }



.divText { min-height:200px;

   padding:3%; font-size:1em;

   

}

.divFoo { padding:10px; text-align:center; color:#FFFFFF;font-size:0.9em;

 background-color: #6d6d6d;

 }

.divFoo a:link, .divFoo a:visited, .divFoo a:active , .divFoo a:hover { color:#ffffff;  }

.divFoo a:hover { color:#f75daf;   }







.txtRed { color:#FF0000; }

.txtGreen { color:#006600; }

.txtRoz {color:#ed2386 !important; }

.txtNote { display: inline-block; 

    background-position: 0 3px;

    background-repeat: no-repeat;

    color: #ff6600;    

    padding-left: 1.5em; 

}





@media only screen and (min-width: 320px) and (max-width: 470px) {

  #divLogo img {  width:96% } 

   

}



@media screen  and (max-width: 768px) {   	 

  

}



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

   #divCentar { width:99%; }

}