* { margin:0; padding:0;}



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



body { font-family:arial, verdana, georgia; line-height:110%; color:#b6cfe8;font-size:120%;background-color: #1670E7;}



.ceas {position: relative;float:right;right: 40px; top: 152px;color:#FFFFFF;}



.clear { clear:both;}



.fleft { float:left;margin-left:-20px;}

.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;} 

/*@media only screen and (max-width: 1000px) */


  ul.main_menu{
    margin-left:25px;
  }


.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;}



.logout a {text-decoration:none;color:#082039;}

.logout a:hover{text-decoration:none;color:#009ce2;}



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:22px;

	margin-left:120px;

	margin-top: -35px;

	}

	

.not_title h2 {

	margin-top: 0px;

	}

	

/*.menuPic {position: relative; float:left; left: 10px; top: -35px;}*/

.title_heading {}

	

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:18px; 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;
    
    color: #95befb;
    


}

.menuItem:hover{background:#F49637;color:#000;}
.menuItem a{color:#95befb;font-weight: bold;}
.menuItem:hover a{color:#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; max-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:10px 0px 0px 50px}

#content .col_1 .indent { padding:0 0 0 0;}



/*footer*/

#footer .indent { margin-top:0px; 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 { }



/*================== 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;

	max-width: 807px;

}

.padd-wrapper {

    padding: 3px;

}

#wrapper {

	max-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 {

    max-width: 575px;

}

.top-panou-right {

    max-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; margin-left: -20px; padding-bottom: 5px; text-align:center;line-height:220%;

	    max-width: 720px;font-size:12px;}

.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: 10px;
	
	//margin-left: -50px;

    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: -50px; top: -15px;

	background: url(imagini/stamp-pattern2.png) no-repeat;

}

.sample9 img {

	position: relative; left: 47px; top: -21px;

	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;

}

#snowglobe .flake {
    position: absolute;
    width: 1px;
    height: 1px;
    color: rgba(0,0,0,0);
    text-shadow: 0 0 3px rgba(255,255,255,1);
}



/*WebKit hack: for chrome, opera, safari*/
	#corner:not(*:root) {
	position: absolute;visibility: hidden;
	}

.stopfade { 
   opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */;
}