* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 1024px;
}
#header {
 width: 1036px;
 color: white;
 padding: 5px;

 height: 108px;
}
div.hdrbig {
 width: 1036px;
 color: white;
 height: 100px;
 background: white;
}
.tr-l {
	float: left;
	width: 3px;
	
}
.tr-r {
	float: right;
}
.gradient {
	width: 716px;  
	background: -webkit-linear-gradient(90deg, white, DADADA, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(90deg, white, #DADADA, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(90deg, white, #DADADA, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(90deg, white, #DADADA, white); /* Standard syntax (must be last) */"
}
.gradient h1 {
	color: black; 
	font-family: "Cooper Black";
	opacity: 0.5;
}
.titlu {
	font-family: "Algerian";

}
.gradient h1.moto {
	font-family: "Bradley Hand ITC";

}
@font-face {
  font-family: "Adobe Caslon Pro Bold";
  src: url("GiddyupStd.otf");
}
.moto-follow {
	padding-left: 10px;
	background-color: black;
}
.rainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
h3#servicii {
	padding-left: 130px;
	padding-right: 130px;
	font-weight: 400;
}
span, h4 , h2 {	
	font-weight: 400;
	
}
#navigation {
 width: 1024px;

 padding: 10px;
 border: 1px solid #ccc;

 background-color:#F3F2ED;
}
#content { 
 width: 1024px;
 color: #333;
 border: 1px solid #ccc;
 background:#CCC8B3;

 padding: 10px;


}
#content h3, #content p {
	padding-left: 130px;
	padding-right: 130px;	
	font-weight: 400;
}
p, h1, h2, h3, h4, span {
	text-align:justify;
}
.legi {
	width: 700px; 
	height: 62px;
}
.legi1 {
	background: #CCC8B3; 
	border-style: groove; 
	border-color: black; 
	height: 60px;
	width: 200px;	
	float: left;
}
.legi2 {
	background: #CCC8B3;
	float: right; 
	border-style: groove; 
	border-color: black; 
	height: 60px;
	width: 200px;
	padding-left: 200px;

}
.rand-serv {
	width: 900px; 
	height: 165px;
	padding-left: 100px;
}
.rand-serv tr img {
	padding-right: 10px;
}
td.auto-style1 a {
	text-decoration: none;
	color: black;
}
a#serv {
	text-decoration: none;
	color: black;
}

.intrebari {
	text-align: center;
	width: 700px;


}
.intrebare {
	width: 800px;
	height: 60px;	
	margin-left: 150px;
	border-style: inset;
}
.media-big {
	width: 720px;
	height: 70px;


}
.media-big-img {
	float: left;
	width: 180px;
	height: 70px;

}
.media-big-text {
	float: right;
	height: 70px;
	width: 540px;
	color: black;

}
.big {
	font-weight: lighter;
}
hr {
	width: 800px;
}
.intr-img {
	float: left;
	width: 150px;
	height: 60px;
}
.intr-text {
	float: right;
	height: 60px;
	width: 600px;
	padding-left: 30px;
}
.intrebare .intr-text p a {
	color: black;
	text-decoration: none;
}
#panel, #flip {
	width: 600px;
	height: 60px;	
	border-color: black;
	border: 1px solid black;

}
button {
	width: 600px;
	height: 60px;
	background-color: #F3F2ED;	

}
.newboxes {
    display: none;
}
.que {
	width: 700px;
	height: 40px;
	border-color: black;
	border: 1px solid black;

}
.que a {
	color: black;
	text-decoration: none;
}
#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10, #q11, #q12, #q13, #q14, #q15, #q16, #q17, #q18, #q19, #q20, #q21, #q22, #q23{
	width: 600px;
	background:#CCC8B3;	
	color: black;
	text-decoration: none;
	text-align: justify;

}
#panel {

    display: none;
}
#footer { 
 width: 1024px;

 border: 1px solid #ccc;
 background-color:#F3F2ED;
 padding: 10px;
 opacity: 1.0;

}