/*
Theme Name: Primaria Tulucesti
Theme URI: www.primariatulucesti.ro
Description: Site-ul primariei Tulucesti
Version: 1.0
Author: R12media 
Author URI: www.r12media.ro
*/
/* == Reseturi == */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content:''}
/* The below restores some sensible defaults */
strong { font-weight: bold; }
em { font-style: italic; }
a img { border: none; } /* Gets rid of IE's blue borders */
.clearfix{ clear: both; height: 0; overflow: hidden; margin: -1px 0 0 0;}
.alignleft { float: left; margin: 0 5px 0 0;}
/* == Default == */
body { background: url("images/bg.png") repeat-x top left #aebb37; font-size: 12px; font-family: New Times Roman; line-height: 14px; }
.mainWrapper {width: 964px; margin: 0 auto; background: url("images/bgMain.png") repeat-y;}
.wrapper {width: 960px; margin: 0 auto;}
/* == Header == */
.topHeader {background: url("images/topHeader.png") no-repeat; width: 960px; height: 10px; margin: 0 auto;}
.header { background: #183319; width: 960px; height: 175px; }
	.logo { float: left; width: 330px; height: 140px; background: url("images/logo.png") no-repeat;}
	.logo a { display: block;  font-size: 14px; line-height: 18px; font-weight: bold; margin: 10px 25px; color: #8aca1d; text-decoration: none; letter-spacing: 2px;}
	.numeComuna { border: 0; float: right; width: 605px; height: 190px;}
	.baraAlba { float: left; width: 960px; height: 40px; background: #fff;}
	.baraVerde { float: left; width: 960px; height: 40px; background: #009bfb; margin: 8px 0;}
		.numePagina { float: left; display: block; font-size: 17px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; padding: 3px 10px;}
/* == Continut == */
.content { width: 960px; float: left; background: #fff;}
.continut { width: 670px; float: left; margin: 10px; font-size: 14px; line-height: 18px;}
.continut img.dreapta {float: right; padding: 5px 0 5px 10px;}
.continut h2 {background: #009bfb; font-size: 18px; line-height: 20px; color: #ffffff; font-weight: bold; border-bottom: 1px solid #060506; padding: 2px 5px;}
.continut h3 {font-size: 16px; line-height: 20px; color: #060506; font-weight: bold;}
.continut p {padding: 5px 0; text-align: justify;}
.continut p a {color: #8bca1d; text-decoration: none;}
.continut p a:hover{color:#060506; text-decoration: underline;}
.continut .cv { width: 660px; float: left; font-size: 14px; line-height: 18px;}
.continut .cv tr {height: 20px; border-bottom:1px solid #ddd;}
.continut .cv td {padding: 3px 0;}
.continut .cv .cap {width: 150px; vertical-align: top; font-weight: bold;}
.continut .partid  {width: 50px; font-weight: bold;}
.continut li a {text-decoration: none; color:#060506; font-weight: bold;}
.continut li a:hover {color: #8bca1d;}
.continut .box1 {width: 330px; float: left; margin: 0 10px 0 0;}
.continut .box1 li {padding: 2px 0 2px 10px;}
.continut .box2 {width: 330px; float: left; margin: 0;}
.continut .box2 .stanga {width: 126px; float: left;}
.continut .box2 .stanga img {padding: 2px;}
.continut .box2 .stanga a { float: right; color: #060506; text-decoration: none; }
.continut .box2 .stanga a:hover { text-decoration: underline; color: #8bca1d;}
/* == Sidebar == */
.sidebar { width: 250px; float: left; margin: 10px;}
.sidebar  #pmg {float: left; padding: 5px 0; }
.sidebar  #cjg{float: left; padding: 5px 0; }
	/* == menu == */
	.menu ul li { width: 248px; margin: 5px 0;}
	.menu ul li a { color: #060506; text-decoration: none; padding: -5px; margin: 0 0 0 2px; font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; display: block; border-bottom: 1px solid #96af74; border-left: 2px solid #89ac4e;}
	.menu ul li a:hover { color: #8bca1d;}
		.menu ul li ul li { width: 200px; padding: 0 0 0 45px; }
		.menu ul li ul li a { text-transform: lowercase; color: #686462; border-bottom: 0; border-left: 0; font-size: 14px; line-height: 16px; padding: 0; }
	/* == accordion == */
	#basic-accordian { }
	.accordion_headings { color: #009bfb; text-decoration: none; padding: 5px; margin: 5px 0 0 2px; font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; display: block; border-bottom: 1px solid #96af74; border-left: 2px solid #89ac4e;}
	.accordion_headings:hover { color: #8bca1d; }
   	.accordion_headings  a{ color: #009bfb; text-decoration: none; padding: 5px 5px 5px 0; font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; display: block;}
	.accordion_headings a:hover { color: #8bca1d; }
	.accordion_child { width: 248px;}
	.accordion_child ul li { width: 200px; padding: 0 0 0 30px; display: block; margin: 2px 0;}
	.accordion_child ul li a { color: #686462; font-size: 14px; line-height: 16px; font-weight: bold; font-family: arial, Times new roman; text-decoration: none;}
	.header_highlight{ color: #8bca1d; border-left: 2px solid #cccfd1;}
/* == Footer == */
.footer {background: #009bfb; float: left; padding: 20px 0; width: 960px;}
.footer #copy{float: left; color: #fff; padding: 0 5px;}
.footer #design{float: right; color: #fff; padding: 0 5px;}
.footer #design a{text-decoration: none; color: #fff;}
.footer #design a:hover {text-decoration: underline;}