/*(c) 2007 Bogdan Valentin Oasa, Touch Media  - Primaria Eforie*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
* {padding: 0;
margin: 0;}
html, body {
height: 100%;
border: 0;}
.clear { clear:both;
display:block;
line-height:0px; }
.clear2 { clear:both;
display:block;
line-height:0px;
height: 20px; }
.clear3 { clear:both;
display:block;
line-height:0px; height: 10px;}
body {background-image: url(images/pattern1.jpg); background-repeat: repeat-x; background-color: #C4C3C4; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#pagewidth {
          	min-width: 814px;
          	width: 100%;
          	overflow: hidden;
          	position:relative;
          }
#page {width: 814px; margin: 0 auto; text-align: center;}
#header {width: 814px;}
#head_tools {float: right; clear: right; margin: 10px; }
#head_tools li {float: left; margin: 0 30px 0 0;}
#head_tools li a {float: left; color: #6a98b5; font-size: 10px; }
#headertitle {width: 814px; height: 46px; margin: 20px 0 17px 0;}
#primaria {float: left; clear: left; margin: 0 0 0 40px;}
#search {width: 210px; float: right; clear: right;}
.searchspan {float: right; text-align: right; width: 186px; color: #D2D2D2; font-family: Tahoma; padding: 0 24px 4px 0;}
#searchfield {float: left; clear: left; width: 184px; background-color: #588BAB; border: none;}
*:first-child+html #searchfield {width: 184px; margin-top: 18px;}
#searchButton {float: left; width: 14px; height: 14px; border: none; background: transparent; background-image: url(images/searchButton.gif); margin: 1px 0 0 10px; }
*:first-child+html #searchButton {margin-left: 5px; float: right;}
#separator {float: right; margin: -13px 20px 0 0; position: relative;}
* html #separator {margin-bottom: -15px;}

#content {width: 806px; border: 4px #ffffff solid; float: left; clear: left; margin-bottom: 10px;}
#logocontainer {background-image: url(images/pattern2.jpg); background-repeat: repeat-x; width: 100%; float: left;}
#logo {float: left; clear: left;}
#imgEforie {float: left; margin: 0 0 0 0; width: 537px; height: 196px;}
#imgcontainer {float: left; width: 577px; height: 196px; background-image: url(images/pattern3.jpg); background-repeat: repeat-y; background-position: right; margin: 7px 0 0 -10px; position: relative;}
#numere {float: left; width: 31px; margin: 60px 0 0 0;}
#numere li { width: 31px; height: 23px; float: left; clear: left; margin: 3px 0 3px 0;}
#numere li a {width: 31px; height: 23px; }

#continut {float: left; clear: left;width: 806px; background-image: url(images/pattern4.jpg); background-repeat: repeat-x; background-color: #E9E9E9; }
#meniuUp {width: 769px; height: 29px; background-image: url(images/pattern5.jpg); background-repeat: repeat-x; margin: 0 auto; padding: 14px 0 0 18px;}
#meniuUp li {float: left; margin: 0 0px 0 15px;}
* html #meniuUp{width: 795px; padding-left: 0px;}
* html #meniuUp li {margin-left: 12px;}
#meniuUp li #separator2 {float: left;}
#meniuUp li a {float: left; margin-right: 15px;}
#incontinut {width: 789px; background-image: url(images/pattern6.jpg); background-repeat: repeat-x; margin: 0 auto;}
#incontinutTop {width: 773px; margin: 0 auto; background-image: url(images/pattern7.jpg); background-repeat: repeat-x; height: 51px;}
#coltincontinutTop {float: right; clear: right; margin: 34px 0 0 0;}
#limbaselect {width: auto; float: left; clear: left; font-size: 11px; color: #5D5D5D; margin: 5px 0 0 20px;}
* html #limbaselect {margin-left: 10px;}
#limbaselect li {float: left; margin: 0 7px 0 0; width: auto;}
#limbaselect li#firstlang{float: left; border-right: 1px #5D5D5D solid;}
#limbaselect li a{float: left; color: #5D5D5D; margin-right: 7px;}

#navstanga {width: 177px; float: left; clear: left; margin: -28px 0 0 8px;}
* html #navstanga {margin-left: 4px;}
#topmenu {float: left; clear: left; position: relative;}
.navMenu {float: left; clear: left; width: 173px; margin: -18px 0 30px 4px; position: relative;}
.navMenuTop {float: left; width: 173px; background-image: url(images/navTop.gif); height: 21px;}
.navMenuCenter {float: left;  width: 173px; background-color: #BACEDA; margin: -3px 0 0 0;  background-image: url(images/navBottom.gif); background-repeat: no-repeat; background-position: bottom;}
.navList {float: left; clear: left; width: 173px; margin: 5px 0 0 0; padding-bottom: 20px;}
.navList li {float: left; clear: left; width: 173px; text-align: left; font-size: 11px;}
.navList li.head {font-size: 16px; text-decoration: underline; color: #094F7C; font-weight: bold; width: 146px; padding-left: 15px; margin-bottom: 10px;}
.navList li a{float: left; clear: left; color: #545E64; width: 146px; background-image: url(images/navitem.gif); background-repeat:no-repeat; background-position: 10px center; height: 17px; padding: 2px 0 0 27px; position: relative;}
.navList li a:hover, .navList li a#current {background-color: #6D97B2; background-image: url(images/navitemsel.gif); color: #fff;}
img.utilsleft {border: 1px #5D5D5D dotted; float: left; margin: -10px 0 30px 2px;}
.dataleft {background-color:  #BACEDA; width: 157px; text-align: center; float: left; clear: left; margin: -15px 0 3px 0px; padding: 2px 0 2px 0; color: #6C6C6C; font-size: 10px;}

#navigationTop {float: left; width: 560px; height: 108px; margin: -51px 0 0 19px;}
* html #navigationTop {margin-left: 9px;}
#topList {float: left; clear: left; width: 100%;}
#topList li {float: left;}
#topList li .separator3 {float: left; margin-right: 13px; }
#topList li a#informatii {float: left;width: auto; padding: 0 10px 0 10px; margin-right: 17px;}
#topList li a#caiacces {float: left;width: auto; padding: 0 10px 0 10px; margin-right: 17px;}
#topList li a#prognoza {float: left;width: auto; padding: 0 10px 0 10px; margin-right: 17px;}
#topList li a#cariere {float: left;width: auto; padding: 0 10px 0 10px; margin-right: 0px;}

#bandaCentru {width: 408px; float: left; margin: 23px 0 0 15px;}
* html #bandaCentru {margin-left: 0px;}
.textContainer {width: 408px; float: left; clear: left;  margin-bottom: 20px;}
h1 {width: 396px; float: left; clear: both; color: #ECECEC; font-size: 12px; background-color: #2F6B91; min-height: 19px; padding: 4px 0 0 12px;}
.textBox {width: 390px; padding: 9px; float: left; clear: left; background-color: #EFF1F2; color: #727272; text-align: justify;}
.textBox a{color: #013D62;}
.textBox img {float: left; clear: left;  padding: 0 10px 10px 10px;}
.textBox .stergepoza {float: left; clear: left; color: red; font-size: 9px; margin-top: -20px;}
.textBox .stergepoza2 {float: left; color: red; font-size: 9px; margin-top: 0px;}
.readmore {width: 388px; float: left; height: 15px; text-align: right; color: #003A5E; background-color: #DCDCDC; font-size: 10px; padding-right: 20px; padding-top: 3px;}
.readmore a {color: #686868; text-decoration: underline; }
.textBox1 {width: 390px; padding: 9px; float: left; clear: left; background-color: #EFF1F2; color: #727272; text-align: justify;border-bottom: 1px #686868 dotted; }
.citestetot { color: #003A5E; text-decoration:underline;}
#listaCentru {float: left; clear: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #727272;width: 400px; margin-bottom: 10px;}
#listaCentru li {float: left; clear: left; background-image:url(images/item4.gif); background-repeat: no-repeat; background-position: center left;padding: 0 0 1px 13px;}
#listaCentru li a {color: #727272; float: left; width: auto;}
#listaCentru li a:hover,#listaCentru li a#current2 {color: #FF7200; text-decoration: underline;}
.titlurealizare {width: 100%; float: left; clear: left; color: #004977; font-weight: bold; margin-bottom: 5px;}
.titlurealizare em {font-style: normal; font-weight: normal;}
.audiente2 {font-size: 100%; font-weight: bold; float: left; clear: left; width: auto;}
.lunivineri {font-size: 200%;  float: left; clear: left; width: auto;}
.ore2 {font-size: 110%; float: left; clear: left; width: auto; color: #094F7C; word-spacing: 17px;}
#harti {width: 375px; margin: 0 auto;}
#hartaefn {float: left; clear: left; margin: 10px 0 0 0; width: 185px;}
#hartaefn span {float: left; width: 100%; font-family: Tahoma, Verdana; font-size: 14px; color: #0069AB; font-weight: bold;}
#hartaefn img {float: left; clear: left; border: 1px #333333 solid; padding: 0; margin: 6px 0 0 0; }
#hartaefn a {float: left; clear :left; text-decoration:underline; color: #4B4B4B; margin: 4px 0 0 0; width: 170px; }
#hartaefs {float: right; margin: 10px 0 0 0;width: 185px;}
#hartaefs span {float: right; text-align: right; width: 100%; font-family: Tahoma, Verdana; font-size: 14px; color: #0069AB; font-weight: bold;}
#hartaefs img {float: right; clear: right; border: 1px #333333 solid; padding: 0; margin: 6px 0 0 0;}
#hartaefs a {float: right; clear :right; text-decoration:underline; color: #4B4B4B; margin: 4px 0 0 0; width: 170px;}
#hartacta {width: 372px; margin: 10px 0 0 8px; border: 1px #333333 solid; padding: 0;}
img.istoric {float: left; clear: none;border: 1px #333333 solid;padding: 0;position: relative; margin: 5px;margin-bottom: 0px;}
#datecontact {
  float: left; clear: left; width: 100%; margin: 15px 0 0px 0;
}
.date1 {
  float: left; clear: left; font-size: 130%; font-weight: bold; margin: 0 0 5px 0;
}
.date2 {
  float: left; clear: left; width: 80px;  font-weight: bold; margin: 0 0 2px 0;
}
.date3 {
  float: left;
  clear: left;
  padding-bottom: 10px;
}
.date4 {
  float: left;
  clear: left;
  font-weight: bold;
}





#bandaDreapta {width: 157px; float: left; margin: 23px 0 0 15px;}
.contentDreapta {width: 157px; float: left; margin-bottom: 20px;}
h2 {width: 145px; padding: 4px 0 0 12px; color: white; background-color: #959798; height: 19px; font-size: 12px;}
.dreaptaBox {width: 139px; padding: 9px; float: left; clear: left; background-color: #EFF1F2; color: #727272; text-align: justify;}
.program {color: #094F7C; width: 157px; float: left;margin-left: -9px; font-size: 12px; text-align:center; font-weight:bold; border-bottom: 1px #686868 dotted; padding-bottom: 5px;margin-bottom: 4px;}
* html .program {margin-right: -9px;}
.zile {color: #616161;  float: left; font-size: 15px; text-align:center; font-weight:bold; padding-bottom: 3px;}
.ore {color: #094F7C;  float: left; font-size: 17px; text-align:center;  padding-bottom: 5px;}
.audiente {color: #616161;  float: left; font-size: 9px; text-align:center;  padding-bottom: 5px;}
.textFormulare {color: #616161; width: 157px; float: left;margin-left: -9px; font-size: 10px; text-align:center;  padding-bottom: 5px;border-bottom: 1px #686868 dotted; margin-bottom: 5px;}
* html .textFormulare {margin-right: -9px;}
.galerieDreapta {color: #094F7C; width: 145px; float: left; text-align:center;  padding-bottom: 5px;}
.galerieDreapta img {border: 1px #666666 solid; margin: 5px 0 5px 0;}
.visitgalerie {float: left; margin-top:2px; color: #2F6B91; text-decoration:underline;}

#footer {float: left; clear: both; width: 100%; height: 17px; background-color: #2E698F; font-size: 9px; color: #D2D2D2; padding-top: 5px;}
* html #footer {margin-top: 20px;}
#footer li {float: left; border-right: 1px #d2d2d2 solid; margin-left: 5px;}
#footer li a {color: #d2d2d2; float: left; margin-right: 5px;}
#footer li#last {border: none;}
#footer li#first {margin-left: 16px;}

.edit {width: 100%; float: left; clear: left; text-align: left; font-size: 11px; color: #0099FF; margin-bottom: 5px;}
.align1 {float: left; clear: left; color: #0099FF; width: 100%; margin-top: 5px;}
.formbox {float: left; clear: both; width: 100%; border-bottom: 1px #333333 solid;}
.text {float: left; clear: left; text-align: inherit;}
#textbox {float: left; clear: both; margin-top: 10px; width: 100%;margin-bottom: 10px;}
.textinput {float: left; clear: left; }
.inputText {float: left; clear: left; width: 150px;}
#modifica {float: left; clear: left; margin-top: -5px;}
.err {float: left; clear: left; width: 100%; text-align: left; color: red; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.adminLinks {float: left; clear: left; color: #0066FF; }
#downCV {color: #0099FF; }
.climalinks {float: left; clear: left; width: 100%;}
.climalinks a {color: #2F6B91; text-decoration: underline;}
#albume {width: 100%; float: left; clear: left; margin-top: 10px;}
img.pozealbum {float: left; clear: none; padding: 0;  margin: 0 0 0 10px; border: 1px #333333 solid;}

#developed {margin-top: 10px; padding-bottom: 15px; text-align: right; }

#dropmenudiv a{
width: 180px;
display: block;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background: transparent;
background-color: #6D97B2;
text-align: left;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
display: block;
border-bottom: 1px #CCCCCC dotted; padding: 0 5px 0 5px; margin-left: 6px;
padding-bottom: 3px; padding-top: 3px;
}
#dropmenudiv a.last{border: none;}
#dropmenudiv{
width: 196px;
position:absolute;
font:normal 12px Verdana;
z-index:100;
background-color: #6D97B2;
margin-top: -11px;
margin-left: 173px;
font-size: 10px;
display: block;
}


#dropmenudiv .item{float: left;
width: auto;
margin-right: 5px;
margin-top: 8px;
margin-left: 8px;
border: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #A9B8C2;
color: #fff; text-decoration: underline;
}
#dropmenudiv #dropmenutop {
float: left; clear: both; margin-top: -8px;
}
#dropmenudiv #dropmenudown{
float: left; clear: both; margin-bottom: -8px;
}

#overlay{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: transparent;
}

#box{
    background:#ffffff;
	margin: 0;
	padding: 0;
    border:2px solid #000000;
	overflow: auto;
}

#box #close{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:12px;
	padding:10px;
}
#butoane_dreapta {
	float: left;
	width: 155px;
	height: 108px;
	padding: 22px 0 0 0;
	background: url(images/butoane-dreapta.gif) no-repeat;
	position: relative;
	margin: -15px 0 10px 0px;
	text-align: left;
}
#butoane_dreapta li {float: left;
clear: left;}
#butoane_dreapta li a {float: left;
clear: left;
width: 141px;
padding: 2px 0 2px 14px; 
margin: 2px 0 2px 0;
color: #545e64;
font-size: 11px;
}
#butoane_dreapta li a:hover {
	background: #649dbd;
	color: #fff;
}
#fadeinbox{
position:absolute;
width: 500px;
left: 0;
top: -400px;
border: 2px solid #cbcbcb;
background-color: #ffffff;
padding: 4px;
z-index: 100;
visibility:hidden;   
padding: 10px;
}
#fadeinbox a {
color: #f26522;
}
.declaratii_link {
	float: left;
	clear: left;
	margin: 2px 0 2px 0;
	padding: 3px;
}
.declaratii_link:hover {
	background: #ccc;	
}