/*
Date: 9 April 2008
Author: Bogdan Valentin Oasa
Company: Touch Media
Website: www.touch-media.ro
Project: Online Print - Carti de vizita cu livrare la domiciliu si comanda online
*/

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CSS start! */
.clear { clear:both;
display:block;
line-height:0px;
}

body {
  font-size: 13px;
  font-family: Verdana, Arial, sans-serif;
}
#top {
  width: 766px;
  height: 26px;
  margin: 0 auto;
  background: url(images/top.gif) repeat-x;
}
#topleft {
  width: 13px;
  height: 26px;
  float: left;
  clear: left;
  background: url(images/top_left.gif) no-repeat;
}
#topright {
  width: 9px;
  height: 26px;
  float: right;
  background: url(images/top_right.gif) no-repeat;
}
#top p {
  float: left;
  color: white;
  width:605px;
  margin: 4px 0 0 0px;
  font-size:10px;
}
* html #top p {margin: 4px 0 0 50px;}
#header {
  width: 794px;
  margin: 0 auto;
  margin-top: 34px;
}
#logo {
  float: left;
  margin: 0 0 0 30px;
}
#telefon {
  float: left;
  margin: 8px 0 0 260px;
}
* html #logo {margin-bottom:30px;}
* html #telefon {margin-bottom:30px;}
html:first-child #telefon {margin-bottom:35px;}
#meniu {
  width: 794px;
  height: 42px;
  background: url(images/meniu.gif) repeat-x;
  margin: 0 auto;
  margin-top: 40px;
}

#meniuleft {
  width: 12px;
  height: 42px;
  background: url(images/meniu_left.gif) no-repeat;
  float: left;
  clear: left;
}
#meniuright{
  width: 12px;
  height: 42px;
  background: url(images/meniu_right.gif) no-repeat;
  float: right;
}
#meniu ul {
  float: left;
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 0 30px;
}
* html #meniu ul {
  margin-left: 20px;
}

#meniu ul li {
  float: left;
}
#meniu ul li img {
  float: left;
}
#meniu ul li a{
  float: left;
  margin: 13px 14px 0 19px;
  color: #565965;
}
#meniu ul li a:hover, #meniu ul li a#current {
  color: #ff9600;
}
#boxes {
  width: 774px;
  height:209px;
  margin: 0 auto;
  margin-top: 22px;
  background-image:url(images/packs.jpg); background-position:top left; background-repeat:no-repeat;
}
.box {
  width: 257px;
  height: 203px;
  float: left;
}
.leftbox {
  float: left;
  width: 109px;
  padding-top:118px; padding-left:130px;
}
* html .leftbox {
  margin-left: 7px;
}
.pret {
  float: left;
}
.comanda {
  float: left;
  clear: left;
  width: 106px;
  height: 22px;
  background: url(images/comanda.png) no-repeat;
  margin: 12px 0 0 0;
}
.rightbox {
  float: left;
  margin: 30px 0 0 18px;
}
.rightbox p {
  float: left;
  text-align: left;
  font-size: 10px;
  color: white;
}
#content {
  width: 794px;
  margin: 0 auto;
}
#sidebar {
  width: 220px;
  float: left;
  clear: left;
}
h3 {
  font-size: 12px;
  color: #fff;
  background-color: #4a4d5d;
  width: 200px;
  padding: 5px 0 5px 20px;
}
#sidebar ul {
  float:left;
  clear: left;
  width: 220px;
  font-size: 13px;
  margin: 8px 0 15px 0;
}
#sidebar ul li {
  float: left;
  clear: left;
  width: 220px;
  margin: 2px 0 0 0;
}
#sidebar ul li a{
  width: 185px;
  float: left;
  padding: 1px 0 1px 35px;
  color: #013e75;
}
#sidebar ul li a:hover, #sidebar ul li a#current2 {
  background-color: #e7e8ec;
}
#rightcontent {
  width: 527px;
  float: right;
}
h2 {
  font-size: 12px;
  color: #fff;
  background-color: #4a4d5d;
  width: 500px;
  padding: 5px 0 5px 27px;
}
.text_despre {
  width: 490px;
  float: left;
  clear: left;
  margin: 20px 0 0 25px;
  font-size: 11px;
  color: #575b6b;
  text-align: justify;
}
.text_despre span {
  font-size: 12px;
  font-weight: bold;
  float: left;
  clear: both;
  width: 100%;
  padding: 0 0 10px 0;
}
.text_despre a{
  color: #005b86;
  text-decoration: underline;
}

.comanda_servici {
  float: left;
  clear: left;
  width: 500px;
  height: 18px;
  background: #e4e4e4;
  margin: 10px 0 0 25px;
}
.comanda_servici a {
  float: left;
  clear: left;
  width: 75px;
  height: 18px;
  background: url(images/comanda3.gif) no-repeat;
  cursor: pointer;
}
.comanda_servici span {
  float: right;
  font-size: 11px;
  color: #575b6b;
  margin: 0px 15px 0 0;
}
.comanda_servici span em{
  font-style: normal;
  font-size: 120%;
}




#comandaform {
  float: left;
  clear: left;
  margin: 10px 0 0 26px;
}
* html #comandaform {
  margin-left: 13px;
}
#comandaform label {
  float: left;
  clear: left;
  width: 12px;
  color: #424242;
  width: 90px;
  font-weight: bold;
  text-align: left;
  margin: 12px 0 0 0;
}

#comandaform input {
  float: left;
  width: 280px;
  color: #424242;
  font-size: 11px;
  padding: 3px 0 3px 13px;
  background: #fff8e3;
  border: 1px #333333 solid;
  margin: 10px 0 0 0;
  height:14px;
}

#comandaform select {
  float: left;
  height:20px;
  width: 295px;
  color: #424242;
  font-size: 11px;
  padding: 3px 0 3px 13px;
  background: #fff8e3;
  border: 1px #333333 solid;
  margin: 10px 0 0 0;
}
#comandaform .ask {
  float: left;
  margin: 15px 0 0 10px;
}
#comandaform p {
  float: left;
  clear: left;
  color: #4a4d5d;
  font-size: 10px;
  margin: 10px 0 0 0;
  width: 100%;
}
#rezultatcomanda {
  float: left; clear: left;
  background: #eaeaea;
  height: 28px;
  width: 502px;
  margin: 10px 0 0 0;
  padding:7px 0 0 25px;
}

#rezultcom{
  float: left;
  clear: left;
  margin: 5px 0 0 0;
}


#rezultcom label {
  float: left;
  clear: left;
  color: #4a4d5d;
  font-weight: bold;
}
#inputare {
  float: left;
  width: 96px;
  height: 18px;
  background: url(images/field.gif) no-repeat;
  border: none;
  color: white;
  font-weight: bold;
  margin: 0 0 0 10px;
  padding: 2px 0 2px 10px;
}
#rezultcom span {
  float: left;
  font-size: 16px;
  color: #4a4d5d;
  font-weight: bold;
  margin: 2px 0 0 10px;
}
#comanda2 {
  float: left;
  margin: 0 0 0 5px;
  width: 106px;
  height: 22px;
  background: url(images/field.gif) no-repeat;
  border:none;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  
}
#intrebari {
  float: left;
  clear: left;
  width: 290px;
  margin: 15px 0 0 0;
}
#intrebari span {
  float: left;
  clear: left;
  width: 100%;
  color: #4a4d5d;
  font-size: 15px;
  font-weight: bold;
}
#intrebari p {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 10px;
  color: #4a4d5d;
}
#clienti {
  float: right;
  width: 220px;
  margin: 15px 0 0 0;
}
#clienti img {
  float: left;
  clear: left;
  margin: 15px 0 0 0;
}
#clienti a{
  float: left;
  clear: left;
  font-size: 12px;
  color: #7c7c7c;
  margin: 10px 0 0 15px;
  width: 160px;
}
#clienti a:hover {
  text-decoration: underline;
}
#footer {
  width: 794px;
  margin: 0 auto;
  margin-top: 20px;
  height: 70px;
}
#footer ul{
  width: 774px;
  height: 34px;
  background: url(images/footer.gif) repeat-x;
  font-size: 10px;
  padding: 0 0 0 24px;
}
* html #footer ul {padding-left:9px;}
#footer ul li {
  float: left;
  margin: 10px 15px 0 15px;
}
#footer ul li a{
  float: left;
  color: #000;
}
#footer ul li a:hover {
  text-decoration: underline;
}
#footer a#developed {
  float: right;
  clear: left;
  margin: 10px 0 0 39px;
  font-size: 10px;
  color: #7c7c7c;
}

#contactform {
  width: 260px;
  float: left;
}
#contactform label {
  width: 60px;
  text-align: right;
  color: #575757;
  font-size: 13px;
  float: left;
  clear: left;
  margin: 5px 0 0 0;
}
#contactform input {
  width: 175px;
  border: 1px #999999 solid;
  float: left;
  margin-top:5px; margin-left:10px;
}
#contactform textarea {
  width: 175px;
  height: 100px;
  border: 1px #999999 solid;
  float: left;
  margin: 5px 0 0 10px;
}
#contactform #contactform_trimite{
  width: 80px;
  height: 17px;
  float: right;
  clear: both;
  background: url(images/trimite.gif) no-repeat;
  border: none;
  cursor: pointer;
}
#datecontact {
  float: left;
  width: 220px;
  margin-left: 10px;
  font-size: 11px;
}

#comandaformx {float: left; clear: left; margin: 10px 0 0 13px;}
* html #comandaformx {margin-left: 13px;}
#comandaformx  label {
  font-size:11px;
  float: left;
  clear: left;
  width:100px;
  color: #6d6d6d;
  font-weight: normal;
  text-align: left;
  margin: 12px 0 0 0;
}


#comandaformx textarea {float: left; color: #424242; font-size: 11px; padding: 3px 0 3px 13px; background: #fff8e3; border: 1px #c2c2c2 solid; margin: 10px 0 0 0; width:190px; height:75px;}

.file {float: left; color: #424242; font-size: 11px; padding: 3px 0 3px 13px; background: #fff8e3; border: 1px #c2c2c2 solid; margin: 10px 0 0 0; width:190px; height:20px;}
.file input {border:none;}

#comandaformx p {
  float: left;
  clear: left;
  color: #6d6d6d;
  font-size: 11px;
  margin: 10px 0 0 0;
  width: 100%;
}

.step01 {float: left; color: #424242; font-size: 11px; padding: 3px 0 3px 13px; background: #fff8e3; border: 1px #c2c2c2 solid; margin: 10px 0 0 0; width:190px; height:11px;}
.persoanex {color: #575757; font-weight: normal; text-align: justify; width:300px; padding: 15px 0 15px 0;}
.ajaxare tr td{ font-size:11px; color: #6d6d6d; font-weight: normal;}
.ajaxare tr td label input {color: #424242; font-size: 11px; padding: 3px 0 3px 13px; background: #e9e9e9; border: 1px #c2c2c2 solid; margin: 0 0 0 0; width:160px; height:11px;}

.arrowlistmenu {width: 250px; float:left; clear:both; /*width of accordion menu*/}
#intrebari .arrowlistmenu span {font-size:12px; font-weight:normal; color:#333333;}
.arrowlistmenu .menuheader {float:left; clear:left; font-weight:bold; width:250px; text-align:left; margin-top:2px; font-family:Verdana; font-size:12px; color:#686868; cursor: hand; cursor: pointer; background-color:#FFFFFF;}
* html .arrowlistmenu .menuheader  {}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/}
* html .arrowlistmenu .openheader {}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/ float:left; list-style-type: none; width:250px; margin-top:10px; margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li{padding-bottom: 1px; padding-top:1px;/*bottom spacing between menu items*/}
.arrowlistmenu ul li a{color: #ed0000; /*custom bullet list image*/ display: block; padding-top: 1px; padding-bottom: 1px; padding-left: 30px; /*link text is indented 19px*/
text-decoration: none; font-weight: bold; font-size:12px; font-family:Verdana; font-size:10px;}
.arrowlistmenu ul li a:visited{ color: #ed2222;}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #4f4f4f;}
.categoryitems li{width: 250px; color:#888888; text-align:justify;} 
.spacebar {float:left; height:35px; font-size: 12px; color: #fff; background-image:url(images/nonhover.jpg); background-position:top left; background-repeat:repeat-x; width: 518px;}
.spacebar a {float:left; height:23px; font-weight:bold; width:128px; text-align:center; padding:12px 0px 0px 0px; color:#ffffff; text-decoration:none;}
.spacebar a:hover, .spacebar .selected {background-image:url(images/hover.jpg); background-position:top left; background-repeat:repeat-x;}
.separator {float:left; background-image:url(images/spacer.jpg); height:35px; background-repeat:no-repeat; background-position:top left; width:2px;}
.adpannel {float:left; background-image:url(images/pliantea4.jpg); background-position:top left; background-repeat:no-repeat; width:518px; height:204px;}
.cere0 {float:left; width:510px; height:200px;}
.parteneri {width: 529px; clear:both; height:90px; padding-top:30px; padding-left:265px;  margin: 0 auto;}

.catalogmagazine {float:left; background-image:url(images/catalogmagazine0.jpg); background-repeat:no-repeat; background-position:top left; height:51px; width:168px; margin-top:15px;}
.catalogmagazine:hover {background-image:url(images/catalogmagazine1.jpg);}
.myshirt {float:left; background-image:url(images/myshirt0.jpg); background-repeat:no-repeat; background-position:top left; height:83px; width:80px; margin-left:20px;}
.myshirt:hover {background-image:url(images/myshirt1.jpg);}
.touchmedia {float:left; background-image:url(images/touchmedia0.jpg); background-repeat:no-repeat; background-position:top left; height:24px; width:137px; margin-top:30px; margin-left:20px;}
.touchmedia:hover {background-image:url(images/touchmedia1.jpg);}
.tarif {float:left; margin: 20px 0 0 25px; font-size: 11px; color: #575b6b; text-align: justify; width: 490px; border-bottom:1px solid #cccccc;}
.tarif tr td {padding-left:20px;}
.tarif h2 {width:463px;}
.tarif .captabel {font-weight:bold; font-size:12px; height:40px; border-bottom:1px solid #cccccc; background-color:#f0f0f0;}
.tarif .rand1 {background-color:#f0f0f0; height:30px;}
.spec {float:left; clear:left; margin: 0px 0 0 25px; font-size: 11px; padding-top:20px; color: #575b6b; text-align: justify; width: 490px;}
.adpannel2 {float:left; background-image:url(images/afisea3.jpg); background-position:top left; background-repeat:no-repeat; width:518px; height:204px;}
.adpannel3 {float:left; background-image:url(images/flyerea5.jpg); background-position:top left; background-repeat:no-repeat; width:518px; height:204px;}
.adpannel4 {float:left; background-image:url(images/flyere13a4.jpg); background-position:top left; background-repeat:no-repeat; width:518px; height:204px;}