/* DEFAULT SETTINGS */
/*********************************************************************/

html, body { margin:0; padding:0; height: 100%; text-align:left; background: #00353B; font-family: Arial; font-size:13px; color: #333; line-height: normal; }

textarea { overflow: auto; }

img { border:none; }

a { outline: none; }

* { padding: 0; margin: 0; }

table { border-collapse:collapse; border-spacing:0; border:none; width:100%; }

.clear { height:0; font-size:0; line-height:0; clear:both; display: block; visibility: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: Arial; font-size: 20px; line-height: normal; color: #667279; font-weight: bold; letter-spacing: -1px; padding: 0 0 10px 0;  }

a:link, 
a:visited { color:#028C99; text-decoration:underline; }

a:hover, 
a:active { color:#028C99; text-decoration:none; }

/* Background LAYERS  */
/*********************************************************************/

#layer-img { width: 100%; background: #018D9A url('img/bg_notebook.jpg') top center no-repeat; z-index: 1; }
#layer-img #layer-dot { width: 100%; background: url('img/bg_dotted.png') 0 0; z-index: 2; }

#wrap { width: 960px; padding: 56px 0 30px 0; margin: 0 auto; }

/* HEADER  */
/*********************************************************************/

#layer-img #header { width: 100%; height: 50px; border-bottom: 4px solid #038D9A; line-height: 50px; background: url('img/bg_header.png') 0 0 repeat-x; z-index: 3; }
#layer-img #header .inner { width: 700px; padding: 0 10px 0 240px;  margin: 0 auto; font-family: Arial; font-size: 13px; position: relative; }
#layer-img #header .inner ul { float: right; }
#layer-img #header .inner ul li { list-style-type: none; float: left; }
#layer-img #header .inner ul li a { float: left; padding: 0 10px 0 10px; width: auto; height: 50px; display: block; line-height: 50px; text-decoration: none; font-weight: bold; color: #FFF; }
#layer-img #header .inner ul li a.selectat { background: url('img/sageata_meniu.gif') center bottom no-repeat; }
#layer-img #header .inner ul li a:hover { color: #03AFC0; }
#layer-img #header .inner #logo { width: 236px; height: 86px; position: absolute; top: 18px; left: -1px; display: block; background: url('img/vexio.png') 0 0 no-repeat; z-index: 4; }

/* CONTINUT */
/*********************************************************************/

#continut { width: 640px; float: left; }

/* SIDEBAR CATEGORII */
/*********************************************************************/

#continut #categorii { width: 160px; padding: 1px 5px 0px 5px; margin: 35px 0 10px 0; background: url('img/bg_categorii.png') 0 0 repeat-y; position:relative; float:left; }
* html #continut #categorii { width: 160px; padding: 0px 5px 0px 5px; margin: 35px 0 10px 0; background: url('img/bg_categorii.png') 0 0 repeat-y; position:relative; float:left; }
#continut #categorii .margine-sus { width: 170px; height:5px; position: absolute; top:-5px; left:0; background: url('img/margine_categorii_sus.png') 0 0 no-repeat; }
#continut #categorii .margine-jos { width: 170px; height:10px; position: absolute; bottom:-10px; left:0; background: url('img/margine_categorii_jos.png') 0 0 no-repeat; }
* html #continut #categorii .margine-jos { width: 170px; height:10px; position: absolute; bottom:-16px; left:0; background: url('img/margine_categorii_jos.png') 0 0 no-repeat; }

#continut #categorii ul li { list-style-type: none; margin: 0 0 5px 0; background: url('img/bg_linie.gif') 0 100% repeat-x; position: relative; }
#continut #categorii ul li a { width: 120px; height: 90px; padding: 10px 20px 0 20px; display: block; overflow: hidden; text-decoration: none; color: #74838A; }
#continut #categorii ul li a:hover { color: #CC3333; }
#continut #categorii ul li a h2 { color: #018C99; padding: 0 0 12px 0; line-height: normal; height: 15px; margin: -2px 0 0 0; }
#continut #categorii ul li a:hover h2 { color: #74838A; }

#continut #categorii ul li a.review { background: url('img/ico_review.gif') 100% 100% no-repeat; }
#continut #categorii ul li a.concurs { background: url('img/ico_concurs.gif') 100% 100% no-repeat; }
#continut #categorii ul li a.campanie { background: url('img/ico_campanie.gif') 100% 100% no-repeat; }
#continut #categorii ul li a.produs { background: url('img/ico_produs.gif') 100% 100% no-repeat; }
#continut #categorii ul li a.stire { background: url('img/ico_stire.gif') 100% 100% no-repeat; }

#continut #categorii .rss-feed { width: 120px; height: 30px; line-height: 28px; padding: 5px 20px 3px 20px; font-size: 11px; font-weight: bold; }
* html #continut #categorii .rss-feed { width: 120px; height: 32px; line-height: 28px; padding: 5px 20px 3px 20px; font-size: 11px; font-weight: bold; }
#continut #categorii .rss-feed a { background: url('img/ico_rss.gif') 0 2px no-repeat; padding: 0 0 0 20px; }

/* ARTICOL PRINCIPAL */
/*********************************************************************/ 

#continut #articol-principal { width: 460px; float: right; padding: 10px 5px 0 5px; margin: 35px 0 10px 0; background: url('img/bg_articol_principal.png') 0 0 repeat-y; position: relative; }
#continut #articol-principal .margine-sus { width: 470px; height:5px; position: absolute; top:-5px; left:0; background: url('img/margine_articol_sus.png') 0 0 no-repeat; }
#continut #articol-principal .margine-jos { width: 470px; height:10px; position: absolute; bottom:-10px; left:0; background: url('img/margine_articol_jos.png') 0 0 no-repeat; }
* html #continut #articol-principal .margine-jos { width: 470px; height:10px; position: absolute; bottom:-16px; left:0; background: url('img/margine_articol_jos.png') 0 0 no-repeat; }

#continut #articol-principal #titlu-articol { overflow: hidden; width: 440px; height: 110px; background: url('img/bg_titlu_articol_slider.png') 0 0 no-repeat; position: relative; margin: -44px 0 0 20px; }
#continut #articol-principal #titlu-articol h1 { font-size: 25px; color: #FFF; line-height:28px; padding: 15px 47px 0 23px; }
#continut #articol-principal #titlu-articol h1 a { color: #FFF; text-decoration: none; }
#continut #articol-principal #titlu-articol h1 a:hover { color: #431212; }
#continut #articol-principal #titlu-articol #controale { position: absolute; top: 15px; right: 15px; z-index: 2; width: 36px; height: 8px; }
#continut #articol-principal #titlu-articol #controale ul li { list-style-type: none; float: right; display: inline-block; width: 12px; }
#continut #articol-principal #titlu-articol ul li a { width: 8px; height: 8px; background: url('img/btn_slider_articol.png') 0 0 no-repeat; display: block; float: right; margin: 0 0 0 4px; overflow: hidden; }
#continut #articol-principal #titlu-articol ul li a:hover { background-position: 0 -8px; }
#continut #articol-principal #titlu-articol ul li a.selectat { background-position: 0 -16px; cursor: default; }
* html #continut #articol-principal #titlu-articol ul li a.selectat { background-position: 0 -15px; cursor: default; }

* html #continut #articol-principal #titlu-articol ul li a:hover { background-position: 0 -7px; }

#continut #articol-principal .articol-imagine { width: 440px; height: 180px; padding: 0 0 0 20px; overflow: hidden; }
#continut #articol-principal .articol-imagine img { width: 440px; }
#continut #articol-principal .articol-info { width: 420px; height: 20px; line-height: 20px; padding: 0 20px 0 20px; font-size: 11px; color: #73838A; }
#continut #articol-principal .articol-continut { width: 420px; height: 228px; padding: 5px 20px 10px 20px; position: relative; overflow: hidden; }
* html #continut #articol-principal .articol-continut { width: 420px; height: 227px; padding: 5px 20px 10px 20px; position: relative; overflow: hidden; }
#continut #articol-principal .articol-continut .mask { width: 460px; height: 70px; position: absolute; bottom: 0; left: 0; background: url('img/bg_mask.png') 0 10px repeat-x; }
#continut #articol-principal .articol-footer { width: 420px; height: 32px; line-height: 31px; padding: 10px 20px 3px 20px; background: #F5F5F5 url('img/bg_linie.gif') 0 0 repeat-x; font-size: 11px; position: relative; }

a.comentarii { width: 82px; height: 22px; text-align: center; padding: 0 0 0 5px; line-height: 22px; text-decoration: none; display: block; position: absolute; right: 20px; top: 15px; background: url('img/btn_comentarii.png') 0 0 no-repeat; }
a.comentarii:visited { text-decoration: none; }
a.comentarii:hover { color: #74838A; }
a.comentarii:active { color: #74838A; }

/* SOCIAL NETWORK */
/*********************************************************************/ 

#continut #social-network { width: 610px; height: 365px; padding: 6px 15px 3px 15px; margin: 15px 0 10px 0; font-family: Arial, sans-serif; background: url('img/bg_social.png') 0 0 repeat-y; position:relative; float:left; }
#continut #social-network .margine-sus { width: 640px; height:5px; position: absolute; top:-5px; left:0; background: url('img/margine_social_sus.png') 0 0 no-repeat; }
#continut #social-network .margine-jos { width: 640px; height:10px; position: absolute; bottom:-10px; left:0; background: url('img/margine_social_jos.png') 0 0 no-repeat; z-index: 1; }
* html #continut #social-network .margine-jos { width: 640px; height:10px; position: absolute; bottom:-16px; left:0; background: url('img/margine_social_jos.png') 0 0 no-repeat; z-index: 1; }

#continut #social-network #facebook-box { text-align:center; color: #73838A; width:300px; height:365px; float:left; background: #FFF url('img/margine_box_jos.gif') 0 100% no-repeat; position:relative; z-index: 2; }
#continut #social-network #facebook-box .margine-sus { width: 300px; height:5px; position: absolute; top:0; left:0; background: url('img/margine_box_sus.gif') 0 0 no-repeat; }

.fan_box a { font-family: Arial, sans-serif; font-size: 15px; color: #667279; font-weight: bold; line-height: 15px; text-decoration: none; }
.fan_box a:hover { text-decoration: none; }
.fan_box .full_widget { width: 300px; height: 350px; border: none !important; background: #FFF !important; padding: 0 !important; }
.fan_box .full_widget .connect_top { background: #FFF url('http://blog.vexio.ro/wp-content/themes/vexio/img/bg_header_facebook.png') bottom right no-repeat !important; padding: 10px 10px 10px 11px !important; height: 42px; overflow: hidden; }
.fan_box .full_widget .connect_top span.name { padding-left: 10px !important; }
.fan_box .full_widget .connect_top img { margin: 0 !important; padding: 0 !important; }
.fan_box .full_widget .connect_action { padding: 0 !important; margin-top: 3px; }
.fan_box .full_widget .connections { padding: 7px 0 0 11px !important; border: none !important; font-family: Arial, sans-serif; font-size: 11px; color: #505A60; }
.fan_box .full_widget .connections .connections_grid { width: 285px; padding: 10px 0 5px 0 !important; }
.fan_box .full_widget .connections .connections_grid .grid_item { padding: 1px 7px 0 0 !important; }
.fan_box .full_widget .connections .connections_grid .grid_item .name { font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; color: #7B7B7B !important; padding: 3px 0 15px 0 !important; }
.fan_box .full_widget .connect_widget { padding: 0; margin: 0; }
.fan_box .full_widget .connect_widget a { font-size: 11px; color: #1F99A5; line-height: 11px; font-weight: normal; text-decoration: none; }
.fan_box .full_widget .connect_widget a:hover { color: #1F99A5; text-decoration: none; }
.fan_box .full_widget .connect_widget span { color: #505A60; line-height: 11px; }
.fan_box .full_widget .connect_widget span.liketext { color: #505A60; line-height: 12px; }
.fan_box .full_widget .connect_widget .connect_widget_interactive_area { padding: 0 !important; margin: 0 !important; }
.fan_box .full_widget .connect_widget td.connect_widget_vertical_center { padding: 0 !important; margin: 0 !important; }
.fan_box .full_widget .connect_widget .connect_widget_like_button { margin: 0 0 0 10px !important; }

#continut #social-network #twitter-box { color: #73838A; width:300px; height:365px; float:right; background: #FFF url('img/margine_box_jos.gif') 0 100% no-repeat; position:relative; z-index: 2;}
#continut #social-network #twitter-box .margine-sus { width: 300px; height:5px; position: absolute; top: 0; left: 0; background: url('img/margine_box_sus.gif') 0 0 no-repeat; z-index: 2; }
#continut #social-network #twitter-box .header { width: 300px; height: 62px; background: url('img/bg_header_twitter.png') bottom right no-repeat; margin: 0 0 20px 0; }
#continut #social-network #twitter-box .header .detalii { width: 180px; height: 40px; padding: 10px 0 0 11px; }
#continut #social-network #twitter-box .header .detalii .logo { width: 40px; height: 40px; float: left; margin-right: 10px; margin-right: 10px; }
#continut #social-network #twitter-box .header .detalii .logo a { display: block; }
#continut #social-network #twitter-box .header .detalii .continut { width: 130px; height: 40px; float: left; text-align: left; }
#continut #social-network #twitter-box .header .detalii .continut p { color: #667279; font-size: 15px; font-weight: bold; padding-top: 2px; }
#continut #social-network #twitter-box .header .detalii .continut a.follow { color: #038D9A; font-size: 11px; text-decoration: none; float: left;}
#continut #social-network #twitter-box .header .detalii .continut a.follow:hover { text-decoration: none; }
#continut #social-network #twitter-box #tweet { width: 280px; height: 270px; overflow: hidden; padding: 0 10px; }
#continut #social-network #twitter-box #tweet ul li { list-style-type: none; margin: 0; padding: 0 0 15px 0; overflow: auto; font-size: 13px; color: #454545; line-height: 16px; }
#continut #social-network #twitter-box #tweet ul li span { font-size: 11px; color: #999999; }
#continut #social-network #twitter-box #tweet ul li a.data { font-size: 11px; color: #999999; font-weight: bold; text-decoration: none; }
#continut #social-network #twitter-box #tweet ul li a.data:hover { color: #4CAAAA; }

/* ARTICOLE */
/*********************************************************************/

#continut .box-continut { width: 630px; padding: 6px 5px 0 5px; margin: 35px 0 10px 0; background: url('img/bg_box.png') 0 0 repeat-y; position:relative; }
#continut .box-continut .margine-sus { width: 640px; height:5px; position: absolute; top:-5px; left:0; background: url('img/margine_box_sus.png') 0 0 no-repeat; }
#continut .box-continut .margine-jos { width: 640px; height:10px; position: absolute; bottom:-10px; left:0; background: url('img/margine_box_jos.png') 0 0 no-repeat; }
* html #continut .box-continut .margine-jos { width: 640px; height:10px; position: absolute; bottom:-16px; left:0; background: url('img/margine_box_jos.png') 0 0 no-repeat; }
#continut .box-continut .articol { width: 610px; padding: 0 0 0 20px; } .margine { margin: 45px 0 0 0; }
#continut .box-continut .articol .titlu { width: 610px; height: 90px; background: url('img/bg_titlu.png') 0 0 no-repeat; margin: -40px 0 0 0; position: relative; }
#continut .box-continut .articol .titlu .colt { width: 5px; height: 5px; background: #CC3333; position: absolute; top: 0; right: 0; }
#continut .box-continut .articol .titlu h1 { font-size: 25px; color: #FFF; line-height:28px; padding: 20px 30px 0 23px; }
#continut .box-continut .articol .titlu h1 a { color: #FFF; text-decoration: none; }
#continut .box-continut .articol .titlu h1 a:hover { color: #431212; }
#continut .box-continut .articol .articol-imagine { width: 610px; height: 250px; overflow:hidden; }
#continut .box-continut .articol .articol-info { width: 350px; height: 20px; font-size: 11px; color: #73838A; float: left; }
#continut .box-continut .articol .articol-tags { width: 220px; height: 20px; padding: 0 20px 0 0; font-size: 11px; color: #73838A; float: right; text-align: right; }
#continut .box-continut .articol .articol-tags a { color: #CC3333; }
#continut .box-continut .articol .articol-continut { width: 590px; padding: 5px 20px 10px 0; position: relative; overflow: hidden; }
#continut .box-continut .articol .articol-facebook { width: 590px; padding: 0 20px; border-top: 1px solid #D9D9D9; margin: 0 0 0 -20px; }
#continut .box-continut .articol .articol-footer {  width: 590px; color: #75838A; height: 32px; line-height: 30px; padding: 10px 20px 3px 20px; margin: 0 0 0 -20px; background: url('img/bg_linie.png') 0 0 repeat-x; font-size: 11px; position: relative; }
#continut .box-continut .articol .articol-links { width: 590px; color: #75838A; height: 32px; line-height: 30px; padding: 10px 20px 3px 20px; margin: 0 0 0 -20px; background: #F5F5F5 url('img/bg_linie.gif') 0 0 repeat-x; font-size: 11px; position: relative; }
#continut .box-continut .articol .articol-links #btn-comentarii { width: 128px; height: 22px; line-height: 22px; text-align: center; padding: 0 0 0 4px; background: url('img/btn_comentarii.gif') 0 0 no-repeat; color: #FFF; text-decoration: none; position: absolute; right: 20px; top: 16px;  } 
#continut .box-continut .articol .articol-links #btn-comentarii:hover { color: #431212; }
#continut .box-continut .articol .articol-links a.ico-facebook { padding: 1px 0 5px 30px; background: url('img/ico_fb.gif') 7px 0 no-repeat; }
#continut .box-continut .articol .articol-links a.ico-twitter { padding: 1px 0 5px 30px; background: url('img/ico_tw.gif') 7px 0 no-repeat; }
#continut .box-continut #paginare { width: 630px; padding: 22px 0 13px 0; color: #73838A; background: #F5F5F5 url('img/bg_linie.gif') 0 0 repeat-x; margin: 5px 0 0 0; text-align: center; position: relative; }
#continut .box-continut #paginare a.inainte { width: 20px; height: 30px; display: block; position: absolute; top: 15px; right: 20px; background: url('img/btn_inainte.gif') 0 0 no-repeat; }
#continut .box-continut #paginare a.inainte:hover { background-position: 0 -30px; }
#continut .box-continut #paginare a.inapoi { width: 20px; height: 30px; display: block; position: absolute; top: 15px; left: 20px; background: url('img/btn_inapoi.gif') 0 0 no-repeat; }
#continut .box-continut #paginare a.inapoi:hover { background-position: 0 -30px; }
#continut .box-continut #paginare .inner { width: 630px; text-align: center; height: 20px; line-height: 19px; font-size: 12px; }
#continut .box-continut #paginare .inner a { padding: 0 3px; }

#continut .box-produse { width: 560px; padding: 6px 35px 0 45px; margin: 20px 0 -15px 0; background: url('img/bg_box_produse.png') 0 0 repeat-y; position:relative; }
#continut .box-produse .margine-sus { width: 640px; height:5px; position: absolute; top:-5px; left:0; background: url('img/margine_box_produse_sus.png') 0 0 no-repeat; }
#continut .box-produse .margine-jos { width: 640px; height:10px; position: absolute; bottom:-10px; left:0; background: url('img/margine_box_jos.png') 0 0 no-repeat; }
* html #continut .box-produse .margine-jos { width: 640px; height:10px; position: absolute; bottom:-16px; left:0; background: url('img/margine_box_jos.png') 0 0 no-repeat; }
#continut .box-produse a.inainte { width: 20px; height: 30px; display: block; position: absolute; top: 105px; right: 15px; background: url('img/btn_inainte.gif') 0 0 no-repeat; }
#continut .box-produse a.inainte:hover { background-position: 0 -30px; }
#continut .box-produse a.inapoi { width: 20px; height: 30px; display: block; position: absolute; top: 105px; left: 15px; background: url('img/btn_inapoi.gif') 0 0 no-repeat; }
#continut .box-produse a.inapoi:hover { background-position: 0 -30px; }
#continut .box-produse .masca { width: 10px; background: #F5F5F5; height: 200px; position: absolute; top: 16px; right: 35px; z-index: 5; }
#continut .box-produse .produse { width: 560px; height: 200px; overflow: hidden; padding: 10px 0; background: #F5F5F5; }
#continut .box-produse .produse ul { list-style-type: none; }
#continut .box-produse .produse .box { width:110px; height: 190px; padding: 10px 10px 0 10px; float: left; margin: 0 10px 0 0; text-align: center; display: inline; }
#continut .box-produse .produse .box p.nume { font-size: 11px; padding: 5px 0 0 0; height: 70px; }
* html #continut .box-produse .produse .box p.nume { font-size: 11px; padding: 2px 0 0 0; height: 70px; }
#continut .box-produse .produse .box p.nume a { color: #5E6A70; }
#continut .box-produse .produse .box p.tip { height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #FFF; cursor:default; }
#continut .box-produse .produse .box img { width: 90px; }

#continut .box-continut h4.titlu-comentarii { padding: 5px 0 20px 20px; font-weight: normal; }
#continut .box-continut .comentariu { width: 590px; padding: 0 20px 10px 20px; }
#continut .box-continut .comentariu .avatar-user { float: left; height: 60px; height: 60px; padding: 5px; background: url('img/avatar_user.gif') 0 0 no-repeat; }
#continut .box-continut .comentariu .avatar-user img { width: 60px; height: 60px; }
#continut .box-continut .comentariu .avatar-autor { float: left; height: 60px; height: 60px; padding: 5px; background: url('img/avatar_autor.gif') 0 0 no-repeat; }
#continut .box-continut .comentariu .avatar-autor img { width: 60px; height: 60px; }
#continut .box-continut .comentariu .mesaj { width: 470px; float: right; background: url('img/bg_comentariu.png') 0 0 no-repeat; padding: 10px 15px; line-height: 18px; }
#continut .box-continut .comentariu .mesaj p.nume { font-weight: bold; padding: 0; }
#continut .box-continut .comentariu .mesaj p.data { color: #5E6A70; font-size: 11px; }
#continut .box-continut .comentariu .mesaj p { padding: 0 0 10px 0; }
#continut .box-continut .trackback { width: 590px; padding: 0 20px 10px 20px; }
#continut .box-continut .trackback .mesaj { width: 590px; float: left; line-height: 18px; }
#continut .box-continut .trackback .mesaj a { font-weight: bold; padding: 0; }
#continut .box-continut .trackback .mesaj span { color: #5E6A70; font-size: 11px; }
#continut .box-continut .trackback .mesaj p { padding: 5px 0 10px 0; }
#continut .box-continut .formular {  width: 590px; color: #75838A; padding: 15px 20px 3px 20px; background: #F5F5F5 url('img/bg_linie.gif') 0 0 repeat-x; font-size: 11px; position: relative; }
#continut .box-continut .formular h5 { font-weight: normal; padding: 0 0 5px 0; }
#continut .box-continut .formular form { padding: 15px 0 5px 0; }
#continut .box-continut .formular form .st { float: left; width: 250px; }
#continut .box-continut .formular form .st .field { width: 250px; height: 34px; background: url('img/field.png') 0 0 no-repeat; padding: 0 0 10px 0; }
* html #continut .box-continut .formular form .st .field { width: 250px; height: 34px; background: url('img/field.png') 0 0 no-repeat; padding: 0 0 7px 0; }
#continut .box-continut .formular form .st .field input { padding: 0; margin: 2px; width: 236px; padding: 5px 7px 6px 7px; height: 20px; border: none; font-family: Arial; font-size: 12px; color: #FFF; background: none; }
#continut .box-continut .formular form .dr { width: 330px; height: 122px; background: url('img/field_mesaj.png') 0 0 no-repeat; float: right; }
#continut .box-continut .formular form .dr textarea { padding: 0; margin: 2px; width: 316px; height: 105px; padding: 7px 7px 10px 7px; border: none; font-family: Arial; font-size: 12px; color: #FFF; background: none; }
#continut .box-continut .formular form a#btn-adauga { width:94px; height:34px; float: right; font-weight:bold; line-height: 33px; font-size:12px; text-decoration:none; background: url('img/btn_general.png') 0 0 no-repeat; display: block; font-family: Arial; color:#FFF; text-align:center; float: right; }
#continut .box-continut .formular form a#btn-adauga:hover { background-position: 0 -34px; }

#continut .triat { margin-top: 20px; }

/* FORMATARE ARTICOL */
/*********************************************************************/

.articol-continut { font-size: 13px; color: #454545; line-height: 20px;  }
.articol-continut h1 { font-weight: normal; font-size: 21px; color: #454D53; }
.articol-continut h2 { font-weight: normal; font-size: 19px; color: #454D53; }
.articol-continut h3 { font-weight: normal; font-size: 17px; color: #454D53; }
.articol-continut p { padding: 0 0 10px 0;}
.articol-continut ul { padding: 0 0 10px 0; }
.articol-continut ol { padding: 0 0 10px 0; }
.articol-continut ul li { margin: 0 0 0 20px; list-style-type: disc;}
.articol-continut ol li { margin: 0 0 0 20px; }
.articol-continut table { width: 100%; margin: 10px 0 20px 0; }
.articol-continut table tr td { padding: 5px 10px; border: 1px solid #D9D9D9; background: #F9F9F9; }
.articol-continut blockquote { font-family: Georgia; padding: 0 0 0 20px; margin: 10px 0 20px 0; font-size: 13px; font-style: italic; color: #666;border-left: 4px solid #F1F1F1; }
.articol-continut blockquote p { padding: 0; }

/* SIDEBAR */
/*********************************************************************/

#sidebar { width: 310px; padding: 10px 5px; margin: 5px 0 10px 0; background: url('img/bg_sidebar.png') 0 0 repeat-y; position:relative; float: right; }
#sidebar .margine-sus { width: 320px; height:5px; position: absolute; top:-5px; left:0; background: url('img/margine_sidebar_sus.png') 0 0 no-repeat; }
#sidebar .margine-jos { width: 320px; height:10px; position: absolute; bottom:-10px; left:0; background: url('img/margine_sidebar_jos.png') 0 0 no-repeat; }
* html #sidebar .margine-jos { width: 320px; height:10px; position: absolute; bottom:-12px; left:0; background: url('img/margine_sidebar_jos.png') 0 0 no-repeat; }

#sidebar .inner { width: 310px; background: #F5F5F5; }
#sidebar .inner #cautare { width: 270px; padding: 10px 20px 22px 20px; background: url('img/bg_linie.gif') 0 100% repeat-x; position: relative; }
#sidebar .inner #cautare form { width: 270px; height: 34px; background: url('img/bg_cautare.png') 0 0 no-repeat; }
#sidebar .inner #cautare form input { padding: 0; margin: 2px; width: 220px; padding: 5px; height: 20px; border: none; font-family: Arial; font-size: 12px; color: #FFF; background: none; }
#sidebar .inner #cautare a#btn-cautare { width: 34px; height: 34px; display: block; background: url('img/btn_cautare.gif') 0 0 no-repeat; position: absolute; top: 10px; right: 20px; }
#sidebar .inner #cautare a#btn-cautare:hover { background-position: 0 -34px; }

* html #sidebar .inner #cautare form input { padding: 0; margin: 2px; width: 220px; padding: 6px 5px 4px 5px; height: 20px; border: none; font-family: Arial; font-size: 12px; color: #FFF; background: none; }
* html #sidebar .inner #cautare a#btn-cautare { width: 34px; height: 34px; display: block; background: url('img/btn_cautare.gif') 0 0 no-repeat; position: absolute; top: 0; right: 0; }

#sidebar .inner #articole { width: 270px; padding: 15px 20px 12px 20px; background: url('img/bg_linie.gif') 0 100% repeat-x; }
#sidebar .inner #articole ul li { list-style-type: none; color: #73838A; padding: 0 0 10px 0; }
#sidebar .inner #articole ul li p { padding: 0; }
#sidebar .inner #articole ul li a { color: #CC3333; }

#sidebar .inner #promotii { width: 280px; padding: 15px 10px 22px 20px; background: url('img/bg_linie.gif') 0 100% repeat-x; position: relative; }
#sidebar .inner #promotii #controale { position: absolute; top: 29px; right: 20px; width: 36px; height: 8px; overflow: hidden; }
#sidebar .inner #promotii #controale ul li { list-style-type: none; float: right; width: 12px; display: inline-block; }
#sidebar .inner #promotii #controale ul li a { width: 8px; height: 8px; background: url('img/btn_slider_sidebar.png') 0 0 no-repeat; display: block; float: right; margin: 0 0 0 4px; overflow: hidden; }
#sidebar .inner #promotii #controale ul li a:hover { background-position: 0 -8px; }
#sidebar .inner #promotii #controale ul li a.selectat { background-position: 0 -16px; cursor: default; }
* html #sidebar .inner #promotii #controale ul li a:hover { background-position: 0 -7px; }
* html #sidebar .inner #promotii #controale ul li a.selectat { background-position: 0 -15px; cursor: default; }
#sidebar .inner #promotii .inner { width: 280px; overflow: hidden; }
#sidebar .inner #promotii .inner .box { width:110px; height: 190px; padding: 10px 10px 0 10px; float: left; margin: 0 10px 0 0; text-align: center; display: inline; }
#sidebar .inner #promotii .inner .box p.nume { font-size: 11px; padding: 5px 0 0 0; height: 70px; }
* html #sidebar .inner #promotii .inner .box p.nume { font-size: 11px; padding: 2px 0 0 0; height: 70px; }
#sidebar .inner #promotii .inner .box p.nume a { color: #5E6A70; }
#sidebar .inner #promotii .inner .box p.tip { height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #FFF; cursor:default; }
#sidebar .inner #promotii .inner .box img { width: 90px; }

.cadou { background: url('img/box_prod_cadou.png') 0 0 no-repeat; }
.discount { background: url('img/box_prod_discount.png') 0 0 no-repeat; }

#sidebar .inner #newsletter { width: 270px; padding: 15px 20px 22px 20px; background: url('img/bg_linie.gif') 0 100% repeat-x; color: #73838A; }
#sidebar .inner #newsletter form { width: 270px; height: 34px; background: url('img/bg_newsletter.png') 0 0 no-repeat; margin: 10px 0 0 0; }
#sidebar .inner #newsletter form input { padding: 0; margin: 2px; width: 155px; padding: 5px 5px 6px 5px; height: 20px; border: none; float: left; font-family: Arial; font-size: 12px; color: #FFF; background: none; }
* html #sidebar .inner #newsletter form input { padding: 0; margin: 2px; width: 155px; padding: 7px 5px 3px 5px; height: 20px; border: none; float: left; font-family: Arial; font-size: 12px; color: #FFF; background: none; }
#sidebar .inner #newsletter form a#btn-abonare { width:94px; height:34px; font-weight:bold; line-height: 33px; font-size:12px; text-decoration:none; background: url('img/btn_general.png') 0 0 no-repeat; display: block; font-family: Arial; color:#FFF; text-align:center; float: right; }
#sidebar .inner #newsletter form a#btn-abonare:hover { background-position: 0 -34px; }

#sidebar .inner #social-network { width: 270px; padding: 15px 20px 12px 20px; background: url('img/bg_linie.gif') 0 100% repeat-x; color: #73838A; }
#sidebar .inner #social-network ul { padding: 10px 0 0 0; }
#sidebar .inner #social-network ul li { list-style-type: none; width: 270px; height: 60px; background: url('img/btn_social.png') 0 0 no-repeat; }
#sidebar .inner #social-network ul li a { width: 215px; height: 30px; padding: 10px 0 10px 55px; letter-spacing: -1px; line-height: 30px; display: block; font-size: 16px; font-family: Arial; font-weight: bold; color: #ADB3B7; text-decoration: none; }
#sidebar .inner #social-network ul li a:hover { color: #02818D; }
#sidebar .inner #social-network ul li a.ico-facebook { background: url('img/ico_facebook.gif') 10px 9px no-repeat; }
#sidebar .inner #social-network ul li a.ico-twitter { background: url('img/ico_twitter.gif') 10px 9px no-repeat; }
#sidebar .inner #social-network ul li a.ico-rssfeed { background: url('img/ico_rssfeed.gif') 10px 9px no-repeat; }

#sidebar .inner #banner { width: 270px; height: 180px; padding: 20px 20px 3px 20px; }

.sidebar-fix { height: 973px; }
* html .sidebar-fix { height: 978px; }

/* FOOTER */
/*********************************************************************/

#footer { border-top: 4px solid #038D9A; background: #00353B; font-size: 11px; color: #FFF; }
#footer a { color: #B2DDDF; }
#footer p { padding: 0 0 5px 0; }
#footer .inner { width: 910px; padding: 20px 20px 50px 20px; background:url('img/bg_linie_footer.gif') 0 56px repeat-x; margin: 0 auto; }
#footer .inner .link-grup { float:left; padding: 0 50px 0 0; }
#footer .inner .link-grup p.titlu { font-family: Arial; font-size:18px; font-weight: bold; color:#B3DDE1; height: 15px; padding-bottom: 40px; letter-spacing: -1px; float: left; }
#footer .inner .link-grup ul li { list-style-type:none; padding: 0 0 5px 0; clear: both; }
#footer .inner .copyright { width: 270px; color:#B2DDDF; padding: 58px 0 0 0; float:right; background: url('img/vexio.gif') 0 0 no-repeat; margin: -3px 0 0 0; }
#footer .inner .copyright p#uis { padding: 15px 0 5px 0; color:#FFF; }
#footer .inner .copyright p#uis a { color:#018C99; padding: 0 0 0 5px; }

/* SLIDER */
/*********************************************************************/

#slider-promotii { width: 280px; height: 200px; overflow: hidden; position: relative; z-index: 1; }
#slider-promotii .masca-promo { width: 10px; height: 200px; background: #F5F5F5; position: absolute; top: 0px; right: 0px; z-index: 2; }
#slider-promotii .slide-promo-wrapper { width: 840px; height: 200px; position: absolute;  }
#slider-promotii .slide-promo-box { width: 280px; float: left; }

#slider-titlu { width: 440px; height: 90px; overflow: hidden; position: relative; z-index: 1; }
#slider-titlu .masca-titlu { width: 3px; height: 70px; position: absolute; top: 10px; left: 0; background: #038D9A; z-index: 2; }
#slider-titlu .slide-titlu-wrapper { width: 1320px; height: 90px; position: absolute; }
#slider-titlu .slide-titlu-wrapper h1 { width: 370px; float: left; }

#slider-continut { width: 460px; height: 488px; overflow: hidden; position: relative; z-index: 1; }
#slider-continut .slide-continut-wrapper { width: 1380px; height: 488px; position: absolute; }
#slider-continut .slide-continut-box { width: 460px; float: left; }

#simpleTooltip { text-align:left; position: absolute; z-index: 3000; background: transparent url('img/tooltipBg_norpt.png') 5px 0px no-repeat; height: 16px; padding-top: 4px; }
* html #simpleTooltip { text-align:left; position: absolute; z-index: 3000; background: transparent; height: 16px; padding-top: 4px; }
#simpleTooltip.viewport-right { background-image: none; }
#simpleTooltip h3,#tooltip div { margin: 0; }
#simpleTooltip h3 { font-size: 11px; line-height: normal; font-weight: normal; color: #FFFFFF; background-color: #67686a; padding: 3px 7px 4px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; white-space: nowrap; }
