/* cmsms stylesheet: Layout_Liceu_Ludus modified: joi, 21 septembrie 2017 00:24:07 */
/* Base Styles */

html{ background-image:url("https://www.liceuludus.ro/uploads/files/images/texturebg.gif"); }
body { background-image: url("https://www.liceuludus.ro/uploads/files/images/texturebg.gif"); background-repeat: repeat; margin:0; padding:0; color:#555555; font-family: "Roboto", "Segoe UI", Tahoma,Geneva,sans-serif;}
body input[type="submit"] {color:#fff; background:none; border:none;}
/* Mozilla based browsers */
::-moz-selection { background-color: #000; color: #fff; }
/* Works in Safari */
::selection { background-color: #000; color: #fff; }
/* Works in Opera */
::-o-selection { background-color: #000; color: #fff; }
::-ms-selection { background-color: #000; color: #fff; }
/* Works in Internet Explorer */
::-webkit-selection { background-color: #000; color: #fff; }

table.elevi {border-collapse:collapse;}
table.elevi, table.elevi th, table.elevi td {border: 1px solid #eee;}
table.elevi tr:hover {background:#DDD;}

table.contact {border-collapse:collapse; margin-top:20px;}
table.contact, table.contact th, table.contact td {border:0;}
table.contact tr:hover {background:#DDD;}

table.tabele {
	color:#666;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.tabele th {
	padding:4px 15px 4px 15px;
	border-right:1px solid #ddd;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.tabele th:first-child {
	text-align: left;
	padding-left:20px;
}

table.tabele tr {
	padding-left:10px;
}
table.tabele td:first-child {
	text-align: left;
	padding-left:10px;
	border-left: 0;
}
table.tabele td {
	padding:10px;
	text-align: left;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.tabele tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.tabele tr:last-child td {
	border-bottom:0;
}

table.tabele tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

a:link, a:active, a:visited {color:#429EFF; text-decoration:none;}
a:hover {color:#61ba4d; text-decoration:underline;}


#antet {width:100%; height:90px; background:#232323; color:#EEEEEE; border-bottom:1px solid #151515; }
#continut-antet {width:980px; margin:0 auto; padding-top:20px;}
#continut-antet-nav {float:right;margin-top:-20px;}

#cauta {float:right; margin-top:-8px; }
.conected {margin-left:10px; margin-right:70px;}

#navigation {width:100%; height:60px; background:#333333; border-bottom:1px solid #444444; border-top:1px solid #383838; margin-bottom:1px; }

#navbar {width:1000px; margin:0 auto; font-family: 'Oswald', 'Segoe UI', sans-serif; font-weight: 300; }

#navbar ul{color:#777777;margin:0px;list-style-type:none; padding-top:20px; padding-left:10px;}
#navbar li{display:inline;float:left;font-size:1em;line-height:1.6em;}
#navbar li a{color:#C5C5C5;font-size:1em;line-height:1.6em; padding-right:15px; text-shadow:0 0 0 transparent,0 1px rgba(29,29,29,0.2);text-decoration:none;}
#navbar li a:hover{color:#fff; font-weight: 400;}

#wrapper {width:1000px; margin:0 auto;}

.crbk {width:100%; font-size:10px; color:#000; line-height:18px; background: #fff;}
.breadcrumbs {margin-top:0px;}
.breadcrumbs a, .breadcrumbs a:visited {color:#000;}
.breadcrumbs a:hover {color:#4d90fe;}

#continut {width:1000px; font-size:14px;}

.imagini-stiri-stanga { border: 5px solid #e0e0e0; float: left; margin-right: 20px; }
.imagini-stiri-dreapta { border: 5px solid #e0e0e0; float: right; margin-left: 20px;}

#meniu-stanga {float:left; width:250px; }

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: 300;
  text-decoration: none;
  line-height: 1;
  font-family: 'Oswald', 'Segoe UI', sans-serif;
  font-size: 14px;
  position: relative;
}
#cssmenu {
  width: 250px;
  border-bottom: 2px solid #222222;

}
#cssmenu a {
  line-height: 2.2;
}
#cssmenu > ul > li:first-child {
  color: white; 
  text-shadow: none;	
  background-color: #555555;
  background-image: -moz-linear-gradient(top, #555555, #555555);
  background-image: -ms-linear-gradient(top, #555555, #555555);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#555555));
  background-image: -webkit-linear-gradient(top, #555555, #555555);
  background-image: -o-linear-gradient(top, #555555, #555555);
  background-image: linear-gradient(top, #555555, #555555);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);

}
#cssmenu > ul > li:first-child > a {
  padding: 15px 10px;
  background: none;
  border: none;
  font-family: 'Oswald', 'Segoe UI', sans-serif;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
}
#cssmenu > ul > li:first-child > a > span {
  padding: 0;
}
#cssmenu > ul > li:first-child:hover {
  background-color: #222222;
  background-image: -moz-linear-gradient(top, #222222, #222222);
  background-image: -ms-linear-gradient(top, #222222, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222));
  background-image: -webkit-linear-gradient(top, #222222, #222222);
  background-image: -o-linear-gradient(top, #222222, #222222);
  background-image: linear-gradient(top, #222222, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#222222', GradientType=0);

}
#cssmenu > ul > li {
  color: white;  
  text-shadow: none;	
  background-color: #d84a38;
  background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
  background-image: -ms-linear-gradient(top, #dd4b39, #d14836);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#d14836));
  background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
  background-image: -o-linear-gradient(top, #dd4b39, #d14836);
  background-image: linear-gradient(top, #dd4b39, #d14836);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#d14836', GradientType=0);

}
#cssmenu > ul > li:hover {
  background-color: #c53727;
  background-image: -moz-linear-gradient(top, #c53727, #c53727);
  background-image: -ms-linear-gradient(top, #c53727, #c53727);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c53727), to(#c53727));
  background-image: -webkit-linear-gradient(top, #c53727, #c53727);
  background-image: -o-linear-gradient(top, #c53727, #c53727);
  background-image: linear-gradient(top, #c53727, #c53727);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c53727', endColorstr='#c53727', GradientType=0); 

}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  background: url("https://www.liceuludus.ro/uploads/files/images/pattern.png") top left repeat;
  color: #ffffff;
  border: 1px solid #d84a38;
  border-top: none;
  text-shadow:none;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 12px 10px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
  background: url("https://www.liceuludus.ro/uploads/files/images/icon-down.png") 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url("https://www.liceuludus.ro/uploads/files/images/icon-up.png") 96% center no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
  background: #fff;
  border-right: 1px solid #a2a194;
  border-left: 1px solid #a2a194;
}
#cssmenu ul ul li {
  padding: 0;
  border-bottom: 1px solid #009bff;
  border-top: none;
  color: white;  
  text-shadow: none;	
  background-color: #4d90fe;
  background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
  background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
  background-image: linear-gradient(top, #4d90fe, #4787ed);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed', GradientType=0);

}
#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #fff;
  font-size: 11px;
  font-weight: 300;
}
#cssmenu ul ul a:before {
  content: url("https://www.liceuludus.ro/uploads/files/images/icon-right.png") ;
  position: absolute;
  left: 10px;
  padding-top: 6px;
  color: #fff;
}
#cssmenu ul ul a:hover {
  color: #fff;
  background-color: #0072bb;
  background-image: -moz-linear-gradient(top, #0072bb, #0072bb);
  background-image: -ms-linear-gradient(top, #0072bb, #0072bb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0072bb), to(#0072bb));
  background-image: -webkit-linear-gradient(top, #0072bb, #0072bb);
  background-image: -o-linear-gradient(top, #0072bb, #0072bb);
  background-image: linear-gradient(top, #0072bb, #0072bb);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072bb', endColorstr='#0072bb', GradientType=0);

}

#continut-stanga { float:left; width:410px; padding: 0px 20px 20px 20px; background: #fff; min-height: 520px;}
#harta-google { margin-top:20px;}
#continut-dreapta { float:right; width:510px; padding: 30px 20px 20px 20px; background: #fff; min-height: 520px;}

#zona-continut {float:right; min-height:1400px; width:710px; color:#555555; line-height:20px; text-align:justify; padding:20px; font-size:14px; font-weight: 300; background: #fff; margin-top: -13px;}
#zona-continut strong { font-weight: 500; }

.titlu {width: 630px; font-family: "Oswald", "Segoe UI", sans-serif; font-size: 20px; color:#666; font-weight:400; border-bottom:1px solid #ddd;}

.subtitlu {font-family: "Oswald", "Segoe UI", sans-serif; font-size:14px; color:#666; font-weight:400;}

#sidebar {float:right; width:250px; margin:0; text-transform:uppercase;}

.clear {clear:both;}

#subsol {width:100%; height:40px; margin:0; background:#232323; color:#DADAD3; font-size:11px; line-height:30px;}

.descarca {color:#429EFF; text-decoration:none;}
.descarca:hover {color:#61ba4d; text-decoration:underline;}

.iconlist { list-style: none; margin: 0; padding: 0; line-height: 20px; }
    li.pdf {background-image: url(https://www.liceuludus.ro/uploads/files/images/pdf.png); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 30px; margin: 0px 20px;}
    li.doc { background-image: url(https://www.liceuludus.ro/uploads/files/images/word.png); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 30px; margin: 0px 20px; }
    li.extern { background-image: url(https://www.liceuludus.ro/uploads/files/images/link_arrow.png); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 30px; margin: 0px 20px; }

#conectare { background:#4d90fe; width:250px; color:#fff; margin-top:10px; border-bottom:2px solid #222; margin-bottom:10px;}
.inset { padding:5px 15px 20px 15px; font-family: "Oswald", sans-serif; font-weight: 300; }

#conectat { padding:5px 15px 15px 15px; }
#conectare a { color:#fff; }
#conectare input[type="text"] { width:178px; padding:6px; }
#conectare input[type="password"] { width:178px; padding:6px; }

#contactform {
  float:right;
  width:500px; 
  padding:20px;
  margin-top:10px;
  font-family: 'Oswald', sans-serif;
}

#meteo { background:#fff; width:250px; color:#fff; margin-top:10px; padding-left:10px; padding-top:5px; border-bottom:2px solid #222; margin-bottom:10px;}

.titularizare { width:100%; margin-bottom:20px;}

.newsletter { background:#FF9400; width: 230px; color:#fff; padding: 10px; margin-top:10px; border-bottom:2px solid #222; margin-bottom:10px; font-family: 'Roboto', sans-serif; font-weight:300; min-height:250px;}

#butoane a, #butoane a:hover { color:#fff; text-decoration:none; }

.footer-content {width:980px; margin:0 auto; line-height: 40px;}

#facebk { width: 250px; height: 685px; background: #fdfdfd; text-align: center; border-bottom: 2px solid black; padding-top: 10px; }

.fbook { margin-top: 11px; }

.file_list {display:block; margin: 20px 10px;}
.file_list li { margin-bottom: 10px;}
.file_list img { margin-right: 5px;}

.fileDate { font-size:12px; font-style:italic;}
.fileSize { font-size:12px; font-style:italic;}

/* This gets Google to fall into place */
.social { font-size: 1px; text-align: center;}
 /* This gets Facebook to fall into place */
.social iframe, .social>span { vertical-align: middle; }
 /* Set an optional width for your button wrappers */
.social span { display: inline-block; width: 110px;}
 /* Adjust the widths individually if you like */
/* .social .Facebook { width: 120px; }
.social .google { width: 80px; }
.social .twitter { width: 90px; } */

.img-craciun {position:absolute; margin-left: 60px; width: 180px; z-index:1;}
.img-craciun-footer {position:absolute; margin-top: -110px; width: 300px; z-index:1; float:left;}

/* imaginile din despre noi - prezentare liceu */
.imgwrapp { float:left; position:relative; margin-right:7px; margin-bottom:10px;}
.descriere {position:absolute; bottom:0px; left:0px; width:100%; background-color:black; color:white; font-size:12px; opacity:0.6; /* transparency */ filter:alpha(opacity=60); /* IE transparency */ }
.continut_descriere { padding:10px; margin:0px;}