body {padding:0;margin:0;font-family: 'Roboto', serif;font-weight:300;}
h1 {font-size:30px;text-align:center;font-weight:300;width:80%;margin:20px 10% 0;}
#ventajas {position:relative;top:0;height:35px;width:100%;background:#dddddd;font-size:13px;font-weight:400;}
.container {width:1060px;margin:0 auto;}
#ventajas ul li {display:block;float:left;margin:7px 45px;}
#ventajas ul li span {display:block;float:left;width:25px;height:25px;background-image:url(../img/sprite.png);background-repeat:no-repeat;}
#ventajas ul li.devolucion span {background-position:5px -182px;}
#ventajas ul li.envio span {background-position:left -228px;}
#ventajas ul li.entrega span {background-position:left -274px;}
#ventajas ul li.clientes span {background-position:left -319px;}
#ventajas ul li.instalacion span {background-position:left -357px;}
#ventajas ul li.calidad span {background-position:left -396px;}

header#main-header .logos {margin:25px 0;position:relative;height:45px;}
header#main-header nav {position:relative;clear:both;background:#089cdd;display:block;width:100%;text-align:center;height:45px;border-radius:5px 5px 0 0;border-bottom:1px solid #fff;}
header#main-header nav ul {text-align:center;}
header#main-header nav ul li {display:block;float:left;padding:7px 80px;}
header#main-header nav ul li a{color:#fff;text-decoration:none;font-size:16px;line-height:26px;}
header#main-header nav ul li span {display:block;float:left;width:32px;height:28px;background-image:url(../img/sprite.png);background-repeat:no-repeat;margin-right:5px;} 

header#main-header nav ul li a.item-decorativos span {background-position:left top;}
header#main-header nav ul li a.item-infantiles span {background-position:left -45px;}
header#main-header nav ul li a.item-fotomurales span {background-position:left -90px;}
header#main-header nav ul li a.item-pegatinas span {background-position:left -135px;}
header#main-header .featured {position:relative;}
header#main-header .featured .descuento-adicional {position:absolute;top:40px;left:-109px;}
header#main-header .featured .explicacion {position:absolute;top:60px;right:-57px;padding:15px 35px 35px 30px;background:url(../img/explicacion.png) left top no-repeat;width:211px;height:115px;font-family: 'Roboto Slab', serif;color:#fff;font-size:18px;font-weight:700;text-shadow:2px 2px rgba(0,0,0,.1);}
header#main-header .featured .explicacion h1 {margin:0;display:inline;font-size:18px;}
header#main-header .featured .explicacion span {color:#000;text-shadow:none;}


.content.container {width:1060px;} 
.content section {margin-top:40px;}
.content section#vinilos-decorativos {width:520px;float:left;}
.content section#vinilos-infantiles {width:520px;float:right;}
.content section .lead {padding:0 15px;}
.content section .lead h2 {font-family: 'Roboto Slab', serif;font-weight:700;color:#333;font-size:18px;text-transform:uppercase;margin:0;}
.content section .lead p {font-size:14px;line-height:18px;margin-bottom: 30px;}
.content section .lead p a {color:#3399cc;text-decoration:underline;}
.content section .lead p a:hover {color:#d88c20;}
.content section .mas-vinilos {font-family: 'Roboto Slab', serif;color:#3399cc;text-decoration:underline;font-size:14px;display:block;margin-top:10px;font-weight:400;clear: both;padding: 20px 0 40px;text-align: center;}

.row {background:#f7f7f7;padding:0;margin:0;}
.row h3 {font-family:'Roboto Slab', serif;font-weight:700;color:#fff;font-size:16px;text-transform:uppercase;padding:7px;text-align:center;position:relative;margin:0 0 30px;}
.row h3:after {content:"";display:block;width:16px;height:16px;position:absolute;bottom:-8px;left:50%;margin-left:-8px; -ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);}
.content section#vinilos-decorativos .row h3, .content section#vinilos-decorativos .row h3:after {background:#cc3300;}
.content section#vinilos-infantiles .row h3, .content section#vinilos-infantiles .row h3:after {background:#cc3300;}
.row article {display:block;float:left;font-family: 'Roboto Slab', serif;margin-left:9px;}
.row article header {text-align:center;} 
.row article header h4 {font-size:13px;font-weight:700;color:#333;margin:0 0 5px;text-transform:uppercase;}
.row article a img {border:1px solid #ccc;-webkit-transition: all ease-in 0.3s;-moz-transition: all ease-in 0.3s;transition: all ease-in 0.3s;display:block;margin:0 auto;}
.row article a:hover img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url(img/grayscale.svg#greyscale);filter: gray;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */}
.row article p {margin:5px 0 0 0;}
.row article .p_original {font-size:14px;color:#666;}
.row article .p_blackfriday {font-size:14px;color:#333;font-weight:700;}
.clearfix {position:relative;display:block;clear:both;height:10px;width:100%;}
.row article footer {border-top:1px solid #ddd;padding-top:15px;text-align:center;margin-top:15px;}
.row article footer .comprar-btn {font-size:14px;color:#cc3300;border:2px solid #cc3300;padding:5px 15px;display:inline-block;text-transform:uppercase;text-align:center;font-weight:700;text-decoration:none;-webkit-transition: all ease-in 0.3s;-moz-transition: all ease-in 0.3s;transition: all ease-in 0.3s;}
.row article footer .comprar-btn:hover {background:#cc3300;color:#fff;}

footer#main-footer {position:relative;width:100%;margin-top:30px;background:#089cdd;padding-top:10px;height:50px;}

footer#main-footer h5 {font-family: 'Roboto Slab', serif;font-weight:700;color:#fff;}
footer#main-footer .copyright {color:#fff;font-size:13px;text-align:right;line-height:36px;}
.p_original:hover {text-decoration: underline;cursor: pointer;}
.align-center {text-align:center;}
.float_right {float:right;}
.float_left {float:left;}