/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body {background:url(../images/bg-body.png)no-repeat fixed;font-family: 'Lato', sans-serif;/*font-family:"Roboto", sans-serif*/}
header {padding:20px 0 0 0 !important}
.logo {background:url(../images/logo-pineda.png)no-repeat;width:166px;height:55px;display:inline-block;text-indent:-9999px}
.contactInfo {padding-top:13px;height:24px}
.contactInfo {text-align:justify}
.contactInfo:after, .menu:after {content:'';display:inline-block;width:100%}
.contactInfo li, .menu li {display:inline-block}
.contactInfo li a {color:#555;text-decoration:none;font-size:12px}
.contactInfo li a:hover {color:#333}
.facebook:before {content:url('../images/icon-facebook.png');position:relative;top:5px;margin-right:7px}
.phone:before {content:url('../images/icon-headset.png');position:relative;top:5px;margin-right:7px}
.mail:before {content:url('../images/icon-mail.png');position:relative;top:5px;margin-right:7px}
.whatsapp:before {content:url('../images/whatsapp.png');position:relative;top:5px;margin-right:7px}
.address {font-size:12px;line-height:130%;margin-left:24px}
nav {background:#fff;border:1px solid #ebf1f1;float:left;margin-top:20px;height:49px;width:958px}
.menu {;height:45px}
.menu li:first-child {border-left:0px}
.menu li {display:block;float:left;border-left:1px solid #ebf1f1;line-height:44px}
.menu li a {font-family:'Lato';transition:all 0.2s linear;-moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;color:#777;text-transform:uppercase;text-decoration:none;font-size:12px;font-weight:500;background:#fff;width:100%;padding:15px 30.531249px 15px 31px;border-bottom:3px solid #fff}
.menu li a:hover, .menu li.current a {border-bottom:3px solid #76b9c2}
.menu li a.featured {background:#b4dae1;color:#fff}
.menu li a.featured:hover {background:#6f8e94}
.mobile {display:none;padding:10px 10px 55px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mobile select {color:#8cc3ca;font-family:"Roboto", sans-serif;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #8cc3ca;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:10px 15px;background:url(../images/menu.png)no-repeat right center;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:20px;cursor:pointer}
footer .container {border-top:1px solid #ddd;padding:20px 0 !important;margin-top:20px}
footer .container p {font-size:11px;color:#666}
footer .container a {font-size:10px;color:#666;text-decoration:none;float:right}
footer .container a img {vertical-align:middle;margin-left:10px}
.news dt {display:none}
.news input {width:100%;padding:10px 12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #efefef;font-family: 'Lato', sans-serif;}
.news input[type="submit"] {background:#97cdd7;color:#fff;text-transform:uppercase;padding:10px;cursor:pointer}
.news input[type="submit"]:hover {background:#87b8c1}
.news {margin-bottom:20px}
hr {border:0;border-bottom:1px solid #ccc;margin:20px 0}
.quote {display:none;padding:10px 15px 14px;color:#fff !important;font-weight:700;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-decoration:none;background:#04849d;text-align:center;overflow:hidden;margin:10px 0;text-transform:uppercase}
.footerTitle {font-size:13px;padding:6px 0 2px 0;margin-bottom:4px;border-bottom:1px solid #ccc;font-weight:700}


/* #Page Styles
================================================== */
/* ## HOME ## */
.banner {text-align:center}
.slidesContainer {width:960px;display:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;z-index:0}
.slidesContainer div {width:960px;height:397px;display:block}
.next, .prev {display:none}
.pagination {top:-50px;position:relative}
.pagination li {display:inline-block;margin:0 10px;width:15px;height:15px}
.pagination li.current a {background:#97cdd7;border:1px solid #fff}
.pagination li a {text-indent:-9999px;width:15px;height:15px;background:#fff;border:1px solid #97cdd7;display:block;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.boxes {margin-top:-40px;text-align:center}
.boxes h2, .boxes p {text-align:left}
.boxes h2 {font-size:33px;font-weight:300;line-height:75%}
.boxes p {font-size:12px;line-height:153%;color:#444;margin:15px 0}
.boxes a {float:left;padding:10px;border:1px solid #fff;font-size:11px;color:#444;text-decoration:none}
.boxes h2 small {font-size:16px}
.boxes .box {margin-top:-65px;padding:70px 20px 50px 20px;min-height:175px}
.firstColor {background:#97cdd7}
.secondColor {background:#cfe5e6}
.thirdColor {background:#d7e8e8}
.fourthColor {background:#b6dbe2}
.bottomInfo {margin-top:30px}
.bottomInfo h2 {font-size:12px;color:#669cb6;text-transform:uppercase;font-weight:bold;margin-bottom:15px}
.bottomInfo ul li {line-height:150%}
.bottomInfo ul.marker li:before {content:'»';margin-right:5px}
.bottomInfo ul li a {font-size:12px;text-decoration:none;color:#777}

/* ## INNER PAGES ## */
.upperInfo {padding:20px 0}
.upperInfo h1 {font-size:37px;color:#669bb6;font-weight:400;text-align:center;margin-bottom:23px}
.upperInfo ul {background:#fff;text-align:center;padding:7px 10px 10px 10px}
.upperInfo ul li {display:inline-block}
.upperInfo ul li:after {content:'»';margin-left:5px}
.upperInfo ul li:last-child:after {content:''}
.upperInfo ul li a {font-size:12px;color:#444;text-decoration:none}
.content {border-bottom:1px solid #ddd;overflow:hidden;padding:10px 0 20px 0}
.content img {margin-bottom:20px}
.content p {line-height:164%;font-size:13px}
.content p strong {font-weight:700}
.content h2 {font-size:24px;color:#669cb6;margin:15px 0 5px 0;line-height:164%}
.content h3 {font-size:16px;color:#444;font-weight:300}
.product, .links {padding:10px 20px !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-top:20px}
.product h2, .product p {margin:0;color:#444}
.product h2 {color:#fff}
.darkGreen {background:#8cc3ca}
.lightGreen {background:#b7dce3}
article {margin-bottom:20px;clear:both;overflow:hidden;border-top:2px solid #2079b1;padding-top:30px}
article h2 {font-size:16px !important;margin-bottom:10px}
article p {margin:10px 0}
article h3 {margin:20px 0 10px 0;display:block;font-weight:700 !important}
article hr {border:0;border-bottom:1px solid #ccc;margin:25px 0}
strong {font-weight:700}
article a {text-decoration:none;padding:7px 8px;border:1px solid #33586c;color:#33586c;font-size:12px;margin-top:10px;display:inline-block !important}
.links h2 {color:#fff;margin-top:0px}
.links a {padding:10px 15px;border:1px solid #fff;color:#33586c;margin-bottom:10px;display:block;text-decoration:none}
.links a:after {content:'»';margin-left:5px}
.products p {margin-bottom:20px}
.products ul {margin-bottom:20px}
.products ul li {padding:7px;color:#fff;margin:5px 0;font-size:14px}
.products ul li:nth-child(odd) {background:#8cc3ca}
.products ul li:nth-child(even) {background:#b7dce3;color:#3A787F}
.products h3 {font-weight:500;margin-bottom:10px}
.products a, .content a {text-decoration:none;color:#444;margin-bottom:20px;display:block}
.phrase h2 {color:#fff;}
.phrase {margin-bottom:20px;text-align:center;padding:10px 0 20px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.contactInfo li a {font-size:11px}
		nav {width:767px}
		.menu li a {padding:15px 20px 15px 17.6px}
		.boxes h2 {font-size:24px}
		.slidesContainer {width:768px;display:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;z-index:0}
		.slidesContainer div {width:768px;height:318px;display:block}
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		body {text-align:center}
		.contactInfo {height:auto}
		.contactInfo li {display:block;text-align:center;margin:10px 0}
		.desktop {display:none}
		.mobile {display:block !important;width:420px}
		.boxes h2, .boxes p {text-align:center}
		.boxes a {float:none;top:10px;position:relative;}
		.box {margin-bottom:20px}
		.bottomInfo div:nth-child(1), .bottomInfo div:nth-child(3){display:none}
		footer .container a {float:none;display:block;margin-top:10px}
		footer .container p {margin:10px 0}
		.bottomInfo {margin-top:0px}
		.bottomInfo div {margin-bottom:20px !important}
		.slidesContainer {width:420px;display:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;z-index:0}
		.slidesContainer div {width:420px;height:237px;display:block}
		.content {margin-bottom:15px}
		.phrase h2 {padding:0 15px}
		.quote {display:block !important;font-size:14px}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		body {text-align:center}
		.contactInfo {height:auto}
		.contactInfo li {display:block;text-align:center;margin:10px 0}
		.desktop {display:none}
		.mobile {display:block !important;width:300px}
		.boxes h2, .boxes p {text-align:center}
		.boxes a {float:none;top:10px;position:relative;}
		.box {margin-bottom:20px}
		.bottomInfo div:nth-child(1), .bottomInfo div:nth-child(3){display:none}
		footer .container a {float:none;display:block;margin-top:10px}
		footer .container p {margin:10px 0}
		.bottomInfo {margin-top:0px}
		.bottomInfo div {margin-bottom:20px !important}
		.slidesContainer {width:300px;display:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;z-index:0}
		.slidesContainer div {width:300px;height:187px;display:block}
		.content {margin-bottom:15px}
		.phrase h2 {padding:0 15px}
		.quote {display:block !important;font-size:12px}
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/