/*homepage*/
.fa-ti_caricatura {margin: 20px 0;}
.fa-ti_caricatura h2 {background: url(title_fa-ti_singur_caricatura.gif) 0 0 no-repeat; height: 27px; margin-bottom: 10px;}
.fa-ti_caricatura h2 strong {font-size: 17px; visibility: hidden;}
	.exemplu {float: left; display: inline; margin: 10px 0;}
	.exemplu .image {width: 75px; float: left; display: inline; font-size: 11px; text-align: center;}
	.exemplu .image div {width: 75px; height: 109px; border: solid 1px #666; overflow: hidden;}
	.exemplu .image span {display: block; color: #666; font-weight: bold;}
	.exemplu p {float: left; display: inline; margin: 45px 15px; width: 10px;}

.detalii {float: right; display: inline; width: 220px;}
.detalii .text {font-size: 12px; color: #333; margin-bottom: 10px;}
.detalii .links a {margin-right: 10px;}

.galerie_caricaturi {margin: 20px 0;}
.galerie_caricaturi h2 {background: url(title_galerie_caricaturi.gif) 0 0 no-repeat; height: 27px; margin-bottom: 10px;}
.galerie_caricaturi h2 strong {font-size: 17px; visibility: hidden;}
	.thumb_container {float: left; display: inline; width: 122px; margin: 5px 20px 10px 0;}
	.thumb_container.last {margin-right: 0;}
	.thumb_container .thumb {width: 120px; height: 84px; border: solid 1px #666; overflow: hidden; text-align: center;}
	.thumb_container .info {margin: 2px 0; font-size: 10px; color: #333;}
	.thumb_container .info span {color: #7A30AA;}
	.thumb_container .info a {color: #7A30AA;}
	.thumb_container .info a:hover {color: #000; text-decoration: none;}
	.thumb_container .info span.color_1 a {color: #7FC900;}
	.thumb_container .info span.color_2 a {color: #CC1988;}
	.thumb_container .info span.color_3 a {color: #FF3900;}
	.thumb_container .info span.color_1 a:hover, .thumb_container .info span.color_2 a:hover, .thumb_container .info span.color_3 a:hover, {color: #000;}
.galerie_caricaturi .vezi_toate {text-align: right; margin: 10px 0;}

.cum_lucram {width: 300px; background: url(cum_lucram_midd.gif) 0 0 repeat-y; margin: 10px 0;}
.cum_lucram_top {background: url(cum_lucram_top.gif) 0 0 no-repeat;}
.cum_lucram .title {float: left; display: inline; background: url(title_cum_lucram.gif) 0 0 no-repeat; width: 113px; height: 38px; margin: 25px 0 0 30px;}
.cum_lucram .title strong {font-size: 15px; visibility: hidden;}
.cum_lucram .detalii {float: right; display: inline; width: 76px; margin: 32px 42px 0 0;}
.cum_lucram .player {width: 280px; height: 170px; overflow: hidden; margin: 10px 10px 2px 10px; clear: both; display: block;}

.cum_lucram_bottom {background: url(cum_lucram_bottom.gif) 0 0 no-repeat; height: 8px;}

.banner_300 {width: 300px; overflow: hidden; margin: 10px 0;}

.felicitari {width: 300px; overflow: hidden; background: #fcd330;}
.felicitari .top {background: url(bg_felicitari.gif) 0 0 no-repeat; height: 5px; overflow: hidden;}
.felicitari .title {width: 241px; height: 25px; line-height: 25px; overflow: hidden; background: url(title_felicitari_noi.gif) 0 0 no-repeat; text-align: center; margin: 10px auto;}
.felicitari .title strong {font-size: 15px; visibility: hidden;}
.felicitari .scroller { margin: 10px 16px;}
	.scroller .arrow_left {float: left; display: inline; background: url(arrow_2_left.gif) 0 0 no-repeat; width: 10px; height: 15px; margin-right: 5px; margin-top: 75px;}
	.scroller .arrow_right {float: left; display: inline; background: url(arrow_2_right.gif) 0 0 no-repeat; width: 10px; height: 15px; margin-left: 3px; margin-top: 75px;}
	.scroller .container {float: left; display: inline; width: 270px; overflow: hidden;}
	.scroller .container .thumb {float: left; display: inline; width: 125px; height: 77px; overflow: hidden; border: solid 1px #cca300; background: #fff; margin: 4px;}
.felicitari .links {margin: 5px 8px;}	
.felicitari .bottom {background: url(bg_felicitari.gif) 0 -7px no-repeat; height: 7px; overflow: hidden;}

.breadcrumbs {font-size: 11px; margin: 3px 0;}

.section {margin: 10px 0;}
.section:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.section .title_section {background: url(bg_section.gif) 0 0 no-repeat; width: 505px; height: 22px; padding: 4px 10px;}
.section .title_section h2 {float: left; display: inline; color: #7A30AA; font-size: 18px; font-weight: normal;}
.section .title_section .vezi_toate {float: right;  display: inline; margin-top: 2px;}

.section .thumb_container {margin: 10px 14px 10px 0; width: 122px;}
*html .section .thumb_container {margin: 10px 12px 10px 0;}
.section .thumb_container .thumb {position: relative; width: 120px; height: 84px; text-align: center;}
.section .thumb_container .thumb div {width: 120px; height: 110px; border: none; overflow: hidden;}
.section .thumb_container .thumb a.zoom {position: absolute; top: 2px; left: 2px;}
.section .thumb_container .titlu {font-size: 12px; padding: 2px 0;}
.section .thumb_container .titlu a {color: #333;}

.section .thumb_containerm {margin: 10px 10px 14px 0; width: 242px;}
*html .section .thumb_containerm {margin: 10px 12px 10px 0;}
.section .thumb_containerm .thumb {position: relative; width: 240px; height: 168px; text-align: center;}
.section .thumb_containerm .thumb div {width: 240px; height: 168px; border: 1px solid #666666; overflow: hidden;}
.section .thumb_containerm .thumb a.zoom {position: absolute; top: 2px; left: 2px;}
.section .thumb_containerm .titlu {font-size: 12px; padding: 2px 0;}
.section .thumb_containerm .titlu a {color: #333;}

.section h3 {font-size: 14px; color: #000; font-weight: bold; margin: 15px 0 0 0;}

.model {background: url(bg_line.gif) left bottom repeat-x; padding-bottom: 10px; width: 527px;}
.model_title {font-size: 12px; color: #333; font-weight: bold; margin: 5px 0;}
.model_image {width: 525px; border: solid 1px #666; text-align: center;}

	.model .info {margin: 5px 0; font-size: 11px; color: #333; float: left; display: inline;}
	.model .info span {color: #7A30AA;}
	.model .info a {color: #7A30AA;}
	.model .info a:hover {color: #000; text-decoration: none;}
	.model .info span.color_1 a {color: #7FC900;}
	.model .info span.color_2 a {color: #CC1988;}
	.model .info span.color_3 a {color: #FF3900;}
	.model .info span.color_1 a:hover, .model .info span.color_2 a:hover, .model .info span.color_3 a:hover {color: #000;}
	.model .rating {float: right; display: inline; color: #333; font-size: 11px; margin: 10px 0;}
	.model .info .buttons {margin: 5px 0;}
	.model .info .buttons a {margin-right: 5px; float: left; display: inline;}

h4 {font-size: 18px; color: #7A30AA; font-weight: normal;}

.info em {font-style: normal; font-size: 11px; display: block; margin: 5px 0;}
.info .actions {text-align: right; margin: 5px 0;}

.steps {margin: 15px 0;}
.steps:after {content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.steps .arrow {width: 30px;}
.steps .arrow img {margin-top: 10px; padding: 0 10px;}
.steps div {height: 31px; float: left; display: inline;}
.step_1 {width: 150px;}
.step_1 a {height: 31px; background: url(step_1.gif) 0 -54px no-repeat; display: block; overflow: hidden; font-size: 14px; color: #333; padding-left: 70px; padding-top: 8px; text-decoration: none;}
.step_1 a:hover, .step_1 a.sel {height: 31px; background: url(step_1.gif) 0 0px no-repeat; display: block; overflow: hidden; font-size: 14px; color: #4A007A; padding-left: 70px; padding-top: 8px; text-decoration: none;}

.step_2 {width: 150px;}
.step_2 a {height: 31px; background: url(step_2.gif) 0 -52px no-repeat; display: block; overflow: hidden; font-size: 14px; color: #333; padding-left: 70px; padding-top: 8px; text-decoration: none;}
.step_2 a:hover, .step_2 a.sel {height: 31px; background: url(step_2.gif) 0 0px no-repeat; display: block; overflow: hidden; font-size: 14px; color: #4A007A; padding-left: 70px; padding-top: 8px; text-decoration: none;}

.step_3 a {height: 31px; background: url(step_3.gif) 0 -54px no-repeat; display: block; overflow: hidden; font-size: 14px; color: #333; padding-left: 70px; padding-top: 8px; text-decoration: none;}
.step_3 a:hover, .step_3 a.sel {height: 31px; background: url(step_3.gif) 0 0px no-repeat; display: block; overflow: hidden; font-size: 14px; color: #4A007A; padding-left: 70px; padding-top: 8px; text-decoration: none;}

.text {font-size: 12px; color: #333;}
.text p {margin: 5px 0;}
.text2 {font-size: 13px; color: #333; font-family: Arial, Helvetica, sans-serif; text-align: justify;}
.text2 p {margin: 5px 0;}

.slider {width: 540px; height: 299px; overflow: hidden; background: url(bg_slider3.gif) 0 0 no-repeat; margin: 15px 0; padding: 5px; position: relative;}
.slider .caricatura {width:540px; height: 255px; overflow: hidden;}
.slider .slides {position: absolute; top: -3px;}
	.slides .slide_1, .slides .slide_2, .slides .slide_3, .slides .slide_4 {float: left; display: inline;}
	.slides .slide_1 a {width: 39px; height: 46px; background: url(1_off.png) 0 0 no-repeat; display: block;  behavior: url(/iepngfix.htc)}
	.slides .slide_1 a:hover, .slides .slide_1 a.sel {width: 39px; height: 46px; background: url(1_on.png) 0 0 no-repeat; display: block;}
	.slides .slide_2 a {width: 39px; height: 46px; background: url(2_off.png) 0 0 no-repeat; display: block;}
	.slides .slide_2 a:hover, .slides .slide_2 a.sel {width: 39px; height: 46px; background: url(2_on.png) 0 0 no-repeat; display: block;}
	.slides .slide_3 a {width: 39px; height: 46px; background: url(3_off.png) 0 0 no-repeat; display: block;}
	.slides .slide_3 a:hover, .slides .slide_3 a.sel {width: 39px; height: 46px; background: url(3_on.png) 0 0 no-repeat; display: block;}
	.slides .slide_4 a {width: 39px; height: 46px; background: url(4_off.png) 0 0 no-repeat; display: block;}
	.slides .slide_4 a:hover, .slides .slide_4 a.sel {width: 39px; height: 46px; background: url(4_on.png) 0 0 no-repeat; display: block;}

.caricatura_zilei {width: 170px; height: 195px; overflow: hidden; background: url(bg_caricatura_zilei.gif) 0 0 no-repeat; position: absolute; top: 10px; right: 10px; padding-top: 35px; padding-left: 20px; padding-right: 10px;}
.caricatura_zilei .title {font-size: 18px; color: #FCD330; font-weight: normal; padding: 5px 0;}
.caricatura_zilei .title a {color: #FCD330;}
.caricatura_zilei p {font-size: 11px; color: #fff; margin: 5px 0;}
.caricatura_zilei .more {text-align: right;}

/*rating sistem*/
ul.rating{width: 60px; height: 13px; background: url(star.gif) 0 0 repeat-x; overflow: hidden; position: absolute; float: right; margin-left: 38px;}
ul.rating li{display: inline; text-indent: -1000px; outline: none;}
ul.rating li a{height: 16px; line-height: 16px; position: absolute; top: 0; left: 0; outline: none;}
ul.rating li a:hover, ul.rating li a:active, ul.rating li a:focus{background: url(star.gif) 0 100%;}
ul.rating li a.one{width:20%; z-index: 6;}
ul.rating li a.two{width:40%; z-index: 5;}
ul.rating li a.three{width:60%; z-index: 4;}
ul.rating li a.four{width:80%; z-index: 3;}
ul.rating li a.five{width:100%; z-index: 2;}
ul.rating li.rated{height: 16px; line-height: 16px; background: url(star.gif) 0 50% repeat-x; position: absolute; top: 0; left: 0; z-index:1;}
ul.rated li a, ul.rated li a:hover, ul.rated li a:focus{background: none !important; cursor: default;}

.error {font-size: 14px; color: #FF0000;}

.thumb_container .btn_comanda {float: left; display: inline; height: 25px; background: url(bg_btn_comanda.gif) 0 0 no-repeat; padding-left: 2px;}
.thumb_container .btn_comanda div {float: left; display: inline; height: 25px; background: url(bg_btn_comanda.gif) 100% 0 no-repeat;}
.thumb_container .btn_comanda div  a {float: left; height: 13px; padding: 4px 5px; color: #FCD330; font-size: 12px;}
.thumb_container .btn_comanda div  a:hover {float: left; height: 13px; padding: 4px 5px; color: #fff; font-size: 12px;}

.btn_special {display: block;}
.btn_special .btn_comanda {float: left; display: inline; height: 25px; background: url(bg_btn_comanda.gif) 0 0 no-repeat; padding-left: 2px;}
.btn_special .btn_comanda div {float: left; display: inline; height: 25px; background: url(bg_btn_comanda.gif) 100% 0 no-repeat; padding-right: 3px;}
.btn_special .btn_comanda div  a {float: left; height: 13px; padding: 4px 5px; color: #FCD330; font-size: 12px;}
.btn_special .btn_comanda div  a:hover {float: left; height: 13px; padding: 4px 5px; color: #fff; font-size: 12px; text-decoration: none;}

.tip_caricatura {text-align: center; margin: 10px auto; width: 390px;}
.tip_caricatura .alb_negru {width: 174px; height: 38px; float: left; display: inline; background: url(bg_caricaturi_alb_negru.gif) 0 0 no-repeat; overflow: hidden; margin: 0 10px;}
.tip_caricatura .color {width: 174px; height: 38px; float: left; display: inline; background: url(bg_caricaturi_color.gif) 0 0 no-repeat; overflow: hidden; margin: 0 10px;}
.tip_caricatura strong {font-style: normal; font-weight: bold; font-size: 11px; text-align: center; float: right; display: inline; width: 35px; height: 30px; margin: 5px 5px 0 0; overflow: hidden;}
.tip_caricatura .unselected {float: left; display: inline; width: 27px; height: 27px; margin: 8px 8px; cursor: pointer}
.tip_caricatura .selected {float: left; display: inline; width: 27px; height: 27px; margin: 8px 8px; cursor: pointer; background: url(bg_radio_selected.gif) 5px 3px no-repeat;}

.pumpkin {padding-left: 25px!important; background: url(pumpkin_small1.gif) no-repeat 2px 1px;}
.pumpkin:hover {padding-left: 25px!important; background: url(bg_lista1.png) no-repeat 0 0!important}
.pumpkinsel {padding-left: 25px!important; background: url(bg_lista1.png) no-repeat 0 0!important}
