 /* RESET */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
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;
}

input,textarea {margin: 0; padding: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
/* change colours to suit your needs */
ins {background-color: #ff9; color: #000; text-decoration: none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.7em;}
sub {bottom: -0.3em;}


/* TAGS */
body, input, textarea, select {color: #5d5951; font: 12px/16px Arial, sans-serif;}
body {background: #f4f4f4 url(../img/bg-body.jpg) no-repeat center 541px;}
.sonora-dentro {background-position: center 386px; *background-position: center 384px;}


/* CLASSES "GLOBAIS" */
.container {margin: 0 auto; padding: 16px 14px 0 16px; width: 972px;}

.cf {*zoom: 1;}
.cf:before, .cf:after {content: ""; display: table;}
.cf:after {clear: both;}


/* ESTRUTURA */
/* .topo */
.topo {margin: 10px 0 0 10px; overflow: hidden;}
	.sonora {float: left; margin-right: 15px;}
	.bt-assista-ao-tour {float: right;}
	.topo h1 {font: 34px/37px Arial, sans-serif; margin-top: 7px; text-transform: uppercase;}
/* </ .topo */

/* .desc */
.desc {color: #4c4c4c; float: left; position: relative; width: 285px; z-index: 1;}
	.desc h2 {border-bottom: 1px solid #b9b9b9; color: #f90; font: bold 34px/1.18 Arial, sans-serif; margin-left: -5px; padding: 0 0 7px 5px; text-transform: uppercase;}
	.desc h3 {font: bold 15px/1.18 Arial, sans-serif; margin: 7px 0;}
	.desc ul {margin-left: 39px; zoom: 1;}
	.desc li {border-top: 2px dotted #4c4c4c; display: inline-block; *display: block; font: 13px/39px Arial, sans-serif; *font-size: 12px; height: 39px; list-style: none; position: relative; *width: 158px;}
	.desc li:first-child {border-top: none;}
	.desc .last-li {*line-height: 16px; *padding-top: 12px;}
		.desc li span {background: url(../img/sprite-icos-dgd.png) no-repeat; height: 31px; left: -40px; position: absolute; top: 3px; width: 29px;}
		.desc .ico-baixar {background-position: -29px 0;}
		.desc .ico-propaganda {background-position: -58px 0;}
/* </ .desc */

/* .infos */
.infos {float: left; width: 687px;}
	.txt-sonora-planos {color: #75726c; font: 20px/1.18 Arial; margin-left: 33px; text-transform: uppercase;}
		.txt-sonora-planos span {color: #595854;}

	/* .cxs */
	.cxs {margin-top: 16px; height: 390px; position: relative;}
		/* .cx */
		.cx {background: url(../img/bg-cx.jpg) no-repeat; float: left; min-height: 233px; padding: 70px 17px 0 28px; position: relative; width: 189px;}
		.cx:last-child {min-height: 236px;}
		.cx.meio {background: url(../img/bg-cx-g.jpg) no-repeat; margin: -12px -20px 0 -18px; min-height: 244px; padding: 82px 34px 0 32px; z-index: 1;}
			.cx h4 {background: url(../img/bg-tit-cx.jpg) no-repeat; color: #fff; font: 23px/56px Arial, sans-serif; height: 56px; left: 21px; padding-left: 32px; position: absolute; text-shadow: 2px 2px 5px rgba(0, 0, 0, .75); text-transform: uppercase; top: 10px; width: 166px;}
				.cx h4 span {bottom: 8px; font: 9px/1 Arial; position: absolute; right: 24px; text-transform: lowercase;}
			.cx.meio h4 {left: 22px; top: 19px;}
			.cx li {border-top: 1px solid #c8c4c5; height: 32px; line-height: 32px; list-style: none; padding-left: 23px; position: relative;}
			.cx li:first-child {border-top: none;}
			.cx li img {position: absolute; left: 4px; top: 10px;}

			.cx .preco {font: bold 26px/40px Arial; text-align: center; text-indent: -13px;}
				.cx .preco span {display: block; font-size: 10px; margin-top: -16px; top: -20px;}

			.cx .bt-assine {bottom: 20px; left: 50px; position: absolute;}
			.cx.meio .bt-assine {bottom: 31px; left: 55px;}
		/* </ .cx */

		.img-mulher-ouvindo-musica {left: -164px; position: absolute; top: 142px;}
		.txt-monte-seu-sonora {font: bold 17px/56px Arial; text-align: right;}
			.txt-monte-seu-sonora a, .obs a {color: #5d5951;}
			.obs {font-size: 11px;}
	/* </ .cxs */
/* </ .infos */

.obs {margin-left: 55px;}


/* FOOTER */
#footer {color: #4c4c4c; margin-top: 40px;}
.txt_footer, .txt_footer a{font:11px Arial, Helvetica, sans-serif; color:#4c4c4c; padding: 0 4px; text-decoration:none;}
.txt_footer a:hover{text-decoration:underline;}
