body { background: #99d4f5 url(../media/bgBody.jpg) no-repeat top center fixed; -moz-background-size: cover; background-size: cover; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
h1 { font: 20px 'gotham_extralightregular'; color: #005faf; margin-bottom: 8px; text-transform: uppercase; }
h2 { font: 18px 'gotham_extralightregular'; color: #000; margin-bottom: 14px;font-weight:900 }
p { font-size: 13px; color: #333; line-height: 18px; margin-bottom: 15px; }
b, strong { font-weight: bold; }
a { outline: 0 none; text-decoration: none; }

#wrapper { width: 960px; margin: auto; }
#header { width: 960px; height: 202px; background: url(../media/bgHeader.png) no-repeat left bottom; }
#logo { width: 312px; height: 126px; margin: auto; }

/* Buscador */
#searchbox { float: right; width: 252px; padding: 50px 80px 0 0; }
#searchwrapper { width: 211px; height: 34px; background: url(../media/search-box.png) no-repeat; }
#searchwrapper form { display: inline; }
.searchbox { border: 0; font-size: 14px; color: #666; background-color: transparent; margin: 8px 0 10px 10px; padding-right: 8px; width: 183px; height: 18px; outline: none; }
.searchbox_submit { border: 0; position: absolute; margin: 0; padding: 0; background: url(../media/btn-search.png) no-repeat; width: 41px; height: 34px; text-indent: -9999px; }

/* Menú de navegación */
#menu { padding: 14px 0 0 70px; }
#menu li { float: left; }
a.button { float: left; height: 26px; margin-right: 10px; padding-right: 15px; font-family: 'gotham_extralightregular'; font-size: 19px; letter-spacing: -1px; text-decoration: none; color: #000; }
a.button span { display: block; line-height: 26px; padding: 0px 0 0px 15px; }
a.button:hover { background: transparent url('../media/btn-right.png') no-repeat scroll top right; display: block; float: left; height: 26px; margin-right: 10px; padding-right: 15px; text-decoration: none; color: #fff; }
a.button:hover span { background: transparent url('../media/btn-left.png') no-repeat; display: block; line-height: 26px; padding: 0px 0 0px 15px; text-decoration: none; }
a.active { background: transparent url('../media/btn-right.png') no-repeat scroll top right; display: block; float: left; height: 26px; margin-right: 10px; padding-right: 15px; text-decoration: none; color: #fff; }
a.active span { background: transparent url('../media/btn-left.png') no-repeat; display: block; line-height: 26px; padding: 0px 0 0px 15px; text-decoration: none; }

#content { width: 960px; background: url(../media/bgContent.png) repeat-y; padding-bottom: 15px; }
#content-wrapper { width: 800px; min-height: 500px; margin: auto; }
#content-wrapper a { color: #005faf; }

/* Slideshow de imágenes */
#slideshow { width: 800px; height: 332px; background: url(../media/bgSlideshow.png) no-repeat bottom center; padding-bottom: 20px; margin-bottom: 20px; }
#s-bioscreen { float: left; width: 399px; height: 300px; margin-right: 2px; }
#s-bsc-collagen { float: left; width: 399px; height: 300px; }

/* Productos */
#products { margin-top: 15px; }
.block-product { float: left; width: 262; height: 265px; margin-bottom: 25px; }
.block-center { margin: 0 7px; }
.block-description { float: left; width: 165px; height: 150px; margin: 0 20px 40px 0; padding: 10px; border-bottom: 1px solid #ddd; }
.block-description-bsc { float: left; width: 165px; margin: 0 20px 40px 0; padding: 10px; border-bottom: 1px solid #ddd; }
.last-block { margin: 0; }
.ginkolium { border-top: 5px solid #46008d; }
.lightening { border-top: 5px solid #ccbb27; }
.ginkolis { border-top: 5px solid #00418f; }
.diozinac { border-top: 5px solid #0e9092; }
.rougeursdiffuses { border-top: 5px solid #c66692; }
.solaire { border-top: 5px solid #e8592c; }
.bsc-collagen { border-top: 5px solid #46008d; }

/* Todos los productos */
#all-products { margin-top: 40px; }
#all-products li { float: left; margin-right: 8px; }
#all-products .hide { display: none; }

/* Recomendaciones y Distribucion */
.list { margin-top: 30px; }
.list li { float: left; width: 232px; height: 120px; margin: 0 19px 25px 0; border-top: 5px; border-bottom: 1px; border-top-color: #005faf; border-bottom-color: #ddd; border-style: solid; padding: 10px 10px 20px 10px; }
.list li:nth-child(3n+3) { margin: 0; }
.list h1 { font: 14px Arial, Helvetica, sans-serif; color: #000;  margin-bottom: 1px; text-transform: capitalize; font-weight: bold; }
.list h4 { font: 13px Arial, Helvetica, sans-serif; color: #000; margin-bottom: 10px; }
.list p { font-size: 12px; line-height: 14px; margin-bottom: 15px; }
.list .phone { /*padding: 10px 0;*/ }
.separator-h { width: 758px; height: 52px; background: url(../media/bgSlideshow.png) no-repeat center; clear: both; }

#welcome { float: left; width: 448px; text-align: justify; padding-right: 25px; }
#box-right { float: left; width: 295px; height: 290px; background: url(../media/separator.png) no-repeat top left; padding-left: 32px; }
#googlemap { width: 448px; background: url(../media/bgGooglemap.png) no-repeat bottom center; padding-bottom: 12px; }
.inputtext { width: 275px; height: 28px; padding: 4px; background-color: #f4f4f4; resize: none; border: 1px solid #ccc; margin: 0px 10px 10px 0; color: #000; font: 15px 'gotham_extralightregular'; outline: none; }
.textarea { width: 275px; height: 132px; padding: 4px; background-color: #f4f4f4; resize: none; border: 1px solid #ccc; margin-bottom: 10px; color: #000; font: 15px 'gotham_extralightregular'; outline: none; }
.sendForm { float: right; width: 64px; height: 30px; margin: 0 10px; background-color: #f4f4f4; color: #000; border: 1px solid #ccc; font: 15px 'gotham_extralightregular'; cursor: pointer; }
.error-message { margin-bottom: 20px; width: 80%; color: #f00; font-weight: bold; }

#footer { width: 960px; height: 140px; background: url(../media/bgFooter.png) no-repeat left top; }
#footer-wrapper { width: 800px; margin: auto; }
#copyright { float: left; padding-top: 35px; }
#copyright a { color: #005faf; text-decoration: none; }
#social { float: right; padding-top: 25px; }
#social li { float: left; margin-left: 5px; }

.clear { clear: both; }
.gmnoprint { display: none; }
.bsc-color { color: #46008d; }
.natural-color { color: #0e9092; }