@import "lib/reset.css";
@import "lib/ie.css";
@import "lib/nav.css";
@import "lib/scroll.css";

/* =body 
   (1em = default browser 16px of font-size)
   for 12px (0.75em = 1/16px * 12px)
 */
body { background-color: #e2f7f4; color: #838383; font-size: 1em; text-align: center; font-family: "Trebuchet MS"; }

/* =hx */
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS" }

h1 { font-size: 3em; line-height: 1; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.25em; line-height: 1.2; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

/* =txt p/abr/acronym/address/del/blockquote/strong/em/dfn/pre/code/tt  */
p { margin: 0 0 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

/* =table caption/tr/th/td/thead/tbody/tfoot */
table {  }
th {  }
td {  }
th, td {  }
tfoot { font-style: italic; }
caption { background: #ffc; }

strike {background: url(../images/line.png) repeat-x 0 9px; text-decoration: none }

/* =ul li */
ul { margin: 0 1.5em 1.5em 1.5em; }

/* =ol li */
ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

/* =dl dt/dd */
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

/* =a */
a { color: #33b0de; text-decoration: underline; }
a:hover { color: #33b0de; text-decoration: none; }

/* =form */
label { font-weight: bold; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }

/* layout */
#wrapper { border-top: 3px solid #bbe5f5; width: 100%; }
#container { width: 960px; margin: 0 auto; text-align: left; position: relative; }
#packages { background: url(../images/tre_packages.gif); width: 399px; height: 173px; position: absolute; right: 0; top: 350px; }
#packages span { display: none; }

/* general */
.main_content { color:#ccd0dc; }
.floatleft { float: left }
.floatright { float: right; }
.clear { clear: both }

/* header */
#header { position: relative; }
#header #logo { position: relative; top: 16px; left: 0; height: 118px;  }
#header #nav { position: absolute; right: 0; top: 0; }

/* home */
#home { background: #e2f7f4 url(../images/utils/bg2.jpg) repeat-x center top;  }
#home .notice_one_area { position: absolute; left: 250px; top: 80px; width: 379px; height: 346px; }
#home #notice_one { background: url(../images/utils/qbox1.png); width: 379px; height: 346px; overflow: hidden }
#home #notice_one p { padding: 0 15px; margin: 0 0 1em 0; font-size: 1.1em; line-height: 1.2; }
#home #notice_one p.first { font-size: 1em; padding-top: 15px; }
#home #notice_one p.third { font-size: 0.82em; margin: 0 }
#home #notice_one p.last { font-size: 0.82em; margin: 1em 0 0 0 }
#home #notice_one p.last span { float: left; padding: 20px 15px 0 0; }
#home #notice_one p a { font-size: 1.1em; }

#home .notice_two_area { position: absolute; right: -20px; top: 80px; width: 340px; height: 246px; z-index:99}
#home #notice_two { background: url(../images/utils/qbox2.png); width: 310px; height: 246px; overflow: hidden; position:relative; z-index:999}
#home #notice_two p { padding: 0 10px 0 15px; margin: 0; font-size: 0.82em; line-height: 1.5em; letter-spacing:-0.01em}
#home #notice_two p.first { margin: 1em 0 0.8em 0; }
#home #notice_two p a { font-size: 1.2em; }

#home #tre ul { list-style: none; margin: 0; padding: 34px 0 0 0; }
#home #tre ul li { float: left; height: 40px; font-size: 0.68em; margin: 0 34px 0 0; display: inline }
#home #tre ul li a { color: #5d5d5d; }

#home #tre .tresuau span,
#home #tre .tressimplu span,
#home #tre .tresinteligent span,
#home #tre .tresinvizibil span
{ display: none; }
#home #tre .tresuau { background: url(../images/tre_uau.gif) no-repeat left top; padding: 40px 0 0 0; width: 90px;  }
#home #tre .tressimplu { background: url(../images/tre_simplu.gif) no-repeat left top; padding: 40px 0 0 0; width: 90px;  }
#home #tre .tresinteligent { background: url(../images/tre_inteligent.gif) no-repeat left top; padding: 40px 0 0 0; width: 120px;  }
#home #tre .tresinvizibil { background: url(../images/tre_invizibil.gif) no-repeat left top; padding: 40px 0 0 0; width: 105px; margin: 0;  }

/* inside descriere */
#inside { background: #e2f7f4 url(../images/utils/bg_inside.jpg) no-repeat center top;  }
#inside #wrapper { margin-bottom: 40px }
#inside #nav { position: absolute; right: 0; top: 0; z-index: 12000 }
#inside #logo { position: relative; top: 16px; left: 0; height: 118px;  }

#inside #sidebar { position: relative; width: 330px; float:left; margin: 0 0 30px 0 }
#inside #sidebar #packages { background: url(../images/tre_packages_inside.gif); position: absolute; left:0; top: 375px; width: 302px; height: 120px; z-index: 1000 }
#inside #sidebar #instructions { background: url(../images/instructions.png); position: absolute; left:0; top: 375px; width: 302px; height: 120px; z-index: 1000   }
#inside #sidebar #instructions span { display: none; }
#inside #sidebar #tre { margin: 63px 0 0 0; }

#inside #tre ul { list-style: none; margin: 0; padding: 0; }
#inside #tre ul li { float: left; height: 30px; font-size: 0.60em; margin: 0 14px 0 0; display: inline }
#inside #tre ul li a { color: #5d5d5d; }

#inside #tre .tresuau span,
#inside #tre .tressimplu span,
#inside #tre .tresinteligent span,
#inside #tre .tresinvizibil span
{ display: none; }
#inside #tre .tresuau { background: url(../images/tre_uau_inside.gif) no-repeat left top; padding: 25px 0 0 0; width: 50px;  }
#inside #tre .tressimplu { background: url(../images/tre_simplu_inside.gif) no-repeat left top; padding: 25px 0 0 0; width: 60px;  }
#inside #tre .tresinteligent { background: url(../images/tre_inteligent_inside.gif) no-repeat left top; padding: 25px 0 0 0; width: 80px;  }
#inside #tre .tresinvizibil { background: url(../images/tre_invizibil_inside.gif) no-repeat left top; padding: 25px 0 0 0; width: 70px; margin: 0;  }

#inside #notice_one p { float: right; font-size: 0.82em; margin: 1em 35px 0 0;  }
#inside #notice_one p span { float: left; padding: 15px 15px 0 0; }
#inside #notice_one p a { font-size: 1.1em; }

#inside #content_wrapper { float: right; width: 620px; margin: 80px 0 0 0;  }
#inside #content_wrapper #content { background: #fffefe; color: #414141; font-size: 0.82em; clear:left}
#inside #content_wrapper #content h3 { font-size: 1.5em; font-weight: bold; margin: 0 0 0.3em 0; padding: 0.4em 0 0 0; border-top: 1px solid #e6e6e6; }
#inside #content_wrapper #content p { margin: 0 0 0.7em 0 }
#inside #content_wrapper #content #sec_nav { position: relative; margin: 0 0 20px 0; }
#inside #content_wrapper #content #sec_nav ul { list-style-image: none; list-style: none; margin: 0; padding: 0; color: #33b0de; font-size: 1.3em; border: none;  }
#inside #content_wrapper #content #sec_nav ul.right { position: absolute; left: 260px; top: 0 }
#inside #content_wrapper #content #sec_nav li { margin: 0; padding: 3px 15px 3px 6px; display: block; float: left; clear: both; background: url(../images/icons/arrow_secnav.gif) no-repeat right center; }
#inside #content_wrapper #content #sec_nav li span { font-weight: normal; }
#inside #content_wrapper #content #sec_nav li.active { background: url(../images/sec_nav_left.gif) no-repeat left center; padding: 0 0 0 6px; margin: 0 0 0.2em 0; }
#inside #content_wrapper #content #sec_nav li.active a { color: white; cursor: default; text-decoration: none }
#inside #content_wrapper #content #sec_nav li.active a:hover { text-decoration: none }
#inside #content_wrapper #content #sec_nav li.active span { background: #3ab3df url(../images/sec_nav_right.gif) no-repeat right center; font-weight: normal; display: block; padding: 0 30px 0 0; }
#inside #content_wrapper #content #sec_nav li.active { color: white }
#inside #content_wrapper #content ul { padding: 20px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #e6e6e6; list-style: none }
#inside #content_wrapper #content ul li { line-height: 1.4; padding: 0 0 0.9em 20px; background: url(../images/icons/bulett_orange.gif) no-repeat left 5px; }
#inside #content_wrapper #content ul li span { font-weight: bold; }
#inside #content_wrapper #content .padcontent { padding: 0 15px 20px 15px; }
#inside #content_wrapper .quote { margin: 0 0 0 50px;  }
#inside #footer ul { padding: 20px 0 0 0; }
.gutiera { border-top: 1px solid #e6e6e6; padding: 15px 0 0 0; text-align: center }
.gutiera table { border-top: 1px solid #e6e6e6; width: 100%; margin: 15px 0 30px 0; }
.gutiera table td { padding: 15px 0 0 0; }
#inside #content_wrapper #content .tres h3 { border-top: none; color: #33b0de }
#inside #content_wrapper #content .tres ul { border: none; padding: 0 }
#inside #content_wrapper #content .tres h4 { color: #33b0de; font-weight: bold; margin: 0.7em 0 0.5em 0 }
.treheading { color: #414141!important; border-top: 1px solid #e6e6e6!important; }

/* intrebari */
#inside #intrebari #content_wrapper #content h3 { margin: 0 0 0.5em 0 }
#inside #intrebari #content_wrapper #content dl dt { margin: 0 0 0.78em 0; padding: 0 0 0 20px; background: url(../images/icons/bulett_orange.gif) no-repeat left 7px; }
#inside #intrebari #content_wrapper #content dl dt a { display: block; padding: 0 40px 0 0; background: url(../images/icons/arrow_moredesc.gif) no-repeat right 2px; }
#inside #intrebari #content_wrapper #content dl dt div { margin: 3px 0 15px 0; padding: 0; font-weight: normal; }

/* contact */
#contact ol { list-style: none; margin: 0; padding: 0 0 0; }
#contact ol li { clear: both; margin: 0; padding: 0; }
#contact ol li div { float: left; width: 80px }
#contact ol li p { margin: 0 0 0 80px; float: left; font-weight: bold; }

/* formular */
#formular #formularcomanda { border-top: 1px solid #e6e6e6; padding: 15px 0 0 0; margin: 10px 0 0 0; }
#formular #selectprod td { vertical-align: middle }
#formular #selectprod { width: 100% }
#formular #selectprod td .tl { background: url(../images/utils/input_left.gif) no-repeat left center; padding: 0 0 0 18px; margin: 0 0 0 15px; width: 70px }
#formular #selectprod td .tr { background: url(../images/utils/input_right.gif) no-repeat right center; padding: 0 0 0 0; height: 37px; position: relative; }
#formular #selectprod td input { border: none; background: none; width: 50px; position: absolute; left: 0; top: 10px; color: #2383a7; margin: 0; padding: 0 }
#formular #selectprod .buc { color: #2383a7; font-size: 0.82em }
#formular #selectprod .last td { padding: 0 0 10px 0 }
#formular #selectprod .line td { border-top: 1px solid #e6e6e6; padding: 10px 0 0 0 }
#formular #selectprod .line span { font-size: 0.82em; color: #2383a7; }
#formular #selectprod #total { font-weight: bold; color: #2383a7; vertical-align: top; font-size: 0.90em }
#formular #selectprod .sumprod { width: 80px; text-align: right; font-weight: bold; color: #2383a7; font-size: 0.9em }
#formular .formconf { border-top: 1px solid #e6e6e6; padding: 10px 0 10px 0; margin: 10px 0 0 0!important; }

#formular #sendform { border-top: 1px solid #e6e6e6; margin: 15px 0 0 0; padding: 15px 0 0 0 }
#formular #sendform td { vertical-align: middle;  }
#formular #sendform .firstname { width: 90px; }
#formular #sendform td .tl { background: url(../images/utils/input_left.gif) no-repeat left center; padding: 0 0 0 18px; width: 420px }
#formular #sendform td .tr { background: url(../images/utils/input_right.gif) no-repeat right center; padding: 0 0 0 0; height: 37px; position: relative; }
#formular #sendform td input {border: none;  background: none; position: absolute; left: 0; top: 10px; color: #2383a7; margin: 0; padding: 0 }
#formular #sendform td table { border-collapse: collapse }
#formular #sendform .address td { padding: 3px 0 0 0; }
#formular #sendform .address2 td { padding: 0 0 3px 0; }
#formular #sendform td #address_info { border-top: 1px solid #e2f7f4; border-bottom: 1px solid #e2f7f4; margin: 5px 0 5px 0  }
#formular #sendform .jud td { border-top: 1px solid #e2f7f4; padding: 4px 0 0 0 }
#formular #sendform td #address_info .tl { width: 36px; margin: 0  }

#formular #sendform .mesaj .tl { background: url(../images/utils/textarea_left.gif) no-repeat left center; padding: 0 0 0 16px; width: 420px }
#formular #sendform .mesaj .tr { background: url(../images/utils/textarea_right.gif) no-repeat right center; padding: 0 0 0 0; height: 124px; position: relative; }
#formular #sendform .mesaj textarea { overflow: auto; border: none; background: none; position: absolute; left: 0; top: 15px; color: #2383a7; font-family: "Trebuchet MS"; font-size: 1em; margin: 0; padding: 0 }
#formular #comanda { margin: 0 0 0 93px; position: relative; }
#formular #comanda span { position: absolute; left: 120px; top:10px; font-size: 0.82em; color: #2383a7; }

#formular .message { font-size: 0.83em; padding:0.5em 60px 0 100px; }

/* footer */
#footer { position: relative; clear: both }
#footer ul { list-style: none; margin: 0; padding: 37px 0 0 0; }
#footer ul li { float: left;  font-size: 0.75em; padding: 0 20px 0 0; }
#footer ul li a { color: #2383a7; text-decoration: none; }
#footer ul li a:hover {color: #2383a7; text-decoration: underline; }
#footer .copyright { color: #729cab; font-size: 0.75em; clear: both  }
#footer .createdby { position: absolute; height: 18px; width: 137px; color: #4f5968; right: 0; top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
#home #footer .createdby { top: 33px }
#footer .createdby a { display: block; height: 18px; background: url(../images/utils/creatde.gif) no-repeat ; text-indent: -5000px  }


#tres_noutati	{	width:280px; height:100px; padding:42px 30px 0; margin:0 0 20px; background:url(../images/utils/tres_noutati.png) no-repeat; overflow:hidden; font:normal 13px/19px 'trebuchet ms',arial,sans-serif; color:#fefefd}
#tres_noutati div.wrap{width:280px !important; overflow:hidden}
#tres_noutati ul{	margin:0; position:relative; height:100px; overflow:hidden}
#tres_noutati li{	width:280px; height:100px; list-style:none; padding:0 30px; position:relative; left:-30px}
#tres_noutati li b	{	color:#ffdfb8; font-size:18px}
#tres_noutati .btn	{	display:block; position:absolute; top:87px; left:6px; width:20px; height:20px; background:url(../images/btn_prev.gif) no-repeat center center; text-indent:-999em; overflow:hidden; z-index:999}
#tres_noutati .next	{	left:auto; right:6px; background:url(../images/btn_next.gif) no-repeat center center}
#tres_noutati .disabled	{	-moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30)}
#tres_noutati a		{	color:white !important}

#tre{height:119px}
#inside #tre{height:auto}

#prod-slide {position:relative; height: 99px; width: 790px; margin-left: 100px;}
#prod-slide .prev-item,
#prod-slide .next-item{ position: absolute; top:30px; width: 31px; height: 31px; overflow: hidden; cursor : pointer}
#prod-slide .prev-item { left: -100px; }
#prod-slide .next-item { right: -100px; }
#prod-slide .prev-item i,
#prod-slide .next-item i { position: absolute; left: 0; top:0; width: 62px; height: 62px; background:url(../images/btn_navi.png) }
#prod-slide .prev-item i { left: -30px}
#prod-slide .last-item i,
#prod-slide .first-item i{top: -31px; cursor: default}

#prod_noi		{	height:99px; width: 800px; position:relative; overflow: hidden}
#prod_noi .items { position: absolute; left: 0; top: 0; height: 99px; width: 10000px; }
#prod_noi .items div	{	float:left; width: 266px;}
#prod_noi a		{	float:left; text-indent:-999em; overflow:hidden; height:99px;width: 266px}
#prod_noi a:hover{	background-position: 0 100%;}
#nou_1,
#nou_1 a	{	background:url(../images/nou_1.png) no-repeat 0 0;}
#nou_1 a:hover { background-position: 0 100% }
#nou_2,
#nou_2 a	{	background:url(../images/nou_2.png) no-repeat;}
#nou_3,
#nou_3 a	{	background:url(../images/nou_3.png) no-repeat;}
#nou_4,
#nou_4 a	{	background:url(../images/nou_4.png) no-repeat 100% 0;}
#nou_4 a:hover	{	background-position:100% 100%;}

#nou_5,
#nou_5 a	{	background:url(../images/nou_5.png) no-repeat 100% 0;}
#nou_5 a:hover	{	background-position: 100% -96px;}

body#inside .wrap-prod {background:#fff;margin-bottom: 10px; }
body#inside #prod-slide	{	margin-left:50px; height: 56px; width:520px;}
body#inside #prod_noi { height:56px; width: 520px; }
body#inside #prod_noi .items { height: 56px}
body#inside #prod_noi .items div {width: 173px}
body#inside #prod_noi a { height: 56px;width: 173px }
body#inside #prod-slide .prev-item,
body#inside #prod-slide .next-item { top: 15px; width: 25px; height: 25px;}
body#inside #prod-slide .prev-item { left: -35px; }
body#inside #prod-slide .next-item { right: -35px; }
body#inside #prod-slide .prev-item i,
body#inside #prod-slide .next-item i { background:url(../images/btn_navi_inside.png) }
body#inside #prod-slide .next-item i {top: 0; left: 0}
body#inside #prod-slide .prev-item i { top: -25px; left: 0}
body#inside #prod-slide .last-item i {left: -25px; }
body#inside #prod-slide .first-item i{left: -25px; }



body#inside #nou_1,
body#inside #nou_1 a	{	background: url(../images/in_nou_1.png) no-repeat 0 -10px;}
body#inside #nou_2,
body#inside #nou_2 a	{	background:url(../images/in_nou_2.png) no-repeat -10px -10px;}
body#inside #nou_3,
body#inside #nou_3 a	{	background: url(../images/in_nou_3.gif) no-repeat 0 -10px;}
body#inside #nou_4,
body#inside #nou_4 a	{	background:url(../images/in_nou_4.png) no-repeat 20px -10px;}
body#inside #nou_5,
body#inside #nou_5 a	{	background:url(../images/in_nou_3.png) no-repeat 20px -10px;}


.bread 			{	display:block; padding:0 0 15px}
.bread strong	{	font-size:20px; color:#4f4f4f}

h2.t	{	color:#33B0DE; font-size:1.5em; font-weight:bold}
#inside #content_wrapper #content img.prod	{	display: inline-block; zoom: 1; vertical-align:top; padding:20px 0 0}
#inside #content_wrapper #content ul.i		{	border:0; list-style:none; margin:10px 0 0; padding:20px 0; display: inline-block; zoom: 1; width:395px}
#inside #content_wrapper #content ul.i li	{	display:inline-block; zoom:1; width:375px}
#inside #content_wrapper #content h3{clear:left}

img.prod{float:left}
ul.i{float:left}
.rounded{clear:left}

.anpc { position: absolute; bottom:-25px; left: 160px }
#anpc { margin-top: 160px; margin-left: 10px; font-size: 14px; width: 280px; color: #0e8ab8 }
#anpc h3 { margin: 0 0 5px 0; font-size: 16px; font-weight: bold }
#anpc div { border-bottom: 1px solid #B0E7EE; padding-bottom: 15px; margin-bottom: 15px }

#promo_cadou{display:block;margin:0 -20px;height:100px;padding-top:10px;padding-left:100px;background:url(../images/promo_cadou.png) no-repeat left top}