/* <![CDATA[ */
body {
	margin: 0px;
	text-align:center;
	}
			
	* {
		font-family: Arial, "MS Trebuchet", sans-serif;
		font-size:  13px;
	}

 /* LINK STYLES */

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

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

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

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

img:hover {opacity:0.8; }
.txtB {font-family:Arial;font-weight:bold;font-style:normal;font-size:10pt;text-decoration:none;color:#464646;}
 p.txtB:hover {background-color:#D9D9D9; }
 
.menu {
	text-align:left;  
    min-height: 18px;
	padding-left:5px;
    background: -webkit-linear-gradient(left, rgba(192,192,192,0.8), white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(192,192,192,0.8), white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(192,192,192,0.8), white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(192,192,192,0.8),white); /* Standard syntax (must be last) */
    -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
             border-radius: 7px;
}
.menuv {
	text-align:left;  
    min-height: 18px;
	padding-left:5px;
	background: -webkit-linear-gradient(left, #6BB02A, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #6BB02A, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #6BB02A, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #6BB02A,white); /* Standard syntax (must be last) */
 
    -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
             border-radius: 7px;	
 }
p.menu, p.menuv {
    display: block;
    margin-top: 0.3em;
    margin-bottom: 0em;
    margin-left: 0;
    margin-right: 0;
} 
		a.x:link,a.x:visited
		{	
		display:block;
        color:#000000;	
		background-color:#E9E9E9;	
		font-weight:bold;
		text-align:center;
        padding:4px;
		text-decoration:none;
		}
		a.x:hover,a.x:active
		{
		color:#000000;
		font-weight:bold;
		background-color:#808080;
		}
.menu:hover
		{
		color:#000000;
		font-weight:bold;
		background-color:#808080;
		}
.btn_src, input_src {
	/*background: #CCCCCC;
	border: 1px solid grey;
    -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
             border-radius: 8px;	
    height:28px;
    width:28px;
	color: black;*/
}

.btn_src:hover {
	background: #7C7C7C;
}			

	.w3-row {
    -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
             border-radius: 20px;
	/*border: 1px solid grey;*/
	margin-right:2%;
	margin-left:2%;
    padding: 1px;		
	background: -moz-linear-gradient(to right,#ADADAD, #F6F6F6);
	background: -webkit-linear-gradient(to right,#ADADAD, #F6F6F6);
	background: -o-linear-gradient(to right,#ADADAD, #F6F6F6);
    background: linear-gradient(to right, #ADADAD, #F6F6F6); /* Standard syntax (must be last) */
	}
	.w3-rest {
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
             border-radius: 10px;
	padding: 15px;
    }
	.w3-shd {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
    .grey {
    background-color:#E9E9E9;
	}

	.aici {
	margin-left:10%; margin-right:10%; 
	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
             border-radius: 10px;
	color:#008000;
	background: -moz-linear-gradient(to right,#ADADAD, #F6F6F6);
	background: -webkit-linear-gradient(to right,#ADADAD, #F6F6F6);
	background: -o-linear-gradient(to right,#ADADAD, #F6F6F6);
	background: linear-gradient(to right, #ADADAD, #F6F6F6); /* Standard syntax (must be last) */
   }
   .txtaici {font-style:italic; font-weight:bold; color:#FFFFFF}
  .grad {
    height: 18px;
    background: -webkit-linear-gradient(left, rgba(192,192,192,0.8), white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(192,192,192,0.8), white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(192,192,192,0.8), white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(192,192,192,0.8),white); /* Standard syntax (must be last) */
    -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
             border-radius: 7px;
	}
   .txtopt {
     background-color: #dddddd;
	}   
	.txtopt:hover {
     background-color: #C0C0C0;
	}
	.txtopt, .txtopt:hover {	 
     border: solid 1px rgba(184,184,184,1);
     -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
             border-radius: 7px;
     color: #242424;
     font-family: Tahoma;
     font-style: normal;
     font-size:11px ;
     padding: 0px;
     }
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 601px) {
    text {font-size: 6vw;}
	p {font-size: 3vw; }
}

.trans {mix-blend-mode: darken;}/*transparent background!!!*/

/*=============omagiu===============*/

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

    overflow:auto;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;/*1*/
	pointer-events: auto;
	
}

.modalDialog > div {
	/*width: 920px;/*400px*/
	max-width:80%;
	position: relative;
	margin: 0% auto;/*10% auto;*/
	padding: 5px 20px 13px 20px;;/*5px 20px 13px 20px;*/
	border-radius: 10px;
	background:transparent;/*#fff;*/
	/*background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);*/
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 10px;/*-12px*/
	text-align: center;
	top: 10px;/*-10px;*/
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #C0C0C0;}
.pozaM {max-width:100%; border-radius:10px; border:solid; border-color:#8080FF; margin-top:10%; nav-up:auto;}
.pozaM:hover {opacity:1;}
.h3 {font-size: 2vw; }


/*header teo scroll*/
 /* Style the header */
.header {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}