/*======= reset toate =======*/

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var{background: transparent;border: 0 none;font-size: 100%; margin: 0;padding: 0;border: 0;	outline: 0;vertical-align: top; }

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

table, table td { padding:0;border:none;border-collapse:collapse;}

img {vertical-align:top; }

embed {vertical-align:top;}

* { border:none}



/*======= layout =======*/

.col1, .col1c, .col1p, .col2, .col3, .col3p, .col4, .col5, .cols { float:left;}

.col1{ width:316px}

.col1c{ width:630px}

.col1all{ width:630px}

.col1p{ width:230px}

.col2{ width:294px}

.col3{ width:270px;}

.col3p{ width:670px;}

.col4{ width:601px;}

.col5{ width:100%;}

.colN{ width:600px;}

.cols{ width:310px;}



/*======= index.html =======*/

#page1 header{height:244px}

#page4 .cols{ width:459px;}

#page4 #content2 .cols{ width:329px;}





/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }

mark, rp, rt, ruby, summary, time{ display: inline }



/* Left & Right alignment */



.left { float:left;}

.right { float:right;}

.wrapper {width:100%; overflow:hidden;}



/* Global properties ======================================================== */



body{ background: url(../img/bg.jpg) top center repeat; border:0; font:12px Arial, Helvetica, sans-serif; color:#898989; line-height:19px;}



/* Global Structure ============================================================= */



.main {	margin: 0 auto;	width: 956px; }



.body1{ background:url(../img/bg_top.jpg) top repeat-x}

.body2{ background:url(../img/bg_top_2.gif) top repeat-x #ebede6}



/* ============================= main layout ====================== */



a{ color:#000; text-decoration: underline; outline:none}

a:hover{ text-decoration: none}

/*#logopic img {background:none; margin:0 5px 0 3px;-moz-opacity:.85;opacity:.85;}

#logopic img:hover {-moz-opacity:1;opacity:1;}

*/

h1{ font-size:27px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-style:italic; line-height:36px; padding:31px 0 22px 21px}
h2{ font-size:30px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight: normal; font-style:italic; line-height:36px; padding:31px 0 22px 21px}

p{ padding-bottom:19px;}



/* ============================= header ====================== */

header{ width:100%; overflow:hidden; }



#logopic{position:relative; float:left; padding-top:15px; width:255px;}
#logopic img{position:relative; float:left;}

#languages{width:100%; clear:both; position:relative; float:left; text-align:center}
#languages a{padding: 10px 30%; position:relative; float:left; color:#555555; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:none;}
#languages a: hover{ color:#FF0000;}

#search{position:absolute; float:left; background:url(../img/search.jpg) 0 0 no-repeat; width:268px; margin-top:145px;}

#search .submit{ width:39px; height:37px; background:none; float:right; cursor:pointer; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff}

#search .input{ background:none; float:right; width:209px; height:17px; padding:11px 10px; color:#898989; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;}



/*

#logo{ display:block; text-decoration:none; background:url(../img/logo.gif) no-repeat; padding-left:68px; padding-bottom:10px;}

#logo span{ display:block; font:11px Arial, Helvetica, sans-serif; color:#b5b5b5; margin-top:-9px; line-height:14px; text-transform:uppercase; letter-spacing:1px; font-style:normal; padding-left:125px;}

*/





#menu { width: 100%; overflow:hidden}

#menu li { float:left; padding-right:10px;}

#menu li a{ display:block; min-width:109px; height:43px; background:url(../img/menu_bg.gif) bottom right no-repeat; font-weight:bold; color:#071f26; text-transform:uppercase; padding:24px 5px 0 5px; text-decoration:none}

#menu li a span{ display:block; font-size:10px; color:#aaaaaa; font-weight:normal; margin-top:-4px;}

#menu li a:hover, #menu #menu_active a{ background:url(../img/menu_active.gif) 0 0 no-repeat; color:#fff; text-shadow:1px 1px #cd100a}

#menu li a:hover span, #menu #menu_active a span{ color:#fff; text-shadow:1px 1px #cd100a}



#banner{ width:100%; overflow:hidden; padding-top:18px; position:relative; z-index:1}

.box{ background:#de3b31}

.box_top{ background:url(../img/box1_top_right.gif) top right no-repeat}

.box_bot{ background:url(../img/box1_bot_right.gif) bottom right no-repeat}



/*--- slider begin ---*/



#faded { position:relative; z-index:1}

#faded .rap {overflow: hidden; height:451px; width:899px; background:url(../img/bg.jpg) repeat;}



ul.pagination { position:absolute; margin-top:-436px; margin-left:917px}

ul.pagination li { padding-bottom:5px;}

ul.pagination li a {background: url(../img/buttons.gif) no-repeat; height:25px; width:25px; display:block;}

ul.pagination li a:hover, ul.pagination li.current a { background: url(../img/buttons_active.gif) no-repeat;}



/*--- slider end ---*/



/* =========== dropdown box ======== */



#block{ position:absolute; z-index:2; top:380px;}



#dropdown_box{ position:absolute; z-index:2; bottom:19px; background:url(../img/box_bg.png) repeat; width:899px; font-size:11px; text-transform:uppercase; color:#a1a1a1; line-height:19px; height:90px; display:none}

#dropdown_box .pad{ padding:25px 0 0 25px}

#dropdown_box span{ font-size:18px; font-weight:bold; color:#fff; text-transform:none}

#marker{ display:block; width:100%; padding-top:6px; background:#000; line-height:0; font-size:0; height:13px;}

#hidden{ background:url(../img/box_bot.png) no-repeat;  width:899px; height:12px; padding-top:7px; margin-top:90px; display:block}

#link{ position:absolute; z-index:2; width:890px; margin:-18px 0 0 16px; background:url(../img/marker_up.gif) center 7px no-repeat; height:12px; display:block}

#link2{ margin-left:458px; background:url(../img/marker_down.gif) 0 0 no-repeat; width:9px; height:5px; display:block}



/* =========== dropdown box end ======== */







/* ============================= content ====================== */



#content{ padding-bottom:49px; width:100%; overflow:hidden}

#content2{ width:100%; overflow:hidden; padding-bottom:34px;}

#content2 h2{ font-size:24px; padding:34px 0 20px 0}



.pad_left1{ padding-left:38px;}

.pad_left2{ padding-left:27px;}

.pad_bot1{ padding-bottom:5px; float:left; margin-right: 15px; margin-bottom:5px;}

.pad_bot2{ padding-bottom:10px;}

.marg_right1{ margin-right:10px;}

.marg_right2{ margin-right:17px;}



.font1{ font-size:11px; text-transform:uppercase; color:#000;}

.font2{ color:#000;}

.font3{ font-size:14px; font-weight:bold; color:#000;}



.under{ padding-bottom:16px; background:url(../img/line_hor1.gif) bottom repeat-x; margin-bottom:19px; color:#000;}



.under2{ padding-bottom:16px; background:url(../img/line_hor1.gif) bottom repeat-x; margin-bottom:19px; font-size:0; line-height:0; height:1px;}

.pclass, .impclass{ border-bottom:#900 1px dashed; padding-left:11px; height: 75px; vertical-align:middle;}
/*.impclass{ height: 75px; vertical-align:middle;}
.pclass{ height: 75px; vertical-align:middle;}*/



.button{ display:inline-block; font-size:11px; text-transform:uppercase; color:#fff; text-decoration:none; background: url(../img/button_bg.gif) top repeat-x; line-height:36px; text-shadow:1px 1px #cd100a}

.button span{ background:url(../img/button_left.gif) top left no-repeat; display:block}

.button span span{ background:url(../img/button_right.gif) top right no-repeat; padding:0 18px}

.button:hover{ color:#650101; text-shadow:none}



.list1 li{ margin-bottom:6px; line-height:34px; width:100%; overflow:hidden}

.list1 .box1{ background:#f3f4ef}

.list1 .box1_left{ background:url(../img/box2_left.gif) top left no-repeat;}

.list1 .box1_right{ background:url(../img/box2_right.gif) top right no-repeat; width:100%}

.list1 span{ float:left; width:35px; font-weight:bold; color:#fff; text-align:center}

.list1 a{ font-weight:bold; text-decoration:none; padding-left:12px; display:inline-block}

.list1 a:hover{ color:#de3b31; padding-left:20px;}

#content2 .list1 .box1_left{ background:url(../img/box4_left.gif) top left no-repeat;}

#content2 .list1 .box1_right{ background:url(../img/box4_right.gif) top right no-repeat; width:100%}







.list2p {padding-top:41px;}

.list2p li{ width:100%; overflow: hidden; padding-bottom:5px; background:url(../img/line_hor1.gif) bottom repeat-x; margin-bottom:5px;}

.list2p .bg_none{ background:none; padding-bottom:0; margin-bottom:0}



.list2 li{ width:100%; overflow: hidden; padding-bottom:21px; background:url(../img/line_hor1.gif) bottom repeat-x; margin-bottom:21px;}

.list2 .bg_none{ background:none; padding-bottom:0; margin-bottom:0}



.link1{ font-size:11px; text-transform:uppercase; color:#de3b31;}

.link3{ font-weight:bold; text-decoration:none}

.link3:hover{ text-decoration:underline}



.box3{ background:#de3b31; margin-top:44px; color:#ffc796; font-size:14px; line-height:18px;}

.box3_bot{ background:url(../img/box3_border.jpg) bottom repeat-x}

.box3_right{ background:url(../img/box3_border.jpg) right repeat-y}

.box3_top_left{ background:url(../img/box3_top_left.gif) top left no-repeat}

.box3_top_right{ background:url(../img/box3_top_right.gif) top right no-repeat; width:100%}

.box3_bot_left{ background:url(../img/box3_bot_left.gif) bottom left no-repeat}

.box3_bot_right{ background:url(../img/box3_bot_right.gif) bottom right no-repeat}

.box3 .pad{ padding:0 23px 36px 25px;} 

#content2 .box3 h2{ color:#fff; padding:21px 0 4px 0}



#subscribe{ background:url(../img/subscribe.gif) 0 0 no-repeat; margin-top:0px; width:100%; overflow:hidden; margin-left:-5px;}

#subscribe .submit{ float:right; background:none; width:87px; height:37px; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; font-weight:bold; padding:0 7px 0 0; cursor:pointer}

#subscribe .input{ float:right; background:none; font:13px Arial, Helvetica, sans-serif; color:#000; padding:10px; height:17px; width:160px;}



#content2 .button span{ background:url(../img/button2_left.gif) top left no-repeat}

#content2 .button span span{ background:url(../img/button2_right.gif) top right no-repeat}



/* ============================= grila produse ====================== */

.imgart{padding:0 0 0 11px; }

.titleart, .titleart a{ padding: 3px 3px 5px 17px; font:15px; font-family:Arial, Helvetica, sans-serif; color:#C30; font-weight:bold; text-decoration:none;}

.descart{ text-align:justify; vertical-align:bottom; padding:15px auto; color:#000;}

.pretart{padding: 5px; font:16px; font-family:Arial, Helvetica, sans-serif; color:#C30; font-weight:bold; text-align:center; vertical-align:middle;}

#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}

#prodtab tr td{background:url(../img/line_hor1.gif) bottom repeat-x;}

#prodtab tr:hover td{background-color:#EFEFEF;}

#prodtab .pagrow td, #prodtab .pagrow td a, #prodtab .pagrow td .pagina_drop {color:#C00; text-decoration:none; font:Arial, Helvetica, sans-serif; font-size:15px; padding:3px 3px 15px 3px; text-align:center; cursor:pointer;}

#prodtab .pagrow td .pagina_drop {padding:0px;}

#prodtab .pagrow td {padding-bottom:5px;}

/*#prodtab #pagrow td:hover, #prodtab #pagrow td a:hover {color:#C00; text-decoration:none; font:Arial, Helvetica, sans-serif; font-size:15px; padding:3px 3px 15px 3px; text-align:center;}



/* formatarea imaginilor ce formeaza galeria de imagini ale produsului */

#gallery {padding: 3px;width: 250px;}

#gallery ul { list-style: none; }

#gallery ul li { display: inline; }

#gallery ul img {border: 2px solid #CC0000;	margin:1px 1px 2px 2px; width:73px; }

#gallery ul a:hover img {border: 1px solid #fff;border-width: 2px;}

#gallery ul a:hover { color: #fff; }

#mainpic {max-height:250px; max-width:250px; border: 2px solid #CC0000;	padding:0px; margin:0px 3px 9px 0px;}

#nomainpic {max-height:250px; max-width:250px; padding:0px; margin:0px 3px 9px 0px;}

/* partea de caracteristici ale produsului */

#rightbox {float: right;text-align: left; width: 400px;}



/* formatarea imaginilor ce formeaza galeria de imagini ale produsului */

.newsshort{ padding-bottom:16px; width:100%; padding-top:35px; background:url(../img/line_hor1.gif) bottom repeat-x; margin-bottom:19px; font-size:12; float:left; color:#000;}



/* varianta 2 */

#gallery2 {padding: 3px;width: 400px;}

#gallery2 ul { list-style: none; }

#gallery2 ul li { display: inline; }

#gallery2 ul img {border: 2px solid #CC0000;	margin:1px 1px 2px 2px;	}

#gallery2 ul a:hover img {border: 1px solid #fff;border-width: 2px;}

#gallery2 ul a:hover { color: #fff; }

#mainpic2 {max-height:400px; max-width:400px; border: 2px solid #CC0000;	padding:0px; margin:0px 3px 9px 0px;}

/* partea de caracteristici ale produsului */

#rightbox2 {float: right;text-align: left; width: 450px;}



#details {border: 1px solid #CCCCCC;border-collapse: collapse;width: 100%;}

#details td {border: #999 1px solid; padding: 2px 5px 2px 11px; color:#000; vertical-align:middle;}

.manual, .manual a {background:url(../img/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) repeat; vertical-align:bottom; line-height:35px; font-weight:bold; font-size:14px; height:31px; color:#C00; text-decoration:none;}

.manual a img {width:29px; height:29px; margin-right:11px; margin-top:3px;}

.crt {background:url(../img/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) repeat; font-weight:bold;}

.crt span{font-size:15px; color:#C00; text-align:center;}

#story {font-size:12px; color:#000; text-align:justify;}



/* ============================= footer ====================== */



footer {  font-size:11px; text-transform:none; color:#898989; padding:12px 0 8px  0}

footer a{ color:#898989; text-decoration:none}

footer a:hover{ text-decoration:underline}



#footer_menu{ float:right}

#footer_menu li{ float:left; margin-left:6px; padding-left:7px; background:url(../img/footer_line.gif) 0 5px no-repeat}

#footer_menu .bg_none{ background:none}







/* ============================= forms ============================= */



#ContactForm {}

#ContactForm .bg{ background:url(../img/input1.gif) 0 0 no-repeat; margin-bottom:7px;}

#ContactForm .bg2{ background:url(../img/textarea.gif) 0 0 no-repeat; margin-bottom:7px;}

#ContactForm a{ margin-left:12px; float:right;}

#ContactForm .input {width:207px; height:14px; background: none; padding:10px; color:#898989; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;}

#ContactForm textarea {width:347px; height:96px; background: none; padding:10px; color:#898989; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; overflow: auto}

#nume, #tel, #fax, #email {width:207px; height:14px; background: none; padding:10px; color:#898989; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;}

#mesaj {width:347px; height:96px; background: none; padding:10px; color:#898989; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase; overflow: auto}



.col_1{ width:227px; float:left;}

.col_2{ width:367px; float:left; padding-left:7px;}