@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	width:100%;
	height:100%;
}
body {
	font-family:Helvetica, Arial, sans-serif;
	width:100%;
	height:100%;
	font-size:70%;
	background:#008acb;
}
h1 {text-align: center; font-size: 1.5em; color:#f90;}

/* ad background */
a {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
img {
    max-width: 100%;
}
.colorshop {position: absolute; top:10%; left:2%; float: left; width: 28%; z-index:999;}
.contenido { margin:1.5% 0.5%; width: 98%; float: left; text-align: center;}
.ppl { position: absolute; float:right; width: 200px; height:90px; top:0; right:0;}
.speech {width: 70%; padding-right: 20%; text-align:right; font-size: 2.5em; color: #9F0;float:right; }
.speech div {margin-top:1%; color: #FFF; font-size:0.5em;}
@media screen and (max-width: 720px) {
	.colorshop { position: relative; width: 85%; margin: auto; float: none; }
    .contenido {width: 98%; margin:3% 1%;}
	.ppl { visibility:hidden;}
	.speech {width:95%; font-size:2em; text-align:right;}
	.speech div { visibility:hidden;}
    /*.marcas { margin:auto; }*/
}