html, body, table, td, div, p, ul, ol, h1, h2, h3, h4, h5, h6, hr, img, form, input, textarea {margin: 0; padding: 0; border-style: none; }

* {background-repeat: no-repeat; }

ul, ol li {list-style-type: none;}

a {color:#000;}

html, body {
margin: 0;
padding: 0;
width:100%;
height: 100%;
}



/*top level styling*/

body {
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px; 
text-align: center;
background-position: top left;
background-repeat: repeat-x;
}

#xmain {
width:960px;
margin:0 auto;
text-align: left;
}

#logo {
margin:10px auto 5px;
overflow: hidden;
width:200px;
height: 79px;
}

#logo a {
display: block;
width:200px;
height: 79px;
background: url(../img/logo-intreaba_avocatul.jpg) top left no-repeat;
text-indent: -100000px;
}

#slogan {
width:565px;
margin:10px auto 20px;
font-family: Georgia, serif;
font-size:19px;
text-align: center;
border-top:1px solid #999;
padding-top:3px;
color:#777;
}

#desc {
overflow: hidden;
/* font-family: Times, "Times New Roman", serif; */
font-family: Georgia, serif;
color:#fff;
text-align: left;
text-shadow: 1px 1px 1px #5d1a6b;
/* padding:0 30px; */
/* background: #4d2056; */

background: #80188e; /* Old browsers */
background: -moz-linear-gradient(top,  #80188e 0%, #4d2056 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80188e), color-stop(100%,#4d2056)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #80188e 0%,#4d2056 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #80188e 0%,#4d2056 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #80188e 0%,#4d2056 100%); /* IE10+ */
background: linear-gradient(top,  #80188e 0%,#4d2056 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80188e', endColorstr='#4d2056',GradientType=0 ); /* IE6-9 */

}

#desc h2 {
font-size:18px;
font-weight: normal;
width:960px;
margin: 0 auto;
padding: 10px 0;
}

#desc1 {

}

#desc #desc2 {
padding-top:0;
padding-bottom:20px;
}

#content {
position: relative;
overflow: hidden;
width:100%;
}

#sidebarContent {
float:left;
overflow: hidden;
position: relative;
width:390px;
}

#contactForm {
width:960px;
margin:10px auto 0;
overflow: hidden;
position: relative;
}
#contactForm p {
margin-bottom:20px;
float:left;
overflow: hidden;
width:480px;
text-align: left;
}

#contactForm input, textarea {padding:3px; border-bottom:1px dashed #777;width:90%; height:28px;line-height: 28px;font-size:20px; xmargin-left:10px;background:#f1f1f1;}
#contactForm textarea {height:188px;font-size:13px; line-height:18px;font-family: Arial;}
#contactForm #message {width: 100%;}
#contactForm #message textarea {
width:910px;
font-size:20px;
padding:5px;
border:1px dashed #777;
}

#formInfo {
display: none;
position:absolute;
top:0;
right:0;
width:200px;
background: red;
}

#formCity {display: none;}

label {
font-family: Georgia, serif;
display: block;
overflow: hidden;
color:#000;
font-size:16px;
padding-bottom:5px;
font-style: italic;
}


#contactForm #submitForm {float:left;width:900px;}
#contactForm #submitForm input {float:left;}
#contactForm #submitForm span {display: block; float:left;padding-left:10px;font-size:15px;width:500px;}

#contactForm #sendMessage {
width:120px;
height:35px; 
color:#fff;
border:none;
background: #80188e; /* Old browsers */
background: -moz-linear-gradient(top,  #80188e 0%, #4d2056 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80188e), color-stop(100%,#4d2056)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #80188e 0%,#4d2056 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #80188e 0%,#4d2056 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #80188e 0%,#4d2056 100%); /* IE10+ */
background: linear-gradient(top,  #80188e 0%,#4d2056 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80188e', endColorstr='#4d2056',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}


#contactForm #sendMessage:hover {
color:#4d2056;
text-shadow: -1px 1px 1px #eee;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}



/* form>p>#sendMessage {background: url(../img/siteElements.gif) bottom left no-repeat;text-indent:-10000px;} */

span.error {color:#f00;xmargin-top:-10px; display: block; padding-top:5px;}

#nameLabel {background-position:0 -425px;}
#surnameLabel {background-position:0 -480px;}
#cityLabel {background-position:0 -535px;}
#phoneLabel {background-position:0 -591px;}
#mailLabel {background-position:0 -647px;}
#msgLabel {background-position:0 -703px;}


#succesBox {
font-size:20px;
padding:10px;
margin-top:20px;
margin-bottom:20px;
}

#footer {
border-top:1px solid #e5e5e5;
font-size:11px;
padding-top:10px;
padding-bottom: 20px;
background: #000;
}

#footer p {
width:960px;
margin:0 auto;
text-align: left;
color: #777;
padding-bottom:5px;
}


/* Questions  */


#qContent {
width:960px;
margin:0 auto;
border:1px solid #ccc;
padding:30px;
margin-bottom:20px;
font-size:16px;
font-family: Georgia, serif;
text-align: left;
overflow: hidden;
}

#qInfo {
width:20%;
float:right;
overflow: hidden;
}

#qInfo p {
padding-bottom:10px;
color:#4D2156;
font-style: italic;
}

#qInfo span {
display: block;
color:#999;
font-style: italic;
font-size:14px;
}

#qMsg {
width:75%;
float:left;
overflow: hidden;
line-height: 22px;
}

#qAns {
padding-top:20px;
}

#qAns a {
display: block;
width:100px;
padding-top:7px;
padding-bottom:7px;
text-align: center;
color:#fff;
text-decoration: none;
background: #80188e; /* Old browsers */
background: -moz-linear-gradient(top,  #80188e 0%, #4d2056 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80188e), color-stop(100%,#4d2056)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #80188e 0%,#4d2056 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #80188e 0%,#4d2056 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #80188e 0%,#4d2056 100%); /* IE10+ */
background: linear-gradient(top,  #80188e 0%,#4d2056 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80188e', endColorstr='#4d2056',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}


#qAns a:hover {
color:#4d2056;
text-shadow: -1px 1px 1px #eee;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

*/


