@charset "utf-8";
/* CSS Document */
body
{margin:0; padding:0; background:#d1dcec url(http://www.primariaclujnapoca.ro/images/bg.gif) repeat-x left top;
font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#mainContainer
{margin:0 auto; padding:0 10px 0 10px; width:940px; background:white;}

#header
{width:940px; height:123px; border-bottom:1px solid #FFFFFF; background:url(http://www.primariaclujnapoca.ro/images/header2.jpg) no-repeat left top; position:relative;}

.clearer
{margin:0; padding:0; font-size:1px; line-height:0; clear:both;}

/* leftcolumn */
#leftcolumn
{margin:10px 0; padding:0; float:left; width:760px;}

/* leftmenu */
.leftMenu
{width:160px; float:left;}

/* content */
.content
{width:580px; float:right;}

/* rightcolumn */
#rightcolumn
{margin:10px 0; padding:0; float:right; width:160px;}

/* searchform: */
.search form
{margin:0; padding:0;}

.search fieldset
{margin:0; padding:0; border:0;}

.inputSearch
{margin:0; padding:3px 5px; border:1px solid #7a7a7a; 
background:url(../images/input.gif) repeat-x left bottom; 
width:123px; float:left;}

.submitSearch
{margin:0; padding:0; float:left; border:1px solid #7a7a7a; width:25px; height:24px;
border:0; background:url(../images/search.gif) no-repeat left top;}

/* interior: */
.content h1
{margin:0; padding:10px 0 10px 0; font-size:24px; font-weight:normal; color:#c00d17;}

.content h2
{margin:0; padding:10px 0; font-size:18px; font-weight:normal; color:#c00d17;}

.content h3
{margin:0; padding:8px 0; font-size:14px; font-weight:bold; color:#c00d17;}

.content p
{margin:0; padding:8px 0; font-size:12px;}

.content a
{color:#3d66a8;}

.content a:hover
{color:#000000;}

.content ul
{margin:0; padding:0; list-style-type:none;}

.content ul li
{margin:4px 0; padding:0 10px 0 24px; font-size:12px; line-height:14px;
background:url(../images/arrown.gif) no-repeat 7px 5px;}

#sedinte
{margin:0; padding:0; list-style-type:none;}

#sedinte li
{margin:4px 0; padding:0 10px 0 24px; font-size:12px; line-height:14px;}

#sedinte li.sedinte0
{background: #f4f4f4 }

#sedinte li.sedinte1
{background: #ebebeb }

#sedinte li.sedinte2
{background: #f4f4f4; }

#sedinte li.sedinte3
{background: #ebebeb; }

#sedinte li.sedinte2 a, a:visited
{color:#000000; margin-bottom:10px; }

#sedinte li.sedinte3 a, a:visited
{color:#3d66a8; margin-bottom:10px; }


.red
{color:#CC0000; font-weight:bold;}

/* leftmenu */
.topnav
{margin:0; padding:0; width:160px; height:13px; line-height:13px;
font-size:4px; background: url(../images/topmenu.gif) no-repeat left top;}

.bottomnav
{margin:0; padding:0; width:160px; height:13px; line-height:13px;
font-size:4px; background: url(../images/bottommenu.gif) no-repeat left top;}

.leftMenu ul
{margin:0; padding:0; list-style: none; width: 160px; background:#e2e2e2;
border-top: 1px solid #999999;}

.leftMenu ul li
{position: relative;}

.leftMenu ul li ul 
{position: absolute; left: 159px; top: -1px; display: none;}

.leftMenu ul li a 
{display: block; text-decoration: none; color: #000000; background: #e2e2e2;
padding: 8px; margin:0; border-bottom: 1px solid #999999; 
font-size:12px; font-weight:bold; }

.leftMenu ul li li a 
{margin:0; background:#666666; color:#FFFFFF;}

.leftMenu ul li a:hover
{color:#FFFFFF; background:#b70711 url(../images/selmenu.gif) repeat-x left top;}

.leftMenu ul li a.Activ
{color:#FFFFFF; background:#b70711 url(../images/selmenu.gif) repeat-x left top;}

.leftMenu ul li a.Activ2
{color:#FFFFFF; background:#333 url(../images/webcam.gif) repeat-x left top;}

/* Fix IE. Hide from IE Mac \*/
* html .leftMenu ul li { float: left; }
* html .leftMenu ul li a { height: 1%; }
/* End */

.leftMenu li:hover ul, li.over ul { display: block; }

/* welcome */
#welcome
{margin:10px 0 0 0; padding:0; background: url(../images/welcome.gif) repeat-y left top;}

#welcome img
{border:0;}

#welcome p
{margin:0; padding:2px 0 0 0; line-height:14px; font-size:12px; text-align:center;}

.welcomebot
{margin:0; padding:0; width:160px; height:8px; font-size:7px; line-height:8px;
background:url(../images/welcomebot.gif) no-repeat left top;}

/* webcam */
a.webcam
{display:block; margin:10px 0 0 0; padding:0; font-size:12px; font-weight:bold;
text-align:center; background: url(http://www.primariaclujnapoca.ro/images/webcam.gif) repeat-x left top;
width:158px; border:1px solid #999999; height:27px; line-height:27px; color:#FFFFFF;
text-decoration:none;}

.webcam:hover
{background: url(../images/webc.gif) repeat-x left top #ae0710;}

/* translate */
a.translate
{display:block; margin:0 0 10px 0; padding:0; font-size:12px; font-weight:bold;
text-align:center; background: url(http://www.primariaclujnapoca.ro/images/webcam.gif) repeat-x left top;
width:158px; border:1px solid #999999; height:27px; line-height:27px; color:#FFFFFF;
text-decoration:none;}

.translate:hover
{background: url(http://www.primariaclujnapoca.ro/images/webc.gif) repeat-x left top #ae0710;}

/* rightmenu */
#rightmenu
{margin:10px 0 0 0; padding:0;}

#rightmenu ul
{margin:0; padding:0; list-style-type:none; border-top:1px solid #849bbf;}

#rightmenu ul li
{display:block; margin:0; padding:0; border-top:1px solid #ffffff; border-bottom:1px solid #849bbf;
background: url(http://www.primariaclujnapoca.ro/images/right.gif) repeat-x left top #bbcae0; }

#rightmenu ul li a
{display:block; margin:0; padding:8px 20px 8px 40px; font-size:12px; font-weight:bold;
background:url(http://www.primariaclujnapoca.ro/images/arrow.gif) no-repeat 12px 6px; color:#33568e; text-decoration:none;}

#rightmenu ul li a:hover
{color:#000000;}

/* leftMenuIndex */
#leftMenuIndex
{margin:0; padding:0; float:left; width:160px; }

#leftMenuIndex ul
{margin:0; padding:0; list-style-type:none;}

#leftMenuIndex ul li
{margin:0; padding:0;}

#leftMenuIndex ul li a
{display:block; margin:0 0 3px 0; padding:6px 6px 0 60px; font-size:12px; font-weight:bold;
text-decoration:none; color:#FFFFFF; font-size:11px; background: url(../images/left1.jpg) no-repeat left top #32548a; width:94px; height:38px;}

#leftMenuIndex ul li a.left2
{background: url(../images/left2.jpg) no-repeat left top #32548a;}

#leftMenuIndex ul li a.left3
{background: url(../images/left3.jpg) no-repeat left top #32548a;}

#leftMenuIndex ul li a.left4
{background: url(../images/left4.jpg) no-repeat left top #32548a;}

#leftMenuIndex ul li a.left5
{background: url(../images/left5.jpg) no-repeat left top #32548a;}

#leftMenuIndex ul li a.left6
{background: url(../images/left6.jpg) no-repeat left top #32548a;}

#leftMenuIndex ul li a.left7
{background: url(../images/left7.jpg) no-repeat left top #32548a;}

#leftMenuIndex ul li a.left8
{background: url(../images/left8.jpg) no-repeat left top #32548a;}

#leftMenuIndex ul li a.left9
{background: url(../images/left9.jpg) no-repeat left top #32548a;}

#leftMenuIndex ul li a.left11
{background: url(../images/left11.jpg) no-repeat left top #32548a;}

/* Homepage: */
.promo1
{margin:0; padding:0; width:578px; height:270px; border:1px solid #666666;
background: url(../images/promo.gif) repeat-x left top #375c98;  z-index:0;}

.promo1 img
{display:block; margin:0; padding:0; 
border-right:1px solid #CCCCCC; height:270px; width:347px; float:left;}

.content .textcontent
{margin:0; padding:0;
width:230px; height:270px; float:right;}

.content .textcontent h2
{margin:0 20px 10px 20px; padding:10px 0; font-size:18px; color:#FFFFFF;
border-bottom:1px solid #FFFFFF;}

.content .textcontent p
{margin:0 20px; padding:4px 0; font-size:12px; color:#FFFFFF;}

a.detalii
{display:block; margin:0; padding:0; width:60px; height:20px; line-height:20px;
text-align:center; background:white; color:#375c98; font-weight:bold;
text-decoration:none;}

.detalii:hover
{background:#cfdbee;}

/* News: */
.news
{margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #999999;}

.news img
{display:block; margin:0 10px 0 0; padding:0; border:2px solid #999999; 
float:left;}

.newstitle
{margin:0; padding:0;}

.content .news p
{margin:0; padding:0 10px 4px 0; font-size:12px;}

.content .news p.data
{color:#e10915; font-weight:bold; font-size:11px;}

a.detaliinews
{margin:0; padding:0 0 0 16px; font-size:12px; font-weight:bold; text-decoration:none;
color:#e10915; background:url(../images/arrown.gif) no-repeat left 4px;}

.detaliinews:hover
{color:#333333;}

/* table */
.primariat
{margin:10px 0; padding:0; font-size:12px; border-top:1px solid #999999; 
border-left:1px solid #999999;}

.primariat tr
{margin:0; padding:0;}

.primariat thead td
{background:#3d66a8; font-weight:bold; color:#FFFFFF;}

.primariat td
{margin:0; padding:5px 8px; border-right:1px solid #999999; 
border-bottom:1px solid #999999;}

/* anunt */
.content a.backbutton
{display:block; margin:0; padding:0; font-size:12px; font-weight:bold; text-decoration:none;
color:#FFFFFF; background:#6180b9; width:60px; height:23px; line-height:23px; text-align:center;}

.content a.backbutton:hover
{background:#31518a; color:#FFFFFF;}

.content h1.innerAnunt
{color:#000000; font-size:24px;}

.content h2.innerAnunt
{color:#000000; font-size:16px; font-weight:bold; padding:6px 0; margin:0;}

.content h2.semnatura
{color:#000000; font-size:18px;}

/* leftvideo */
a.video
{display:block; margin:10px 0 0 0; padding:0;}

a.video img
{border:0; width:160px;}

/* footer */
#footer
{margin:0; padding:0; position:relative; font-size:11px; line-height:28px; color:#33568e;
background:url(http://www.primariaclujnapoca.ro/images/footer.gif) repeat-x left top; height:28px;}

.copyright
{margin:0 0 0 10px;}

.fMenu
{position:absolute; top:0; right:10px;}

.fMenu a
{color:#33568e; text-decoration:none; padding:0 7px;}

.fMenu a:hover
{color:#000000;}

/* Bogdan */

.photo
{
	background: url(http://www.primariaclujnapoca.ro/images/photo.jpg) no-repeat;
	width: 160px;
	height: 173px;
	margin-top:10px;
}
.small
{
    font-size:10px;
    color:#000;
}
form fieldset
{
    border:1px dotted gray;
}
form label
{
    font-size:14px;
}
/* /Bogdan */

.ddsmoothmenu{
margin:0; padding:0; 
background: url(http://www.primariaclujnapoca.ro/images/menu.gif) repeat-x left top #4d4d4d; 
z-index:999;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
padding:0 2px 0 0;
background:url(http://www.primariaclujnapoca.ro/images/line.gif) no-repeat right top;
}

.ddsmoothmenu ul li li{
background:none;
padding:0px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display:block; 
margin:0; 
padding:7px 10px 8px 10px; 
font-size:12px; 
line-height:14px; 
color:#FFFFFF; 
text-decoration:none;
background: url(http://www.primariaclujnapoca.ro/images/menu.gif) repeat-x left top #4d4d4d;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:url(http://www.primariaclujnapoca.ro/images/sel.gif) repeat-x left top #9b060e;
color: white;
}

.ddsmoothmenu ul li a:hover{
background:url(http://www.primariaclujnapoca.ro/images/sel.gif) repeat-x left top #9b060e; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
background: url(http://www.primariaclujnapoca.ro/images/menu2.gif) repeat-x left top #434343;
width: 170px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
z-index:1000;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/* gallery */
.content #galeriefoto a.single_image
{display:block; margin:0 14px 14px 0; padding:0; border:4px solid #CCCCCC;
 float:left; }

.content #galeriefoto a.single_image img
{display:block; margin:0; padding:0; border:0; height:86px; }

.content #galeriefoto a.single_image:hover
{border:4px solid #3a5e9a;}

/* Bogdan */
a.links, a.links:visited
{
	color:#33568E;
	text-decoration:none;
}
a.links:hover
{
	color:#000;
	text-decoration:none;
}

p.right
{
	float:right;
}
.fRight
{
    float:right;
    border:0px;
}
.fQual
{
    color:#33568E;
    text-decoration:none;
}
.fSeo
{
    float:left;width: 100px; line-height: 14px;
}
.w200
{
    width:210px;
}
.print
{
    border:0px;float:right;position:relative;
}

div#vote {
	margin-top: 40px;
	background-color: #e0e0e0;
	padding: 10px;
	font-size: large;
}
#gleft
{
    float:left;
}
#gright
{
    float:right;
}
	
.contur
	{
	border-width : 1;
	border-style : solid;
	border-color : #910909;
	}

.conturl
	{
	border-width : 1;
	border-style : solid;
	border-color : #910909;
	text-align : right;
	}

.conturc
	{
	border-width : 1;
	border-style : solid;
	border-color : #910909;
	text-align : center;
	}
#tabel { margin-bottom: 0px; text-align:left; float: right; width:940px; font-size:8px; padding: 0px 0px 0px 0px; margin-top: 0px;}