* {padding: 0;margin: 0;}
body {font: normal 13px "Merriweather Sans", Trebuchet, "Trebuchet MS", Tahoma, Verdana, sans-serif;font-weight:300;color: #666;margin: 30px 0px 0px 0px;background-color:#fff;text-align: center; /* for IE */}
h1, h1 a, h1 a:hover, h1 a:link, h1 a:visited, h1 a:active {font-weight: normal; font: normal 7pt Verdana; color: #9aa08d; text-decoration: none;margin-bottom:30px;margin-top:25px;letter-spacing: 0em;}
h1 a:hover {text-decoration: underline;}
h2 {color: #1c323d; margin:35px 0}
p {color: #666;	margin-top:10px }
p.logo {margin-bottom:0px;}
strong {font-weight:lighter;}
.oferta {padding:10px;background-color:#f8f8f8;border: 1px solid #ccc; margin:30px; }
.red {color:#dd0000;font-weight:bold;text-transform: uppercase;}
a {color: #1c323d; text-decoration: none}
a:hover {color: #333;	text-decoration: underline;}
.text, ul.text li {margin-left: 1em;	text-indent: 0em;	color: #666;font-family: "Merriweather Sans", Trebuchet, "Trebuchet MS", Tahoma, Verdana;	font-size: 12pt;	text-align: justify;line-height:16pt;}
.sm {	margin: 0em 0em;	text-indent: 8em;	/*color: #F9BB81*/;	font-family: Verdana;	font-size: 8pt; }
.sm1 {font-size: 7pt; }
table, td, tr {visibility: hidden;}
div.intro {	margin: 0 auto;  text-align: center;}
div.web {position:absolute;top:10px;left:10px;}
div.promo {position:absolute;top:10px;right:10px;}
.web img,.promo img {border: 0;}

@media only screen and (max-width: 600px) {
div.intro {width: 95%; float:left;}
.oferta {width:90%;}
a.oferta {width:100%; font-size:20px}
}

@media only screen and (min-width: 601px) {
div.intro {width: 800px;}
.oferta {width:770px;}
a.oferta {width:98%; font-size:26px}
}