/* CSS Document */

* {margin:0; padding:0;}

body { background:url(images/bg.gif) repeat-x #FFFFFF; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a {
	color:#ffae22;
	font-weight:bold;
}
a img { border:none;}
.c {clear:both;}

#wrap {width:877px; margin:0 auto;}

#menu { background:url(images/menu_bg.gif); height:78px;}
#logo { background:url(images/logo.png); width:253px; height:73px; float:left;}
 #logo a {display:block; width:100%; height:100%;}
 #logo a span {display:none;}
#menu_list {float:left;}
 #menu_list ul { list-style-type:none; width:602px;}
 #menu_list ul li {float:right; padding:31px 30px;  background:url(images/menu_divider.gif) no-repeat left center;}
 #menu_list ul li a {color:#000000; text-decoration:none;}
 #menu_list ul li:hover { background:url(images/menu_hover.gif);}
 #menu_list ul li:hover a {color:#FFFFFF;} 
#menu_right {float:right; background:url(images/menu_right.gif); width:22px; height:78px;}


#header { background:url(images/servidores.png) no-repeat; background-position:46px 0; width:877px; margin:0 auto; height:261px; position:relative;}
#header .step1 {
	position:absolute;
	top:178px;
	left:74px;
	width:110px;
	height:25px;
}
#header .step2 { position:absolute; top:177px; left:189px; width:106px; height:25px;}
#header .step3 { position:absolute; top:178px; left:329px; width:136px; height:25px;}
#header .step1 a, #header .step2 a, #header .step3 a { display:block; width:100%; height:100%;}
#header .step1 span, #header .step2 span, #header .step3 span{ display:none;}

#content { background:url(images/content_bg.gif) no-repeat #FFFFFF; margin:1em auto; width:797px; padding:40px 40px; }
#content p { text-align:justify; margin-bottom:1em;}

.step { margin:0 0 1em 0;}
.step .number { float:left; width:45px; height:43px; text-align:center; padding:2px 0 0 0; color:#FFFFFF; font-size:36px; font-weight:bold; float:left; position:relative; }
#content .step h2 {float:left; padding:10px 0 0 12px; font-size:20px; border:none; }
.step .text { padding:10px;}
.text p a {text-decoration:none;}
.coupon {padding:10px 0}
.coupon .img { float:left; width:60px;}
.coupon .left {float:left;}
.coupon h3 { font-size:18px; padding:0px 0 0 0;}
.coupon .code { font-size:14px; padding:10px; font-weight:bold;}
.coupon .code span {color:#ffae22;}
.coupon a{text-decoration:none;}

.faq { padding:10px 0;}
.faq .img { float:left; width:60px;}
.faq .left {float:left;}
.faq h3 { font-size:16px; padding:0px 0 0 0;}
.faq .code { font-size:14px; padding:10px; font-weight:bold;}
.faq .code span {color:#ffae22;}

#faq .Q { padding:0; margin:0; font-size:16px;}
#faq .A { margin:0 0 2em 0;  font-size:16px; }
#faq .Q span, #faq .A span {color:#ffae22; font-weight:bold;}
#faq A { text-decoration: none;}

#content h2 { padding:0 0 5px 0; margin:0 0 10px 0; border-bottom:#eaeff0 1px solid;} 

#form input { border:1px solid #ffae22; background:#FFFFFF; width:200px;}
#form .submit {border:none; background:url(images/submit_btn.gif); width:109px; height:37px; font-weight:bold; color:#FFFFFF;}


#footer {color:#333333; text-align:center; font-size:11px; padding:10px 0;}