﻿/*	red DUO		D40005	212	00	05
	blue DUO	0080B6	00	128	182
*/

body
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
    margin: 5px auto;
	//min-width: 320px;
    //max-width: 1024px;
    background: linear-gradient(#E0E0E0, #F0F0F0);
    //background-color:#E0E0E0;
    //line-height: 1em;
}

#page { margin: 0 auto;
min-width: 300px;
max-width: 1024px;
width:95%;
padding: 0.75em;
background-color:#FFFFFF;
opacity: 0.9;
filter: alpha(opacity=90);
}


* {
    box-sizing: border-box;
}

.DUO_red { color: #D40005; }
.DUO_blue {color: #0080B6; }

.header {
    //border: 1px solid red;
	width:95%;
	margin: 0 auto;
    padding: 0.75em;
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
	//background-position:right center;
	
	vertical-align: middle;
	height:85px;
	font-size:0.75em;
	border-bottom-style: dotted;
    border-bottom-color: #E0E0E0;
    border-bottom-width: 1px;
}

h1::before {content:"\2007\2007\2007";}
h2::before {content:"\2007\2007\2007";}
h3::before {content:"\2007\2007\2007";}

.text {text-align:justify;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
/* padding:0.75em; */
padding: 0.25em 0 0.25em 0;
background-color:#FFFFFF;
opacity: 1;
filter: alpha(opacity=100);
z-index:1;
}
.text::before {content:"\2007\2007\2007";}

#cookieeu {
	position:fixed;
	display:block;
	background-color: #FFFFFF;
	bottom:25px;
	right: 10px;
	border: 1px solid #FF0000;
	padding: 2px;
}

li { text-align:justify;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
padding:0 0.25em 0 0;
background-color:#FFFFFF;
opacity: 1;
filter: alpha(opacity=100);
z-index:1;
}

img {width:100%;}

/* START nou pentru meniu multilevel */
.menu-main {
	border-bottom-style: dotted;
    border-bottom-color: #E0E0E0;
	border-bottom-width: 1px;
    z-index:9;
	width:95%;
	margin: 0 auto;
    }

.menu-main ul {
  list-style: none;
  padding: 0px;
  margin: 0;
  background: transparent;
}

.menu-main ul li {
  display: block;
  position: relative;
  float: left;
  background: transparent;
}

/* This hides the dropdowns */
.menu-main li ul { display: none; }

.menu-main ul li a {
  display: block;
  padding: 0.35em;
  text-decoration: none;
  white-space: nowrap;
  color: #000000;
   font-family: Helvetica, Arial, sans-serif;
   font-weight:bold;
   font-size:1.15em;
}




.menu-main ul li a:hover { background-color:#4169E1; color:#FFFFFF; }
//.menu-main ul li:hover { background-color:#0080B6; color:#FFFFFF; }
//.menu-main ul li:hover { background-color:#0080B6; color:#FFFFFF; }

/* Display the dropdown */


.menu-main li:hover > ul {
  display: block;
  position: absolute;
}

.menu-main li:hover li { float: none; }

/* meniul level 2 */
//.menu-main li:hover a { background: #F0FFFF; color:#4169E1; }
.menu-main li:hover a { background: #A0A0A0; color:#FFFFFF; }

.menu-main li:hover li a:hover { background: #4169E1; }
//.menu-main li:hover { background: #D40005; }
//.menu-main li a:hover { background: #D40005; }

.menu-main li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */
.menu-main ul ul ul {
  left: 100%;
  top: 0;
}

/* Simple clearfix */

.menu-main ul:before,
.menu-main ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.menu-main ul:after { clear: both; }

/* END nou pentru meniu multilevel */


#menuf{
    list-style: none;
    //position:fixed;
    display:block;
    padding: 3px;
    bottom:0px;
    background-color: linear-gradient(#E0E0E0, #F0F0F0);
    //z-index:101;
}
#menuf li {
    display: inline;
    padding: 0em;
    border-left: solid 1px black;
}
#menuf li:first-child {
    border-left: none;
}
#menuf li a {padding: 0.25em;}



/* TEST GRADIENT pentru meniu */
.red-blue {
  font-family: Verdana;
  font-size:1em;
  font-weight:bold;
  background-image: linear-gradient(#FF0000, #0000FF);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.green-yellowgreen-yellow-gold {
  background-image: linear-gradient(to right, green, yellowgreen 33%, yellow 66%, gold);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}