@charset "utf-8";
/* TOP Production - CSS */

/* resetting some default styles */
html, body, div, span, applet, object, iframe, h1, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
:focus {
	outline: 0
}
a:focus {
	outline:0 none
}
ins {
	text-decoration: none
}
del {
	text-decoration: line-through
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html {
	font-size:100.01%
}
body {
	font-size:1em;
	line-height: 1
}
textarea {
	overflow:auto
}
button {
	cursor:pointer
}
a {
	text-decoration:none;
	color:#414e58;
	font-weight:bold
}
a:hover {
	color:#DA0202
}
p {
	font-size:0.9em;
	margin-bottom:10px;
	color:#596975;
	line-height:140%
}
em {
	color:#DA0202
}
/*  -----------------------------------
	a better and smarter way to clear floats
--------------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix {
	display:inline-block
}
/* Hide from IE Mac \*/
.clearfix {
	display:block
}
/* End hide from IE Mac */
* html .clearfix {
	height:1px
}
body {
	background: url(http://www.top-production.ro/images/bg.jpg) repeat-x left top;
	font-family:"Trebuchet MS", Helvetica, Tahoma, Sans-serif
}
#wrap_up {
	width:996px;
	height:51px;
	margin:0 auto
}
#wrap_up h4 {
	font:700 0.8em/51px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	color:#fff;
	margin:0;
	display:inline;
	float:left;
	width:839px
}
#wrap_up #iso {
	display:inline;
	float:right;
	height:51px;
	width:149px;
	padding:4px
}
#wrap_up #iso:hover {
	background-color: #34383d
}
#isolink {
	padding-top:20px
}
#wrap {
	width:996px;
	margin:0 auto
}
#header {
	height:247px
}
#headermenu {
	height:47px;
	position:absolute;
	top:51px;
	margin-left:222px;
	background: url(http://www.top-production.ro/images/buts.png) no-repeat left top
}
#menu_h {
	width:774px;
	height:47px;
	text-indent:-9998px
}
#menu_h #butoane li {
	display: inline
}
#menu_h #butoane li a {
	float: left;
	width: 129px;
	height:47px;
	overflow: hidden;
	background: url(http://www.top-production.ro/images/buts.png) no-repeat left top
}
/* BUTOANE */
		#menu_h #butoane li#tp-home a {
	background-position: 0 0
}
#menu_h #butoane li#tp-desprenoi a {
	background-position: -129px 0
}
#menu_h #butoane li#tp-produse a {
	background-position: -258px 0
}
#menu_h #butoane li#tp-servicii a {
	background-position: -387px 0
}
#menu_h #butoane li#tp-promotii a {
	background-position: -516px 0
}
#menu_h #butoane li#tp-contact a {
	background-position: -645px 0
}
/* BUTOANE OVER */
		#menu_h #butoane li#tp-home a:hover {
	background-position: 0 -52px
}
#menu_h #butoane li#tp-desprenoi a:hover {
	background-position: -129px -52px
}
#menu_h #butoane li#tp-produse a:hover {
	background-position: -258px -52px
}
#menu_h #butoane li#tp-servicii a:hover {
	background-position: -387px -52px
}
#menu_h #butoane li#tp-promotii a:hover {
	background-position: -516px -52px
}
#menu_h #butoane li#tp-contact a:hover {
	background-position: -645px -52px
}
/* BUTOANE PRESSED */
		#menu_h #butoane li#tp-home a:active {
	background-position: 0 -104px
}
#menu_h #butoane li#tp-desprenoi a:active {
	background-position: -129px -104px
}
#menu_h #butoane li#tp-produse a:active {
	background-position: -258px -104px
}
#menu_h #butoane li#tp-servicii a:active {
	background-position: -387px -104px
}
#menu_h #butoane li#tp-promotii a:active {
	background-position: -516px -104px
}
#menu_h #butoane li#tp-contact a:active {
	background-position: -645px -104px
}
/* BUTOANE ACTIVE */
		#menu_h.home #butoane li#tp-home a {
	background-position: 0 -153px !important
}
#menu_h.desprenoi #butoane li#tp-desprenoi a {
	background-position: -129px -156px !important
}
#menu_h.produse #butoane li#tp-produse a {
	background-position: -258px -156px !important
}
#menu_h.servicii #butoane li#tp-servicii a {
	background-position: -387px -156px !important
}
#menu_h.promotii #butoane li#tp-promotii a {
	background-position: -516px -156px !important
}
#menu_h.contact #butoane li#tp-contact a {
	background-position: -645px -156px !important
}
#logo {
	font-family:"Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	font-size:3em;
	color:#fff;
	width:300px;
	height:226px;
	background:url(http://www.top-production.ro/images/logo.png) no-repeat left bottom transparent;
	text-indent: -9999px;
	top:21px;
	margin-left:23px;
	display:block;
	position:relative
}
#logo:hover {
	text-decoration:none
}
#menubar {
	height:199px;
	background:transparent url(http://www.top-production.ro/images/menubar.jpg) repeat-x scroll top left
}
#menubar #bg {
	font-family:"Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	font-size:1em;
	color:#fff;
	height:48px;
	text-indent: -9999px;
	background:url(http://www.top-production.ro/images/menu.png) no-repeat 0px 10px transparent
}
#menubar ul {
	display:block;
	width:332px;
	height:131px;
	float:left;
	padding:10px 0
}
#menubar ul li {
	text-align:left;
	height:25px;
	width:300px;
	margin-left:15px
}
#menubar ul li a {
	background:transparent url(http://www.top-production.ro/images/check.png) no-repeat scroll 0px center;
	padding-left:15px;
	text-align:left;
	color:#1b242a;
	font:700 0.8em/25px "Trebuchet MS", Helvetica, Tahoma, Sans-serif
}
#menubar ul li a:hover, #menubar ul li a:focus a {
	color:#fff;
	text-decoration:none;
	background:transparent url(http://www.top-production.ro/images/checkon.png) no-repeat scroll 0px center
}
#animatie {
	height:200px;
	width:670px;
	margin-right:15px;
	position:absolute;
	top:98px;
	margin-left:326px
}
#slider, #slider ul li {
	width:670px;
	height:200px;
	overflow:hidden
}
#content {
	margin-bottom:10px
}
#mainContent {
}
.mainAreaFull {
	float:left;
	width:996px
}
.mainAreaFull p {
	padding:5px
}
.mainAreaFull .produse p {
	padding:0px 25px
}
.mainAreaFull h1 {
	padding-top:15px
}
.mainAreaFull h2, h3 {
	padding:0 25px
}
.mainAreaFull img {
	padding:3px;
	border:1px solid #eff0f2;
	margin:5px
}
.mainAreaFull img:hover {
	border:1px solid #c6c5c5
}
.mainArea3 {
	width:297px;
	float:left;
	background-color:#eff0f2;
	margin:0px 5px 10px 5px;
	padding:10px 0px 10px 25px
}
.mainArea3 li {
	background: transparent url(http://www.top-production.ro/images/checkmain.png) no-repeat scroll left 5px;
	padding-left:15px
}
.mainAreahalf {
	width:487px;
	float:left;
	margin:0 5px;
	background-color:#eff0f2
}
.mainAreahalfc {
	width:487px;
	float:left;
	margin:0 5px
}
.mainAreahalfc img {
	border:0 none
}
.mainAreahalfc img:hover {
	border:0 none
}
.mainAreahalfc .textstanga {
	width:120px;
	margin:20px 0px 20px 20px;
	float:left
}
.textstanga ul li {
	padding-left:20px;
	width:100px;
	background-color:#eff0f2;
	margin-top:2px;
	height:30px
}
.textstanga span {
	font:700 1em/30px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	color:#DA0202
}
.mainAreahalfc .textdreapta {
	width:327px;
	margin:20px 20px 20px 0px;
	float:left
}
.textdreapta ul li {
	width:327px;
	background-color:#eff0f2;
	margin-top:2px;
	height:30px
}
.textdreapta span {
	font:700 0.813em/30px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	color:#1b242a
}
.mainAreahalf p {
	padding:0 18px
}
#mainAreahalf1 {
	width:550px;
	float:left
}
#mainAreahalf2 {
	width:444px;
	float:left
}
#mainAreahalf2 img {
	border:0 none;
	padding:0;
	margin:0
}
#mainAreahalf2 img:hover {
	border:0 none;
	padding:0;
	margin:0
}
#mainArea {
	width:582px;
	float:left;
	margin-bottom:10px;
	color:#596975;
	line-height:140%
}
#titluproduse {
	height:46px;
	font:700 1.15em/46px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	color:#DA0202;
	text-align:right
}
.cdtitle {
	background:url(http://www.top-production.ro/produse/images/produsecd.png) no-repeat 10px top
}
.dvdtitle {
	background:url(http://www.top-production.ro/produse/images/produsedvd.png) no-repeat 10px top
}
.minicdtitle {
	background:url(http://www.top-production.ro/produse/images/produseminicd.png) no-repeat 10px top
}
.businesscardtitle {
	background:url(http://www.top-production.ro/produse/images/produsebusinesscard.png) no-repeat 10px top
}
.shapecdtitle {
	background:url(http://www.top-production.ro/produse/images/produseshapecd.png) no-repeat 10px top
}
.ambalajetitle {
	background:url(http://www.top-production.ro/produse/images/produseambalaje.png) no-repeat 10px top
}
.dl {
	font-family:"Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	font-size:3em;
	color:#fff;
	text-indent: -9999px;
	display:block;
	margin:0px auto 20px auto
}
#dl_cd {
	background:url(http://www.top-production.ro/produse/images/dl_cd.gif) no-repeat center top transparent;
	height:49px;
	width:181px
}
#dl_dvd {
	background:url(http://www.top-production.ro/produse/images/dl_dvd.gif) no-repeat center top transparent;
	height:49px;
	width:198px
}
#dl_minicd {
	background:url(http://www.top-production.ro/produse/images/dl_minicd.gif) no-repeat center top transparent;
	height:49px;
	width:227px
}
#dl_businesscard {
	background:url(http://www.top-production.ro/produse/images/dl_businesscard.gif) no-repeat center top transparent;
	height:49px;
	width:288px
}
#dl_shapecd {
	background:url(http://www.top-production.ro/produse/images/dl_shapecd.gif) no-repeat center top transparent;
	height:49px;
	width:245px
}
#harta {
	float:left;
	width:544px;
	padding:3px;
	border:1px solid #c6c5c5;
	margin:15px
}
#contactpage {
	font-size:0.9em;
	margin-bottom:10px;
	color:#596975;
	line-height:140%;
	padding-left:20px
}
.adresa {
	padding:10px 12px 10px 0px;
	width:100%
}
.telemail {
	padding:10px 12px 10px 0px;
	width:30%;
	clear:right;
	float:left
}
#contact_form {
	float:left;
	padding:20px;
	width:542px;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size: 0.9em;
	color: #596975;
	font-weight:normal;
	text-align:right
}
.submit {
	cursor:pointer;
	font-weight:bold;
	height:23px;
	width:80px;
	color:#FFFFFF;
	background-color:#c6c5c5
}
.submit:hover {
	cursor:pointer;
	font-weight:bold;
	background-color:#ffffff;
	height:23px;
	width:80px;
	color:#c6c5c5
}
a.mail {
	direction:rtl;
	unicode-bidi: bidi-override;
	font-weight:normal
}
.input {
	width:300px;
	height:22px;
	border:1px solid #c6c5c5;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size: 0.9em;
	color: #596975;
	font-weight:normal;
	margin:3px 0px 3px 15px
}
.select {
	width:150px;
	height:22px;
	border:1px solid #c6c5c5;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size: 0.9em;
	color: #596975;
	font-weight:normal;
	margin:3px 0px 3px 15px
}
.checkbox {
	border:1px solid #c6c5c5;
	margin:3px 0px 3px 15px
}
.textarea {
	width:300px;
	height:150px;
	padding:10px 0px 10px 0px;
	border:1px solid #c6c5c5;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size: 0.9em;
	color: #596975;
	font-weight:normal;
	margin:3px 0px 3px 15px
}
.turing {
	margin:3px 0px 3px 15px
}
#formular {
	border:0 none;
	padding:0;
	margin:0;
	width:530px
}
#formular td {
	padding:3px 15px;
	text-align:left
}
#mainArea img {
	padding:3px;
	border:1px solid #eff0f2;
	margin:5px
}
#mainArea img:hover {
	border:1px solid #c6c5c5;
	background-color:#fff
}
#mainArea ul {
	text-align:left;
	font-size:0.9em;
	color:#596975;
	line-height:170%;
	background-color:#eff0f2
}
.pulli {
	text-align:left;
	font-size:0.9em;
	color:#596975;
	line-height:170%;
	padding:10px 0px 10px 25px;
	margin-bottom:15px
}
.pulli li {
	background: transparent url(http://www.top-production.ro/images/checkmain.png) no-repeat scroll left 5px;
	padding-left:15px
}
.produse {
	margin:10px 0px
}
.produse:hover {
	background-color:#eff0f2
}
.produse img {
	background-color:#fff
}
.produs {
	width:249px;
	float:left;
	text-align:center;
	padding:3px 0;
	margin-bottom:10px;
	font-size:0.9em;
	color:#596975;
	font-weight:500
}
.produs p:hover {
	color:#DA0202
}
.produsbut {
	font-family:"Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	font-size:3em;
	color:#fff;
	text-indent: -9999px;
	display:block;
	margin:10px auto 20px 15px;
	height:46px
}
#cd {
	background:url(http://www.top-production.ro/produse/images/produsecd.png) no-repeat left bottom transparent;
	width:57px
}
#dvd {
	background:url(http://www.top-production.ro/produse/images/produsedvd.png) no-repeat left bottom transparent;
	width:73px
}
#minicd {
	background:url(http://www.top-production.ro/produse/images/produseminicd.png) no-repeat left bottom transparent;
	width:111px
}
#businesscard {
	background:url(http://www.top-production.ro/produse/images/produsebusinesscard.png) no-repeat left bottom transparent;
	width:186px
}
#shapecd {
	background:url(http://www.top-production.ro/produse/images/produseshapecd.png) no-repeat left bottom transparent;
	width:130px
}
#ambalaje {
	background:url(http://www.top-production.ro/produse/images/produseambalaje.png) no-repeat left bottom transparent;
	width:130px
}
#cd:hover, #dvd:hover, #minicd:hover, #shapecd:hover, #businesscard:hover, #ambalaje:hover {
	background-position:left top
}
#mainmenu {
	height:36px;
	margin:0
}
#mainmenu_h {
	height:36px;
	text-indent:-9998px
}
#mainmenu_h #butoanemain li {
	display: inline
}
#mainmenu_h #butoanemain li a {
	float: left;
	height:36px;
	overflow: hidden;
	background: url(http://www.top-production.ro/images/butmainmenu.jpg) no-repeat
}
/* BUTOANE OVER*/
				#mainmenu_h #butoanemain li#tp-cd a:hover {
	background-position: 0 0;
	width:62px
}
#mainmenu_h #butoanemain li#tp-dvd a:hover {
	background-position: -62px 0;
	width:76px
}
#mainmenu_h #butoanemain li#tp-minicd a:hover {
	background-position: -138px 0;
	width:114px
}
#mainmenu_h #butoanemain li#tp-businesscard a:hover {
	background-position: -252px 0;
	width:190px
}
#mainmenu_h #butoanemain li#tp-shapecd a:hover {
	background-position: -442px 0;
	width:130px
}
#mainmenu_h #butoanemain li#tp-ambalaje a:hover {
	background-position: -572px 0;
	width:140px
}
/* BUTOANE */
				#mainmenu_h #butoanemain li#tp-cd a {
	background-position: 0 -38px;
	width:62px
}
#mainmenu_h #butoanemain li#tp-dvd a {
	background-position: -62px -38px;
	width:76px
}
#mainmenu_h #butoanemain li#tp-minicd a {
	background-position: -138px -38px;
	width:114px
}
#mainmenu_h #butoanemain li#tp-businesscard a {
	background-position: -252px -38px;
	width:190px
}
#mainmenu_h #butoanemain li#tp-shapecd a {
	background-position: -442px -38px;
	width:130px
}
#mainmenu_h #butoanemain li#tp-ambalaje a {
	background-position: -572px -38px;
	width:140px
}
#mainmenu_btm {
	background:url(http://www.top-production.ro/images/bgmainmenu.jpg) no-repeat left top transparent;
	height:21px
}
#mainmenu_btmmic {
	background:url(http://www.top-production.ro/images/bgmainmenu.gif) no-repeat left top transparent;
	height:21px;
	width:574px
}
.sectiune {
	font-size:1.2em;
	color:#596975;
	text-align:left;
	margin:20px 0px
}
#personalizare {
	width:582px;
	height:250px;
	margin:20px 0px
}
#personalizare img, #personalizare img:hover {
	border:0 none;
	padding:0;
	margin:0
}
#slider_p, #slider_p li {
	width:582px;
	height:250px;
	overflow:hidden;
	background:url(http://www.top-production.ro/images/slider_p_bg.jpg) no-repeat top left
}
#slider_p ul, #slider_p li {
	padding:0;
	margin:0;
	list-style:none;
	background:url(http://www.top-production.ro/images/slider_p_bg.jpg) no-repeat top left
}
#sidebar {
	width:384px;
	float:right
}
#contact {
	color:#fff;
	background:url(http://www.top-production.ro/images/bgcontact.gif) repeat-x left top transparent;
	padding:20px 0px 20px 20px;
	height:138px
}
#contact .title {
	font-size:1.25em;
	width:344px
}
#contact .content {
	float:left;
	font-size:0.813em;
	padding:10px 12px 10px 0px
}
#contact a {
	color:#fff;
	font-size:1em;
	font-weight:normal
}
#contact a:hover {
	text-decoration:underline
}
.contactbtm {
	background:url(http://www.top-production.ro/images/contactbtm.gif) no-repeat left top transparent;
	height:18px;
	width:384px;
	margin-bottom:10px
}
#topcd {
	height:309px;
	background:url(http://www.top-production.ro/images/cd.jpg) no-repeat
}
.oferta {
	background-color:#eff0f2
}
.ofertabtm {
	background:url(http://www.top-production.ro/images/ofertabtm.gif) no-repeat left top transparent;
	height:8px;
	width:384px;
	margin-bottom:10px
}
.ofertatop {
	background:url(http://www.top-production.ro/images/ofertatop.gif) no-repeat left top transparent;
	height:8px;
	width:384px
}
.but_oferta, .but_comanda, .but_aboneaza {
	font-family:"Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	font-size:3em;
	color:#fff;
	width:289px;
	height:49px;
	text-indent: -9999px;
	display:block;
	margin:0px auto 20px auto
}
.but_oferta {
	background:url(http://www.top-production.ro/images/butoferta.gif) no-repeat left bottom transparent
}
.but_comanda {
	background:url(http://www.top-production.ro/images/butcomanda.gif) no-repeat left bottom transparent
}
.but_aboneaza {
	background:url(http://www.top-production.ro/images/butaboneaza.gif) no-repeat left bottom transparent
}
.but_oferta:hover, .but_comanda:hover, .but_aboneaza:hover {
	background-position:left top
}
#footer {
	float:left;
	width:996px;
	text-align:left
}
#footer #titlu {
	background:transparent url(http://www.top-production.ro/images/footer.jpg) no-repeat scroll 20px 10px;
	margin-bottom:2px;
	height:52px;
	font-family:"Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	font-size:3em;
	color:#fff;
	text-indent: -9999px;
	display:block;
	background-color:#eff0f1
}
#footer ul {
	display:block;
	width:332px;
	float:left;
	padding: 10px 0;
	background-color:#eff0f1
}
#footer ul li {
	background:transparent url(http://www.top-production.ro/images/checkf.png) no-repeat scroll 20px 5px;
	padding-left:35px;
	color:#596975;
	font:100 0.9em "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	line-height:170%
}
#footer .copyright {
	text-align:center
}
h1 {
	font:700 1.375em/37px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	color:#DA0202;
	padding:0 20px
}
h2 {
	font:700 0.813em/15px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	color:#1b242a;
	padding:0 30px
}
h3 {
	font:100 1.2em "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	color:#596975
}
.titlu {
	font-size:1.25em;
	line-height:20px;
	padding:0 45px
}