/*-----------------------------------------------------------------------------*/
/* Copyright© 2008 - www.BizNet.com.ro */
/*-----------------------------------------------------------------------------*/


/*** Reset ***/
html					{ height: 100%; }
body, form, fieldset, caption, h1, h2, h3, h4, h5, h6, p, a, ul, dl, dt, dd, img, hr { margin: 0; padding: 0; border: none; list-style: none; }
body					{ font: 62.5% arial, Helvetica, sans-serif; height: 100%; background: #44474c url(../img/autotractari_bg.jpg) repeat-x; padding-top: 6px; }

/*** Text elements ***/
h1						{ font: normal 1.75em Tahoma; /* 10px × 2em = 20px */ color: #023e76; }
h1 em					{ font-style: normal; font-size: 0.7em; }
h1.title				{ color: #fff; font-size: 1.6em; background: url(../img/right_blue_title.gif) top right no-repeat; display: inline-block; }
h1.title span			{ background: url(../img/left_blue_title.gif) no-repeat; padding: 2px 20px 30px; display: block; }
h2.title				{ font-size: 1.6em; }
h2						{ font: normal 1.5em Tahoma; /* 10px × 2em = 20px */ color: #023e76; }
h3						{ font: normal 1.3em Tahoma; /* 10px × 2em = 20px */ color: #023e76; }
p						{ font-size: 1.2em; line-height: 1.5em; }
p.small					{ font-size: 1.1em; /* 10px × 1.2em = 12px */ line-height: 1.7em; }
a						{ outline: none; text-decoration: none; color: #3264a6; }

/*** General clases ***/
.left					{ float: left; }
.right					{ float: right; }
.imgright				{ float: right; margin: 0 0 20px 20px; }
.to-right				{ text-align: right; }
.center					{ text-align: center; }
.big					{ font-size: 140%; display: inline-block; }
.clear					{ clear: both; }
.strong					{ font-weight: bold; }
.top-pad10				{ padding-top: 10px; }
.left-pad10				{ padding-left: 10px; }
.bot-pad10				{ padding-bottom: 10px; }
.pad8					{ padding: 8px; }
.green					{ color: #038815; }
.blue					{ color: #023e76; }
.red					{ color: #f00; }
.light-blue				{ color: #2a89b9; }
.orange					{ color: #f60; }
.white					{ color: #fff; }
.gray					{ color: #666; }
a.link					{ background: url(../img/link.gif) 0 3px no-repeat; padding-left: 14px; }
a:hover.link			{ color: #f60; background: url(../img/link_hover.gif) 0 3px no-repeat; padding-left: 14px; }
.br8					{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.br5					{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/*** General layout structure ***/
#wrapper				{ background: url(../img/header_bg.jpg) no-repeat; padding: 0 0 60px 20px; }
#page, #footer			{ width: 950px; padding: 10px 10px 10px; }
#page					{ background: url(../img/dot.png); }
#header					{ height: 215px; }
#content				{ overflow: auto; background: #ffffff url(../img/top_content.gif) repeat-x; padding: 0 15px 15px; }
#left-side				{ width: 262px; float: left; }
#main					{ width: 640px; float: right; }
#footer					{ clear: both; color: #777; text-align: center; }
#footer	 p				{ line-height: 1.2em; }

/*** header zone ***/
#logo					{ display: block; width: 228px; height: 64px; background: url(../img/autotractari_logo.png) no-repeat; position: absolute; top: 80px; left: 30px; }

/*** Top Phones ***/
#phones					{ height: 100px; padding-bottom: 3px; }
.dispecer				{ color: #f2b950; padding-left: 20px; }
.top-tel				{ color: #fff; font-size: 1.8em; padding: 10px 30px 0 20px; }
.top-tel span			{ font-size: 2.2em; }
#phones p.right			{ width: 460px; color: #cdcdcd; font-size: 1.05em; background: url(../img/tel_line.gif) repeat-y; padding: 20px 0 20px 50px; }

/*** Top menu ***/
#top-menu				{ height: 60px; padding-top: 10px; }
#top-menu a				{ color: #fff; font-size: 1.6em; display: inline-block; line-height: 25px; margin-right: 10px; }
#top-menu a.curent, #top-menu a:hover { background: url(../img/right_top_menu.gif) top right no-repeat; color: #3264a6; }
#top-menu a.curent span, #top-menu a:hover span	{ background: url(../img/left_top_menu.gif) no-repeat; display: block; }
#top-menu a span { padding: 0 9px; }
#top-menu li			{ display: inline; }

/*** Left menu ***/
.left-menu 				{ background: url(../img/list_dot.gif) bottom repeat-x; padding-bottom: 5px; margin-bottom: 5px; }
.left-menu li			{ font-size: 1.1em; }
.left-menu li.title		{ font-size: 14px; font-weight: bold; }
.left-menu li.title a	{ color: #000; }
.left-menu li.title a:hover { color: #f60; }
.left-menu li.link		{ padding-top: 6px; }

/*** Formulare Utile ***/
.utile					{ border: 1px #b1c4dd solid; padding: 5px 5px 10px; }
.utile a				{ font-size: 1em; font-weight: bold; display: inline-block; line-height: 1em; margin-bottom: 8px; }
.utile .word			{ padding-left: 62px; background: url(../img/word.jpg) no-repeat; }

/*** Cols ***/
.left-col, .right-col	{ width: 312px; text-align: justify; }
.left-col				{}
.right-col				{}

/*** Map24 ***/
#map24					{ background: url(../img/navteq.jpg) no-repeat; width: 242px; padding: 170px 10px 20px; }
.map24_input			{ background-color: #fff; width: 240px; color: #0D3D6A; font-family: Arial, Verdana, Helvetica; font-size: 11px; font-weight: normal; border: 1px #ffa800 solid; }
.map24_input.first		{ margin-bottom: 32px; }
.map24_input.second		{ margin-bottom: 8px; }

/*** Contact ***/
#contact .left-col		{ width: 380px; }
#contact .right-col		{ width: 220px; }
#contact .cols			{ border: 1px solid #ddd; padding: 20px 8px 10px; }
.contact				{ font-size: 1.2em; }
.contact div			{ margin-bottom: 6px; }
.contact input.txt		{ width: 210px; }
.contact label			{ display: inline-block; width: 140px; text-align: right; margin-right: 20px; vertical-align: top; }
.contact em				{ font-style: normal; color: #3264a6; font-size: 0.9em; }
.contact em.red			{ color: #f00; }
.contact textarea		{ height: 120px; overflow: auto; }

/*** Misc ***/
.bluebox				{ background: #cde7f7; padding: 10px; }

/*** Gallery ***/
.gallery				{ border: 1px solid #cde7f7; padding: 0 4px; }
.photos img				{ margin: 3px; }

/*** Fiscal ***/
#fiscal .info			{ font-size: 1.1em; line-height: 1em; }
#fiscal label			{ display: block; }

/*** Formulars ***/
.frmComanda				{ font-size: 1.2em; }
.frmComanda label		{ display: inline-block; margin-right: 10px; width: 170px; }
.frmComanda div			{ margin-bottom: 5px; }
.frmComanda .chk		{ margin-left: 30px; }
.marL10					{ margin-left: 10px; }
.marR10					{ margin-right: 10px; }
.marLR10				{ margin: 0 10px; }
.frmComanda .border		{ border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 10px; }

/*** Anexa ***/
.anexa					{ height: 400px; overflow: scroll; }
.anexa ol				{ list-style: lower-latin; }