* { margin:0; padding:0;}

.bar {background:url(images/tall_top.gif) left top repeat-x;}

body { background:#082039; font-family:arial, verdana, georgia; line-height:110%; color:#889aad;font-size:120%;}

.ceas {position: relative;float:right;right: 55px; top: 135px;color:#FFFFFF;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.container { width:100%;}

p { margin-bottom:14px;font-size:18px;margin-top:14px;line-height:110%;}
.text_mare {font-size:18px;line-height:110%;}
.text_mijlociu {font-size:15px;line-height:110%;}
.text_mic {font-size:12px;line-height:110%;}

.p1 { margin-bottom:34px;}
.p2 { margin-bottom:27px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal; font-size:1em; background:none; border:1px solid #889aad; color:#889aad;}

input:hover, select:hover, textarea:hover {
    border: 1px solid #ffac2c;
    background: #ff6;
	color: #0e2037;
}


.buton_trafic {
    border: 1px solid #006;
    background: #e6e6e6;
	color: #0e2037;
	font-weight:bold;
}

img {border:0; vertical-align:top; text-align:left;}

.form { height:31px;}
.form input {width:173px; height:19px;}

textarea { width:181px; height:81px; background:none; overflow:auto; border:1px solid #889aad; font-size:1em; font-family:tahoma; color:#889aad;}

.input_1 { width:179px; height:18px; border:1px solid #a5a092;}


/*==================list====================*/
ul { list-style:none;}

.main_menu li { margin-left:3px; float:left;font-size: 14px;}
.main_menu li a { font-size:14px;display:block; float:left; background:url(/images/trafic-buton.png) no-repeat left top; width:90px; height:38px; text-align:center; line-height:38px; color:#1c3677; text-decoration:none; text-transform:uppercase; font-weight:bold;
text-shadow: 0.1em 0.1em 0em #fff;
	}
.main_menu li a:hover { font-size:14px;color:#009ce2;
text-shadow: 0.1em 0.1em 0em #000;
	}

.main_menu2 li { margin-left:3px; float:left;font-size: 9px;}
.main_menu2 li a { display:block; float:left; background:url(/images/main_menu_bgd2.gif) no-repeat left top; width:78px; height:38px; text-align:center; line-height:38px; color:#1c3677; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.main_menu2 li a:hover { color:#ffac2c;}

.footer_menu li { display:inline;}
.footer_menu li a { background:url(/images/footer_divider.gif) no-repeat right 5px; padding:0 12px 0 9px; color:#d5eaff; text-decoration:none;font-size: 14px;}
.footer_menu li a:hover { text-decoration:underline;}
.footer_menu li a:visited {text-decoration: none;} 
.copyright{float:right;font-size: 14px;}

.list1 li { color:#1ab5fd;}
.list1 li a { color:#1ab5fd; line-height:1.82em;} 

/*==================other====================*/
.img_indent { margin:0 18px 30px 0; float:left;}
.img_indent1 { margin:0 18px 0 0; float:left;}
.bot_ind { margin-bottom:6px;}
.bot_ind1 { margin-bottom:20px;}


/*==================txt, links, lines, titles====================*/
a {text-decoration:none;color:#009ce2;}
a:hover{text-decoration:none;color:#fdab2c;}

h1 { color:#fefefe; text-shadow:#1bb5fd 5px 5px 1em; font-size:25px; text-transform:uppercase; line-height:25px; padding-left:7px; margin-bottom:27px;}
h1 span { text-transform:none; font-size:15px;}
h2 a {color:#ffffff;}
h2 {font-style: italic;text-shadow:#000 2px 2px 1em; background:url(/images/line1.gif) left bottom repeat-x; color:#efeff0; font-size:20px; height:30px; line-height:20px; font-weight:normal; margin-bottom:32px;
	margin-left:120px;}
.menuPic {position: relative; float:left; left: 10px; top: -35px;}
	
h2:first-letter { background:url(/images/sq.gif) no-repeat left center; padding-left:16px;}
h2 a {text-decoration:none;color:#1ab5fd;}
h2 img { margin-top:6px;}
h3 { color:#d5eaff; font-size:16px; margin-bottom:14px;letter-spacing:0px;line-height:20px;text-indent: 1cm;text-align: justify;}
h4 {color:#d5eaff; font-size:1em; margin-bottom:8px;}
h5 { font-size:1em; font-weight:normal; margin-bottom:6px;}

.picText{color:#d5eaff; font-size:16px; font-weight:bold;font-style: italic;margin-top:20px;}

.menuItem{
	width:120px;
	height:142px;
	background:#0c2f54;
	border:1px solid #95befb;
	     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    padding:3px;
    padding-top: 10px;
    margin-bottom: 18px;
}
.menuItem:hover{background:#000;}

.txt1 { background:url(/images/marker.gif) no-repeat left 1px; padding-left:17px; color:#1ab5fd; font-size:0.82em;}
.txt2 { color:#d5eaff;}

.link1 { color:#1ab5fd;}

.line_hor { background:url(/images/line1.gif) left bottom repeat-x; padding-bottom:20px; margin-bottom:20px;}

.title { margin-bottom:20px;}

.controlSection a:link{color:#2b4c73;font-style: italic;font-weight: bold;}
.controlSection a:visited{color:#2b4c73;}
.controlSection a:hover{color:#094db3;}
.controlSection {color:#344661;}

.controlMenu a:link{text-decoration:none;}
.controlMenu a:hover{color:#094db3}

/*==================blocks====================*/
.block { background:url(/images/block_bgd.gif) left top repeat-x #ccc; width:284px;}
.block .l_t { background:url(/images/l_t.gif) no-repeat left top;}
.block .r_t { background:url(/images/r_t.gif) no-repeat right top;}
.block .r_b { background:url(/images/r_b.gif) no-repeat right bottom;}
.block .l_b { background:url(/images/l_b.gif) no-repeat left bottom; width:100%;}
.block .ind { padding:15px 0 20px 21px;}

/*header*/
#header .row_1 { height:167px; text-align:right;}
#header .row_1 .indent { padding:33px 35px 0 0;}
#header .row_2 { padding-right:40px;padding-top:20px;float:right;}



/*content*/
#content { padding:45px 10px 10px 50px;}
#content .col_1 .indent { padding:0 54px 0 0;}

/*footer*/
#footer .indent { margin-top:35px; padding:25px 38px 0px 90px;
	font-style: italic;text-shadow:#000 2px 2px 1em;}
#footer span a { color:#1ab5fd;}


/*================== index-1.html ==================*/
#page3 #content .col_1 .img_indent { margin-bottom:25px;}

/*================== index-5.html ==================*/
#page6 #content { padding-bottom:50px;}

/*================== index-6.html ==================*/
#page7 #content {padding:23px 30px 64px 44px;}

/*================== top ========================*/
.border-wrapper {
    /*border: 1px solid #CCC;*/
  	margin: 0px auto;
	width: 807px;
}
.padd-wrapper {
    padding: 3px;
}
#wrapper {
	width: 900px;
	margin: 0px auto;
}
#content1 {
	clear: both;
	padding: 0px;
}
.panou {
    width: 200px;
}
.top-panou {
    width: 200px;
    height: 40px;
}
.poz-panou {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
	color:#fff68e;
	text-shadow: 5px 5px /*1em */#000;
	font-style: italic;
	padding-top:10px;
	padding-bottom:7px;
}
.imagini_categorii
{
	margin-top:-10px;
	margin-left:0px;
	margin-right:0px;
    vertical-align:middle;
}
.border-panou {
    padding: 1px;
    border: 2px solid #086bc0;
}
.panou-right {
    width: 575px;
}
.top-panou-right {
    width: 600px;
    height: 28px;
}
.poz-panou-right {
    font-size: 13px;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
}
.border-panou-right {
    padding: 1px;
}

.table_border {
margin:0px auto;
height:100px;
background: #001831;
border: 2px solid #086bc0;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.cat1 {
    padding-top: 3px;
    background: #fff;
    font-weight: bold;
    height: 25px;
}
.cat1 a:link{color:#004a99;}
.cat1 a:visited{color:#004a99;}
.cat1 a:hover{color:#004a99;}

.parteneri {color:#8f918f; font-size: 10px;padding-top: 5px; padding-left: 5px; padding-bottom: 5px; text-align:center;line-height:220%;
	    width: 620px;}
.parteneri a:link{color:#8f918f;text-decoration:none;}
.parteneri a:visited{color:#8f918f;}
.parteneri a:hover{color:#fdf598;}

.cat2 {
    padding-top: 3px;
    background: #004a99;
    font-weight: bold;
    height: 25px;
	color:white;
}
.cat2 a:link{color:white;}
.cat2 a:visited{color:white;}
.cat2 a:hover{color:white;}

.pagination {margin-top:-70px;margin-bottom:20px;}

.pagination a:link{font-size:13px;text-decoration:none;color:white;background-color:#004a99;}
.pagination a:visited{font-size:13px;text-decoration:none;color:white;background-color:#004a99;}
.pagination a:hover{font-size:13px;text-decoration:none;color:#004a99;background-color:white;}

.numar_pag{padding:2px;border:1px solid #004a99;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#a8d0e3;color:#004a99;}
.numar_pag_sel{padding:3px;border:1px solid #004a99;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#004a99;color:#a8d0e3;font-weight:bold;}

table.sample {
	border-width: 0px;
	border-spacing: ;
	border-style: solid;
	border-collapse: separate;
}
table.sample th {
	border-width: 0px;
	padding: 1px;
	border-style: inset;
	background-color: white;
	-webkit-border-radius:3px;-moz-border-radius:3px;
}
table.sample td {
	border-width: 2px;
	padding: 1px;
	border-style: inset;
	background-color: white;
	border-color: #2951a5 #18b6ff;
	-webkit-border-radius:3px;-moz-border-radius:3px;
}

table.compact {
	border-width: 0px;
}
table.compact td {
    padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

table{
	/*
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	*/
}
td{
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
	/*
	-moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
	*/
	-moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	


}

.formular form{
	font-weight:bold;
	text-shadow: #000 1px 1px;
	color: #FFF;
    padding: 20px;
    border: 1px solid #183884;

    /*** Adding in CSS3 ***/

    /*** Rounded Corners ***/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;

    /*** Background Gradient - 2 declarations one for Firefox and one for Webkit ***/
    background:  -moz-linear-gradient(10% 60% 30deg,#122649, #0177ca);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0177ca), to(#122649));

    /*** Shadow behind the box ***/
    /*-moz-box-shadow:0px -5px 300px #2d69f8;
    -webkit-box-shadow:0px -5px 300px #2d69f8;*/
}

.formular input, .formular textarea, .formular submit {
	font-weight:bold;
    width: 160px;
    background: #3165ce;
    padding: 6px;
    margin-bottom: 10px;
	padding-bottom: 5px;
    border-top: 1px solid #2d69f8;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;

    /*** Adding CSS3 ***/

    /*** Transition Selectors - What properties to animate and how long ***/
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;

    /*** Adding a small shadow ***/
    -moz-box-shadow: 0px 0px 2px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
    color: #fff;
    /*text-transform: uppercase;*/
    border-top: 1px solid #2d69f8;
    margin-top: 0px;

    /*** Adding CSS3 Gradients ***/
    background:  -moz-linear-gradient(50% 50% 90deg,#122649, #0177ca);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0177ca), to(#122649));
}
.formular input:hover,.formular textarea:hover {
    -webkit-box-shadow: 0px 0px 4px;
    background: #2955a5;
    background:  -moz-linear-gradient(50% 50% 90deg,#0177ca, #122649);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#122649), to(#0177ca));
	color: #fff;
}

.butoane {
	font-weight:bold;
    width: 160px;
    background: #3165ce;
	padding: 6px;

    /*** Transition Selectors - What properties to animate and how long ***/
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;

    /*** Adding a small shadow ***/
    -moz-box-shadow: 0px 0px 2px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
    color: #fff;
    border-top: 1px solid #2d69f8;

    /*** Adding CSS3 Gradients ***/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#122649), to(#2955a5));
    background:  -moz-linear-gradient(19% 75% 90deg,#2955a5, #122649);
}
.butoane:hover {
    -webkit-box-shadow: 0px 0px 4px;
    background: #2955a5;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2955a5), to(#122649));
    background:  -moz-linear-gradient(19% 75% 90deg,#122649, #2955a5);
	color: #fff;
}

/*.formular {background: #2d69f8;}*/
.formular {padding-right:20px; margin-bottom:20px;text-align:left;}
.formular A:link {text-decoration: none;color: #FFF;}
.formular A:visited {text-decoration: none;color: #FFF;}
.formular A:active {text-decoration: none;color: #FFF;}
.formular A:hover {text-decoration: underline; color: #f77100;}

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(http://trafic-site.ro/topdir/skins/trafic-site/css/dialog-dark-800x600.png) no-repeat top right;
 _background-image:url(http://trafic-site.ro/topdir/skins/trafic-site/css/dialog-dark-800x600.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

.jos-stanga
{
background:url(imagini/iepure.gif) no-repeat left bottom;
width:150px;
height:216px;
     position: absolute;
     bottom: 0px;
     right: 0px;
}

.photo img {
	background: #fff;
	width:90px;
	height:90px;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo a {
	text-decoration: none;
}

.sample9 span {
	width: 90px;
	height: 90px;
	display: block;
	float:left;
	position: relative; left: -22px; top: -26px;
	background: url(imagini/stamp-pattern2.png) no-repeat;
}
.sample9 img {
	position: relative; left: 75px; top: -32px;
	border: none;
	float:left;
	padding: 6px 7px 7px;
	background: url(imagini/stamp3.png) no-repeat;
}
.lista_alerta ul
{
padding-top: 18px;
padding-bottom: 8px;
list-style-type: none;
vertical-align: middle;
 margin-left:0px;
}
.lista_alerta li
{
background-image: url('imagini/alert25a.png');
background-repeat: no-repeat;
height:35px;
background-position: 0px 0px;
padding-left: 30px;
padding-top: 1px;
}