sm*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 0;
	box-sizing: border-box;
	outline: 0;
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/RobotoCondensed-Regular.ttf'); /* IE9 Compact Modes */
	src: local('Roboto Condensed Regular'), 
	url('../fonts/RobotoCondensed-Regular.ttf') format('embedded-opentype'); /* IE6-IE8*/
	font-display: swap;
}

body { 
background: #fff;
color: #1B1B1B;
font-size: 100%;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 1px;
font-weight: 400;
margin: 0 auto;
padding: 0;
}

button, 
input, 
select, 
textarea { 
font-family: 'Roboto Condensed', sans-serif !important;
color : #333; }

/* POP UP */
.pop-up {
	animation: pop-up 2s 1s forwards;
	background: rgba(0,0,0,0.5);
	display: flex;
	height: 100vh;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
	z-index: 50;
}

@keyframes pop-up {
	100% {
	  	visibility: visible;
		opacity: 1;
	}
}

.pop-up-content {
	background-image: url(../images/backgrounds/background-felices-fiestas-5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: 100%;
	border-radius: 5px;
	height: 40%;
	margin: auto;
	padding: 5% 5%;
	width: 40%;
}

.pop-up-content h2 {
	margin-top: 100px;
	text-align: center;
}

#close {
	display: none;
}

#close:checked + label, #close:checked ~.pop-up {
	display: none;
}

#close + label {
	animation: pop-up 2s 1s forwards;
	color: #fff ;
	cursor: pointer;
	font-size: 35px;
	line-height: 50px;
	border-radius: 50%;
	right: 45px !important;
	top: 8%;
	left: 70%;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: 51;
	
}
/*  MAIN LAYOUT */

#navigation {
	list-style-type:none;
	background: #ffffff;
	margin: 0 auto;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 5;
}

#skiptomain { display: none; }

/*Shipping*/
#shipping {
	/*	Pre-Buen-Fin background: #EF7D14;*/
	background: #EF7D14;
	display: flex;
	text-decoration: none;
	width: 100%;
}

.shipping-top {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	list-style: none;
	justify-content: space-around;
	padding: 3% 5% 0% 5%;
	align-items: center;
	width: 100%;
}

.shipping-top ul {

}

.shipping-top li a {
	display: block;
    line-height: 1em;
	font-size: .8em;
	padding: 8px;	
	
}

.shipping-top a {
	color: #fff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}

.shipping-footer {
	line-height: 1.5;
	padding-bottom: 3%;
}

.shipping-footer a {
	cursor: pointer;
	font-size: 2em;
	text-align: left;
	text-decoration: none;
}


/*logo & top buttons*/

#logo {
	padding-right: 5%;
}

#logo, #logo a {
	background: #ffff;
	text-decoration: none;
}

.logo-top {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	list-style: none;
	justify-content: space-around;
	padding: 2% 5%;
	align-items: center;
	width: 100%;
}

.top-button .home a:link, .top-button .home a:hover {
	border: none !important;
}

.home-leaf {
	min-width: 75px;
	text-align: center;
}

.home-leaf img {
	margin-top: 15px;
}


.navbar .home-leaf a:hover {
	border: none;
}

.footer-leaf {
	max-width: 95px;
}

.top-button {
	padding: 2px;
	text-align: center;
	line-height: 1.2em;
}
.top-button a {
	color: #000;
	font-size: .7em;
}

top-button:not(.button) a:hover, top-button a:hover::after {
	color: #ccc;
}

.logo-mobile {
	min-width: 120px;
	text-align: left;
	padding: 0 25px 0 0;
	margin-left: 0;
}

/*Navigation*/
#red-nav {
	background: #e92327;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	width: 100%;
	z-index: 5;
}

#red-nav .navbar .catalog {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 5px;
  align-items: top;
  text-align: center;
  z-index: 5;
}

#red-nav .navbar .catalog, #red-nav .navbar .catalog .category .products {
	/* gets rid of dot*/
	list-style: none;

}

#red-nav .navbar .catalog .category {
	line-height: 1.1em;
	padding: 10px 3px;	
    margin: 5px;
	/* in a row */
	position: relative;
	float: left;
	width: 45%;
}

#red-nav .active {
	border-bottom: #fff solid 3px;
}

#red-nav .navbar .catalog .category a {
	color: #fff;
	font-size: .8em;
	line-height: 1.2em;
	padding: 5px;
	text-decoration: none;
}

#red-nav .navbar .catalog .category a:hover {
}

#red-nav .navbar .catalog .category .products {
	position: absolute;
	left: 0;
	width: 300px;
	padding: 5px;
	display: none;
	z-index: 10;
}

#red-nav .navbar .catalog .category .products a {
	text-align: left;
	background-color: #ef7d14;
	color: white;
	display: block;
}

#red-nav .navbar .catalog .category .products a:hover {
	border: 0 0 2px 0;
	background-color: #e92327;
}

#red-nav .navbar .catalog .category .products .product {
	border-top: 1px solid #fff;
	font-size: .7em;

}

#red-nav  .navbar .catalog .category .products .product .presentations {
	left: 200px;
	top: 0px;
}

#red-nav  .navbar .catalog .category:focus-within > .products,
#red-nav  .navbar .catalog .category:hover > .products {
	/* displays products */
	display: initial;
}

#red-nav #menu-bar {
	display: none;
}

#red-nav label {
	font-size: 1em;
	color: #333;
	cursor: pointer;
	display: none;
}
/* End Navigation???*/

/* Blog Navigation */
#orange-nav {
	background: #fff;
	background-image: url(../images/backgrounds/background-blog-nav-web.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	border-bottom: 1px solid #000;
	padding: 0 5px;
	width: 100%;
	margin-top: -10px;
	z-index: 5;
}

#orange-nav h2 {
	text-shadow: 2px 2px 10px #fff;
	color: #000;
	font-size: 2.5em;
	padding: 20px 0 0 45px;
	margin: 0;
}

#orange-nav .navbar .catalog {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: top;
  text-align: center;
  z-index: 5;
}

#orange-nav .navbar .catalog, #orange-nav .navbar .catalog .category .products {
	/* gets rid of dot*/
	list-style: none;

}

#orange-nav .navbar .catalog .category {
	line-height: 1.1em;
	padding: 10px 5px;	
    margin: 5px;
	/* in a row */
	position: relative;
	float: left;
	width: auto;
}

#orange-nav .active {
	border-bottom: #fff solid 1px;
}

#orange-nav .navbar .catalog .category a {
	background: rgb(255, 255, 255, 0.3);
	border: 1px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #000;
	font-size: 1em;
	line-height: 1.2em;
	padding: 10px;
	margin: 5px;
	text-decoration: none;
	text-shadow: 2px 2px 10px #fff;
}

#orange-nav .navbar .catalog .category a:hover {
	border: #000 1px solid;
	text-shadow: none;
}

#orange-nav .navbar .catalog .category .products {
	background: #fff;
	position: absolute;
	left: 0;
	width: 300px;
	padding: 1px;
	display: none;
	z-index: 10;
}

#orange-nav .navbar .catalog .category .products a {
	text-align: left;
	background-color: #ef7d14;
	color: white;
	display: block;
}

#orange-nav .navbar .catalog .category .products a:hover {
	border: 0 0 2px 0;
	background-color: #e92327;
}

#orange-nav .navbar .catalog .category .products .product {
	border-top: 1px solid #fff;
	font-size: .7em;

}

#orange-nav  .navbar .catalog .category .products .product .presentations {
	left: 200px;
	top: 0px;
}

#orange-nav  .navbar .catalog .category:focus-within > .products,
#orange-nav  .navbar .catalog .category:hover > .products {
	/* displays products */
	display: initial;
}

#orange-nav #menu-bar-orange {
	display: none;
}

#orange-nav label {
	font-size: 1em;
	color: #333;
	cursor: pointer;
	display: none;
}
/* End Blog Navigation */

.nospace {
	margin: 0; !important
	padding: 0; !important
}


/* Button White */
.logo-top .buttonwhite {
border: 2px solid #F8F8F8;
color: #000; 
cursor: pointer;
display: inline-block;
height: auto;
outline: none;
padding: 1em;
margin: 2px 0;
text-decoration: none;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;	
width: auto;
}

.logo-top .buttonwhite:visited {
background: none;
color: #111;
}

.logo-top .buttonwhite:hover {
border: 2px solid #000;
}


/* End Button White */


/* Wrapper */

#header {
background: #ffffff;
margin: 0 auto;
position: relative;
width: 100%;
}


header {
clear: both;
font-size: 0.8125em; /* 13 / 16 */
max-width: 73.84em; /* 1200px / 13 */
margin: 0 auto;
padding: 0;
position: relative;
width: 80%; /* 1000px / 1250px */	
	
		}


/*Backgrounds*/

/* not working
.img-hover a:hover {
	border: 2px solid #000;
}
*/

.background-home {
	background-image: url(../images/backgrounds/background-valentines-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.background-soya {
	background-image: url(../images/backgrounds/background-valentines-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.background-soya-promo {
	background-image: url(../images/backgrounds/background-valentines-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.background-almendra {
	background-image: url(../images/backgrounds/background-valentines-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.background-almendra-promo {
	background-image: url(../images/backgrounds/background-valentines-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.background-minerales {
	background-image: url(../images/backgrounds/background-valentines-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.background-super-foods {
	background-image: url(../images/backgrounds/background-valentines-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.background-sweetline {
	background-image: url(../images/backgrounds/background-valentines-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.background-sintos {
	background-image: url(../images/backgrounds/background-valentines-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.background-home-blog {
	background-image: url(../images/backgrounds/background-blog-web.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/*Background Mobile*/
@media screen and (max-width: 681px) {
.background-home-blog {
	background-image: url(../images/backgrounds/background-blog-mobile-500px.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
	}

.banner {
	font-size: .9em;
	background: #ed1c24;
	padding-left: 35px;
	margin-left: 15px;
	vertical-align: middle;
}

.buen-fin-logo {
	max-width: 100px;
	text-align: center;
}

p.banner-message, .banner-message p {
	color: #000 !important;
	font-size: 2em !important;
}

p.banner-message-promo, .banner-message-promo p {
	color: #000 !important;
	font-size: 2.3em !important;
}

p.terminos {
	color: #000 !important;
	font-size: 1em;
}

/*Mobile Menu*/
@media screen and (max-width: 681px) {
	
	#close + label {
	top: 5%;
	}
	
	p {
	margin: 3%;
	}
	
	.pop-up-content h2 {
		margin-top: 65px;
		text-align: left;
		font-size: 2em;
	}	
	
	.pop-up-content p {
		font-size: 1.2em;
	}
	
#navigation {
	position: fixed;
	}
	
	.sticky-top {
align-self: auto;
align-self: stretch;
min-height: 100px;
padding: 0%;	
text-align: left;
position: -webkit-sticky;
position: sticky;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
	
/* mobile shipping*/
.shipping-top {
	padding-top: 5%;
	font-size: 1em;
}	
	
/*mobile logo*/

#logo .logo-top {
		padding: 0 15px;
		margin: 0;
	}
	
.logo-top .home {
		text-align: center;
	    min-width: 43%;
		padding: 0;
		margin: 0;
	}
	
.logo-top .home img {
	min-width: 200px;
	}
	

.logo-top .top-button {
		font-size: .8em;
		margin: 0;
		padding: 0;
		width: 17%;
	}

.logo-top .top-button a {
		border: none;
	}
	
.logo-top .top-button a:hover {
		border: none;
	}
	
/*mobile navigation*/

.sticky-nav {
padding:0;	
text-align: center;
position: -webkit-sticky;
position: sticky;
left: 0;
right: 0;
top: 175px;
width: 100%;
z-index: 1;
}
	
#red-nav  {
	background-color: #e92327;
	padding: 10px 5px;
	}

#red-nav .navbar {
		display: none;
	}
	
#red-nav  label {
	/*mobile displays hamburger menu */
	color: #fff;
	display: initial;
	}
	
#red-nav .active {
	border-bottom: none;
}
	
/*mobile menu*/	
#red-nav .navbar .catalog .category {
	border-top: 2px solid #fff;
	font-size: .9em;
	text-align: left;
	padding: 2% 0% 0% 0%;
    width: 100%;
	}
	
#red-nav .navbar .catalog .category a:hover {
	border: none;
	background-color: #EF7D14;
	}

#red-nav .navbar .catalog .category .products .product a:hover {
	background-color: #e92327;
	border: none;
	}
	
#red-nav .navbar .catalog .category .products {
		padding: 2% 0% 0% 0%;
		position: relative;
		width: 100%;
	}
	
#red-nav .navbar .catalog .category .products .product a {
		background-color: #EF7D14;
	}
	
	
#red-nav  #menu-bar:checked ~.navbar {
		display: initial;
	}
	
#red-nav .no-border-bottom a {
	border-bottom: none;
}
	
/* Blog Nav */	
.sticky-nav-orange {
padding:1%;	
text-align: center;
position: -webkit-sticky;
position: sticky;
left: 0;
right: 0;
top: 150px;
width: 100%;
z-index: 20;
}	

#orange-nav  {
	background-color: #fff;
	padding: 10px 5px;
	text-align: center;
	padding-top: 4%;
	}

#orange-nav .navbar {
		display: none;
	}
	
#orange-nav  label {
	/*mobile displays hamburger menu */
	background: rgb(255, 255, 255, 0.5);
	padding: 2% 35%;
	color: #000;
	display: initial;
	}
	
#orange-nav .active {
	border-bottom: none;
}
	
/*mobile menu*/	
#orange-nav .navbar .catalog .category {
	border-bottom: 1px solid #fff;
	font-size: .8em;
	text-align: left;
	padding: 2% 0% 0% 0%;
    width: 100%;
	}
#orange-nav .navbar .catalog .category a:link {
	background: none;
	border: none;
	padding: 1% 55% 1% 5%;
	}
	
#orange-nav .navbar .catalog .category a:hover {
	background-color: rgb(255, 255, 255, 0.5);
	margin: 0;
	}

#orange-nav .navbar .catalog .category .products .product a:hover {
	background-color: #e92327;
	border: none;
	}
	
#orange-nav .navbar .catalog .category .products {
		padding: 2% 0% 0% 0%;
		position: relative;
		width: 100%;
	}
	
#orange-nav .navbar .catalog .category .products .product a {
		background-color: #EF7D14;
	}
	
#orange-nav #menu-bar-orange {
		text-align: center !important; 
		padding-top: 50px;
	}

	
#orange-nav  #menu-bar-orange:checked ~.navbar {
		display: initial;
	}
	
#orange-nav .no-border-bottom a {
	border-bottom: none;
}
	
	
	
/*mobile main-content*/
#maincontent .maincontent {
	    /* Buen Fin margin-top: 125px; */
	    margin-top: 75px;
	}

	
/*mobile footer*/
.footer-leaf {
	max-width: 75px;
	padding-bottom: 10px;
}
	
}

/* Desktop menu */
@media all and (min-width: 681px) {
	
  .menu {
    align-items: flex-start;
    flex-wrap: nowrap;
    background: none;
	padding-right: 2%;
  }
	
  .logo {
    order: 0;

  }
	
.logo img {
  width: 300px;
	}

#red-nav .navbar .catalog .category .products {
		margin-top: 30px;
	}	
	
#orange-nav .navbar .catalog .category .products {
		margin-top: 30px;
	}	

  .item {
    order: 1;
    position: relative;
    display: flex;
    width: auto;
  }

.hidemore480 {
	display: none !important;
	visibility: hidden !important;
}
	
}


@media screen and (min-width: 681px) and (max-width: 1200px) {	
	
/*header*/
	#navigation {
		position: relative;
	}

/*logo*/
	#logo .logo-top {
		padding: 10px 15px;
		margin: 0;
	}
	
.logo-top .home {
		text-align: center;
	    min-width: 43%;
		padding: 0;
		margin: 0;
	}
	
.logo-top .home img {
	min-width: 200px;
	}
	
	.top-button {
		font-size: .9em;
		max-width: 25%;
		padding: 1% 0;
		margin: 0;
	}
	
	.top-button .home {
		min-width: 30%;
	}
	
	.logo-mobile img {
		width: 250px;
		overflow: hidden;
	}
	
#red-nav .navbar .catalog .category {
	font-size: .9em;
}
#orange-nav .navbar .catalog .category {
	font-size: .9em;
}

}


/*End navigation update*/

/*MAIN CONTAINER*/
.wrapperred {
width: 100%;
position: relative;
text-align: center;
background: #e92327;
border-bottom: 3px solid #fff; 
border-top: 3px solid #fff;
}

.wrapperwhite {
width: 100%;
position: relative;
text-align: left;
background-color: #fff;
border-top: 1px solid #f1f1f1;
}

.wrapperblog {
width: 100%;
position: relative;
text-align: left;
background-color: #ffffff;
border-top: 1px solid #000;
}

.wrapperblog2 {
width: 100%;
position: relative;
text-align: left;
background-color: #fff;
border-top: 1px solid #fff;
}

/*Footer*/

/*Button Compra Rapida*/
.buttoncomprarapida, a.buttoncomprarapida {
background-color: none;
color: #fff;
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font-weight: normal;
padding: 5%;
line-height: 1.5em;
margin: 1%;
font-size: 1.9em;
}
.buttoncomprarapida:visited{ 
color: #111;
}

.footerwrapperred .buttoncomprarapida:hover {
border: 2px solid white;
text-decoration: none;
}
.footerwrapperred .buttoncomprarapida:active {
background: #fff 0 50%;
position: relative;
top: 1px;
}


.footerwrapperred {
width: 100%;
position: relative;
background: #e92327;
border-bottom: 1px solid #000; 
border-top: 3px solid #fff;
padding-bottom: 35px;
}
.footerwrapperred a:link{
	background: none;
	color: #fff;
	text-decoration: none;
}

.footerwrapperred a:visited {
	color: #f5f5f5;
}

.bordertitle {
	background-color: transparent;
	border-radius: 0;
	border-top: solid 1px #f5f5f5;
	border-bottom: solid 1px #f5f5f5;
	color: #000;
	font-weight: 700;
	text-align: center;
	padding: 15px 0;
}

.imgtitle {
color: #000;
bottom: 5%;
padding: 0;
position: relative;
text-decoration: none;
height: 100px;
}

.imgtitle2 {
background: #e92327;
color: #fff;
bottom: 9px;
padding: 8px;
position: relative;
text-decoration: none;
}

/* different */
.imgtitleblog {
background: #e92327;
color: #fff;
bottom: 9px;
padding: 8px;
position: relative;
text-decoration: none;
text-align: left;
height: 170px;
}

.imgtitle h2, .imgtitleblog h2 {
background: none !important;
border: none !important;
color: #000;
font-size: 2em;
letter-spacing: .05em;
text-align: left;
}
.imgtitle a:link, .imgtitleblog a:link {
	text-decoration: none; 
	background: none;
}
.imgtitle a:hover h2, .imgtitleblog a:hover h2 {
	color: #000;
}


#maincontent {
clear:both;
width: 100%;
	}


		.standardcontainer {
			background: #fff;
			border-left: 2px solid #ccc;
			border-right: 2px solid #ccc;
			font-size: large;
	}

		.topcontainer {
			background: #fff;
			border: 2px solid #ccc;
			font-size: 1em;
			padding-top: 20px;
		}

.title {
background: #fff;
border-bottom: 4px solid #e92327;
margin-bottom: 3%;
}

.whitebox {
background: #fff;
border: 2px solid #ccc;
height: auto;
padding: 1% !important;
margin: 1% !important;
}
.whiteboxtitle h2 {
background: #f1f1f1;
border-top: 2px solid #EEEDED !important;
border-right: 2px solid #ccc !important;
border-bottom: 2px solid #ccc !important;
border-left: 2px solid #EEEDED !important;
color: #000;
margin-bottom : 0.3em;
padding: 13px;
letter-spacing: 1px;
font-size : 2.3em;
line-height : 1.3;
text-align: left;
}
.whitebox h3 {
text-align: center;
height: 96px;
}
.whitebox h4 {
text-align:center;
height: 135px;
}
.whitebox p {
	text-align: left;
}
.whiteinside {
	height: 129px;
}
.redrecipe {
	height: 60px;
}

.maincategory {
	background-color: #EEE;
	color: #000;
	text-align: left;
	padding: 14px;
}

#maincontent, #maincontent2, #maincontent3, #maincontent4, #maincontent5, #maincontent6, #maincontent7, #maincontent8 {
clear: both;
font-size: 0.8125em; /* 13 / 16 */
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 10px 10px 35px 15px;
color: #333;
position: relative;
width: 80%; /* 1000px / 1250px */
			}
		
.maincontent{
clear: both;
font-size: 0.8125em; /* 13 / 16 */
color: #222;
line-height: 1.5em;
max-width: 92.3em; /* 1200px / 13 */
margin: 0 auto;
padding: 1em 0 0 0;
position: relative;
width: 80%; /* 1000px / 1250px */
			}

.wrapperblog .maincontent {
	padding: 1em 0 0 0;
}
.maincontent p {
	font-size: 1.8em;
}

.maincontent .border {
  border-bottom: 1px solid #ccc;
}

.footermaincontent {
clear: both;
font-size: .7em; /* 13 / 16 */
color: #fff;
line-height: 1em;
margin: 0 auto;
padding: 1em 0 0 0;
position: relative;
}

.footermaincontent p {
font-size: 1.3em;
}

.smalllink, p.smalllink {
	text-align: right;
	font-size: 1.3em;
	color: #000000;
	margin: 0;
	padding: 0;
}

.smalllink a:link {
	color: #000000;
}


.recetas {
	background-color: #e92327;
	background-repeat: both;
	height: 340px;
    webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.7);
	-moz-box-shadow: 1px 2px 1px rgba(0,0,0,.7);
	box-shadow: 1px 2px 1px rgba(0,0,0,.7);
}

.recetas {
		height: 340px;
	}	
	.recetas img {
	padding: 7px 5px 3px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
.redvideo {
	background-color: #e92327;
	background-repeat: both;
}

.pronacen p {
	color: #fff !important;
	text-align: center;
	padding: 2px;
	font-size: 1.2em;
}

.redsection {
background: #fff;
border: solid #888 1px; 
margin: 25px 0 !important;
padding: 5px !important;
webkit-box-shadow: 5px 2px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 2px 3px rgba(0,0,0,.5);
	box-shadow: 5px 2px 3px rgba(0,0,0,.5);
}

.redsection h2{
	font-size: 1.8em;
	padding-top: 23px;
}
.redsection p {
font-size: 1.3em;
	padding-top: 23px;

}

.redsection a:link, .redsection a:visited {
	color: #666;
}

.redsection a:hover {
	color: #e92327 !important;
}

.redsection img {
	padding: 5px 5px 2px 5px;
}

.homepage {
color: #DFE0E1;
font-size: 1.3em;
text-decoration: none;
}

.homepage a:hover {
color: #fff;
}

.whitesection {
background: #fff;
border: 1px solid #000;
margin: 25px 0 !important;
padding: 15px !important;
webkit-box-shadow: 5px 2px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 2px 3px rgba(0,0,0,.5);
	box-shadow: 5px 2px 3px rgba(0,0,0,.5);
}

.whitesection h2{
	color: #555;
	font-size: 2.3em;
	padding-top: 23px;
}
.whitesection p {
padding-top: 5px;
color: #555;
}

.whitesection a:link, .redsection a:visited {
	color: #666;
}

.redsection a:hover {
	color: #e92327 !important;
}

.redsection img {
	padding: 5px 5px 2px 5px;
}

.homepage {
color: #DFE0E1;
font-size: 1.3em;
text-decoration: none;
}

.homepage a:hover {
color: #fff;
}

p.smaller {
	font-size: .9em;
}


#footer {	
background: #f3eeee;
border-bottom: #fff 20px solid;

}	
footer {
clear: both;
width: 80%; /* 1000px / 1250px */
font-size: 0.7em; /* 13 / 16 */
max-width: 73.84em; /* 1200px / 13 */
margin: 0 auto;
padding: 10px 0px 8px 0px;

}
#footer a:link, #footer a:visited { color: #000; text-decoration: none; }
#footer a:hover, #footer a:active { color: #333; text-decoration: underline; }	
#footer a:link.button, #footer a:visited.button {text-decoration: none; color: #000;}
#footer a:hover.button {
color: #000;
border: 1px solid #fff;
}

#footer p{
color: #000;
font-size: 1.2em;
text-align: center;
}

.bottomcontainer {
border: 2px solid #e8d989;
font-size: 1em;	
}
	
.wrapper2 {
-webkit-box-shadow: 0 8px 6px -6px #ccc;
-o-box-shadow: 0 8px 6px -6px #ccc;
-moz-box-shadow: 0 8px 6px -6px #ccc;
box-shadow: 0 8px 6px -6px #ccc;
background: #7a8736;
width: 100%;
position: relative;
text-align: left;
}
/*WHITE FOOTER CONTAINER*/
#maincontent2 {
		clear:both;
		width: 100%;
	}
#maincontent2 {
				clear: both;
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 0 0 10px 0;
				position: relative;
				width: 80%; /* 1000px / 1250px */
			}
		
.maincontent2 {
				clear: both;
				font-size: 0.8125em; /* 13 / 16 */
				line-height: 1.5em;
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				position: relative;
				width: 80%; /* 1000px / 1250px */
			}
.maincontent2 p, .maincontent2 a:link {
	font-size: small;
	text-align: center;
	color: #1B1B1B;
}
.maincontent2 a:visited {
	color: #333;
}

/*HEADINGS*/
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
margin-top: 4px;
padding: 0 0 0 5%;
}

.title h1 {
padding: 0 0 0 1%;
font-size: 2.7em;
font-weight: 600;
}

#headcontainer h1 { 
color: #C03;
margin-bottom : 0.2em;
font-size : 6em; /* 96 / 16 */
text-align: center;
line-height : 1.4;
}
h1 { 
color: #000;
margin-bottom: 0.2em;
font-size : 3em; /* 96 / 16 */
text-align: left;
line-height : 1.4;
}

h1.pronacen-home {
color: #000;
margin-bottom : 0.2em;
font-size : 1.2em; /* 96 / 16 */
text-align: right;
line-height : 1.4;
padding: 0 10px;
}

.recipe h1 {
	color: #000;
	font-size: x-large;
	padding: 4px;
}
.recipeimg img {
	padding: 15px;
}
.greyline {
	border-bottom: 1px solid #ccc;
}

h2 { 
color: #444;
font-size : 2.5em; /* 40 / 16 */
margin-bottom : .3em;
margin-top : .4em;
padding: 2% 2% 2% 5%;
text-align: left;
line-height : 1.2;
}


.maincontent h2 {
	font-size: 2.5em;
	text-align: center;
}

.maincontent h3 {
	font-size: 2em;
	text-align: center;
	background: none;
	border: none;
}

.maincontent ul li {
	text-align: left;
	margin-left: 25%;
}

/* BLOG */

.blog-home-bg {
	border: 1px solid #000;
	margin: 10px 5px !important;
	padding: 10px !important;
	webkit-box-shadow: 5px 2px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 2px 3px rgba(0,0,0,.5);
	box-shadow: 5px 2px 3px rgba(0,0,0,.5);
	min-height: 300px;
}

.blog-home-bg a:link {
	text-decoration: none;
}

}

.blog-home-img {
	padding: 0;
	margin: 0;
	text-align: center;
}

.blogcontainer h2 {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.blog-box {
	border: 2px solid #ccc;
	margin-right: 2% !important;
	padding: 1%;
	width: 35% !important;
}

.blog-box img {
	padding: 0 !important;
	margin: 0 !important;
}

.blog-box h2 {
	background: #f5f5f5;
}

.blog-box a:link {
	text-decoration: none;
}

.blog-box a:hover {
	color: #af1a1d !important;
}

h2.blog-nav-title a:link {
	text-decoration: none;
	color: #000;
}

h2.blog-nav-title a:hover {
	text-decoration: underline;
	color: #000;
}

h2.blog-nav-title a:visited {
	color: #000;
}

.footerwrapperred h2 {
	font-size: 2em;
	font-weight: 400;
	text-align: left;
	line-height: 2em;
	margin-bottom: 5%;
}

.blog-title a:link {
	text-decoration: none;
	color: #000;
	font-size: 1.8em;
}

.blog-title a:hover, .blog-title a:visited {
	text-decoration: underline;
	color: #000 !important;
}
/* changed Sept 2021 */
h3 { 
background: #fbfbfd;
border-bottom: 1px solid #f5f5f5;
color: #555;
margin-bottom : 0.3em;
padding: 13px;
letter-spacing: 1px;
font-size : 2.1em;
line-height : 1.3;
text-align: left;
}
/* changed Sept 2021 */
.contenttitle { 
background: #f1f1f1;
color: #af1a1d;
margin-bottom : 0.3em;
padding: 1%;
letter-spacing: 1px;
font-size : 2.3em;
font-weight: 600;
line-height : 1.3;
text-align: left;
}

h4 { 
color: #333;
margin-bottom : 0.5em;
font-size : 1.7em; /* 24 / 16  */
line-height : 1.25; }
h5 { 
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }
h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }

p.characteristic {
	font-size: 2em;
	margin: 0;
	color: #333;
}

p.blog-home a:link {
	text-decoration: none;
}

/*TYPOGRAPHY*/
.top {
	font-size: small;
	color: #d0d2d3;
	padding: 0;
	margin: 0;
	text-align: center;
}

.left-align, .left-align img, p.left-align, span.left-align {
	text-align: left;
}

.centeralign {
	text-align: center;
}

.right-align, .right-align img, p.right-align, span.right-align {
	text-align: right;
}

.vertical-align {
	vertical-align: middle;
}

.red {
	color:#af1a1d;
}

.white {
	color: #fff;
}

.orange, p.orange {
	background: #EF7D14;
	color: #fff;
	margin-right: 30%;
	padding: 5px 5px 5px 15px;
}

.quote, p.quote {
	color: #000;
	font-size: 1.8em;
	font-weight: 600;
}

.quote-black, p.quote-black {
	background: #FCFCFC;
	color: #555;
	font-size: 2.1em;
	font-weight: 400;
	line-height: 1.3em;
	padding: 10px;
	text-align: left;
}

p, ol, ul, dl, address {
	color: #333;
	margin-bottom : .9em;
	font-size : 1.3em; /* 16 / 16 = 1 */
	line-height: 1.4;
	padding: 0 0 0 5%;
}

.whiteboxtitle p {
padding: 14px 0 0 8px;
text-align: left;
}

p {
-epub-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; 
  }


p.introtext {
font-size : 2.5em; /* 40 / 16 */
color: #333;
line-height: 1.4em;
letter-spacing: -1px;
margin-bottom: 0.5em;
}


p.handwritten {
font-size: 1.375em; /* 24 / 16 */
line-height: 1.8em;
margin-bottom: 0.3em;
color: #666;
}

p.center {
text-align: center;
}

p.breadcrumbs {
background: #f1f1f1;
color: #333;
margin-bottom : 1.3em;
padding: 13px;
letter-spacing: 1px;
font-size : 1.5em;
line-height : 1.3;
text-align: left;
text-transform: uppercase;
}

p.breadcrumbs a {
	color: #333;
}

p.breadcrumbs a:hover {
	color: #af1a1d;
}

p.black, ul.black, ul b, ol.black, ol b, b {
	color: #000;
	font-weight: bold;
}
.black {
	color: #000;
}

b, strong, p.b, p.strong { 

font-weight : bold;
color: #000;

}

ul, 
ol { 
margin : 0 0 .3em 0; 
padding : 0 0 0 32px;
line-height: 2;
}

li ul, 
li ol { 
margin : 0; }


.maincontent ul, .maincontent ol {
	color: #000;
	font-size: 1.8em !important;
	line-height: 2.5;
	margin : .9em 0 .9em 0; 
	padding: 1% 1% 1% 10%;
}

.navbar ul, .navbar ol {
	font-size: 1.5em;
}

.maincontent a {
	color: #000;
}

.maincontent a:hover {
	color: #af1a1d;
}

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid #ccc;
}

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

.subtext {
	color: #666;
	}
.u {
	text-decoration: underline;
}

small .small, p.small {
	font-size: 1.1em;
}

.fuente, p.fuente {
	border-top: solid #ccc 1px;
	color: #555;
	font-size: 1.5em;
	padding-top: 2%;
}

.envio, p.envio, .envio a:link, a.envio {
background: #EF7D14;
color:#fff !important;
font-size: .9em;
line-height: 1.5em;
margin: 0 auto;
padding: 0%;
text-decoration: none;
text-align: center;
margin: 0 auto;
width: 100%;
z-index: 2;
}


/* LINKS*/

/* IMAGES*/
img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


.picture {
	padding: 10%;
}

/* TABLES*/

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1em; 
width : 100%;
border: 2px solid #ccc; }


th, td, caption { 
padding : .5em 13px .5em 13px; 
color: #000;
font-size: 1.7em; 
}
th {
	border: 1px solid #ccc;
	background: #F8F8F8;
	font-size: 1.8em;
	line-height: 21px;
	text-align: left;
}

td {
	border: 1px solid #ccc;
}

.paypal td, .paypal th, .paypal table {
	border: none !important;
}
tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* FORMS */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}


button, 
search,
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
padding: 0.5em 1em;
margin: 0;
cursor : pointer; 
}

input[type="checkbox"], 
input[type="radio"] { 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing : border-box; }

input[type="search"] { 
	-webkit-box-sizing: content-box;
	-mox-box-sizing: content-box;
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

input{
margin:0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}


/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00; 
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
background-color : #ccc; }

.shadow {
-webkit-box-shadow : 0 0 2px #777; 
-moz-box-shadow : 0 0 2px #777;
box-shadow : 0 0 2px #777;
}

/*  SECTIONS */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

	
/*  CODE  */

pre.code {
	padding: 0;
	margin: 0;
	font-family: monospace;
	white-space: pre-wrap;
	font-size: 1.1em;
}

strong.code {
	font-weight: normal;
	font-family: monospace;
	font-size: 1.2em;
}



/*  COLUMNS */

.twocolumns{
	-ms-column-count: 2;
	-moz-column-count: 2;
	-ms-column-gap: 2em;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }

/* PAGINATION */
.pagination {
	display: inline-block;
	font-size: 2.2em;
	padding-bottom: 3%;
}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
}

.pagination a.active {
	background-color: #E92327;
	color: white;
}

.pagination a:hover {
	background-color: #E92327;
	color: white;
}

.center {
	text-align: center;
}


/*  BUTTONS */
.button2 {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	color: #999;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #fff;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	font-size : 1.1em;
				
}
.button2:visited { 
	color : #666;
}
.button2:hover {
	background: #fff  0 50%;
	color: #af1a1d !important;
	text-decoration: none;
}
.button2:active {
	background: #fff 0 50%;
	color: #af1a1d;
	position: relative;
	top: 1px;
}

.button-online {
	background: #E92327 0 50%;
	border: #000 1px solid;
	color: #fff !important;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center !important;
	text-decoration: none;
	font-weight: normal;
	padding: 2% 5%;
	margin: 1% 1% 1% 5%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-size: 1.8em;
				
}

.button-online:visited { 
	color: #F5f5f5; 
}
.button-online:hover {
	background: #fff;
	border: 1px solid #000;
	color: #000 !important;
	text-decoration: none;
}
.button-online:active {
	background: #fff 0 50%;
	color: #af1a1d;
	position: relative;
	top: 1px;
}

p a:link {
	font-size: inherit;
}

/*button online 2*/

.button-online2 {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font-weight: normal;
font-size: large !important;
border: 1px solid #ccc;
color: #e92327 !important;
padding: .5em 1em;
margin: 14px 5px 6px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
background: #f3f3f3;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size : 1.1em;			
}
.button-online2:visited { 
color: #333 !important;
}
.button-online2:active {
background: #fff 0 50%;
color: #af1a1d;
	position: relative;
	top: 1px;
}
.button-online2:hover {
background: #fff 0 50%;
color: #e92327 !important;
text-decoration: none;
}

.button-sintos {
	display: inline-block;
	outline: none;
	cursor: pointer;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	border: 2px solid #fff;
	padding: .5em 1em;
	margin: 14px 5px 6px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #f9b118;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size : 1.1em;
				
}
.button-sintos:visited { 
	color: #F6E6DF; 
}
.button-sintos:hover {
	background: #fff 0 50%;
	color: #e92327 !important;
	text-decoration: none;
}
.button-sintos:active {
	backgroundr: #fff 0 50%;
	color: #af1a1d;
	position: relative;
	top: 1px;
}
.button-recetas {
	display: inline-block;
	outline: none;
	cursor: pointer;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #fff;
	padding: .5em 1em;
	margin: 14px 5px 6px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
	background: #e92327;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size : 1.1em;
				
}

.redsection .button-recetas {
	border: 1px solid #999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.button-recetas:visited { 
	color: #F6E6DF; 
}
.button-recetas:hover {
	background: #fff 0 50%;
	color: #e92327 !important;
	text-decoration: none;
}
.button-recetas:active {
	backgroundr: #fff 0 50%;
	color: #af1a1d;
	position: relative;
	top: 1px;
}
.redsection .button-recetas {
	background-color: #fff;
	padding: 0;
	-webkit-box-shadow: 5px 2px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 2px 3px rgba(0,0,0,.5);
	box-shadow: 5px 2px 3px rgba(0,0,0,.5);
}
.redsection .button-recetas:hover {
	border: 5px solid #e92327;
}

.button-soyacen {
	display: inline-block;
	outline: none;
	color: #fff !important;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	border: 2px solid #fff;
	padding: .5em 1em;
	margin: 14px 5px 6px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #c9daee;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size : 1.1em;
				
}
.button-soyacen:visited { 
	color: #F6E6DF; 
}
.button-soyacen:hover {
	background: #fff 0 50%;
	color: #e92327 !important;
	text-decoration: none;
}
.button-soyacen:active {
	backgroundr: #fff 0 50%;
	color: #af1a1d;
	position: relative;
	top: 1px;
}


/*GLOBAL OBJECTS*/
.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%;
text-size-adjust: 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button;
-moz-appearance: button;
apperance: button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens: none; 
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-epub-hyphens: none;
-moz-hyphens : none;
hyphens: none;
-epub-word-break: normal;
-ms-word-break: normal;
word-break: normal; }

/* responsive rules*/ 
/* 0 to 480*/ 
@media screen and (min-width : 0px) and (max-width: 680px) {
.hide480, .hide480 img, .hide480 a {
		display: none !important;
		visibility: hidden !important;
			}	

.hide680, .hide680 img, .hide680 a {
		display: none !important;
		visibility: hidden !important;
	}
.blog-home-bg {
		width: 90% !important;
	}
	
.blog-box {
	border: 2px solid #ccc;
	margin-right: 1% !important;
	padding: 0;
	width: 45% !important;
}
	
	.blog-box img {
		margin: 0;
		padding: 0;
	}
	
.button-online {
margin: 1% 1% 5% 8% !important;
	}
	
.maincontent img {
margin: 0 !important;
padding: 0 !important;
	}
	
/* top buttons */	
.logo-top .buttonwhite  {
	height: auto;
	padding: 5%;
	margin: 1%;
	vertical-align: top;
	line-height: 1.5em;
	width: auto;
	}
	
.logo-top .buttonwhite a:hover {
	border: none;
	}
	
	
/*  end top buttons */
.current {
	color: #f2f2f2;
	background: none; 
	}	

.show680 {
		display: none;
		visibility: hidden;
	}
	
.footerwrapperred h2 {
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom: 5%;
}

}


/* 480 +*/
@media all and (min-width: 680px) {
.hide980 {
   display: none !important;
   visibility: hidden !important;
			}
}

/* 481 - 680*/
@media screen and (min-width : 481px) and (max-width: 680px){
	.headertitle {
		text-align: center;
		width: 100%;
	}
			/* changes */
	.headertitle .buttonwhite {
		width: 30%;
	} 
	
}

/* 681 - 1250*/
@media screen and (min-width : 681px) and (max-width: 980px){
	.headertitle .buttonwhite {
		width: 11%;
		font-size: .8em;
	} 
}

/* 0 - 980+*/

@media screen and (min-width : 0px) and (max-width: 980px){	

}	
	
/* 980+*/

@media screen and (min-width: 980px) {	
.show680 {
		display: none;
		visibility: hidden;
	}

}

/* 981+*/
@media screen and (min-width: 981px) and (max-width: 1220px){	
			/* changes */
.headertitle .buttonwhite {
		font-size: 1em;
	} 

}

@media screen and (min-width : 1221px) {	
			/* changes */
	.headertitle .buttonwhite {
		font-size: 1.3em;
	} 	

}



/*SECTIONS*/
.section {clear: both; margin: 0px; padding: 0px;}
/*GROUPING*/
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
/*GRID COLUMN SETUP*/
.col {display: block; float:left; margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {.col { margin: 1% 0 1% 0%;}}

/*GRID OF TWO*/
.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 47.2%;
	padding: 1%;
}

/*  GRID OF THREE */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 63.13%;
	padding: 1%; 
}

.span_1_of_3 {
	width: 27.26%;
	padding: 1%; 
}

/*  GRID OF FOUR */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}

/*  GRID OF FIVE */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 77.68%;
	padding: 1%;
}

.span_3_of_5 {
  	width: 57.36%; 
	padding: 1%;
}

.span_2_of_5 {
  	width: 37.04%;
	padding: 1%;
}

.span_1_of_5 {
  	width: 15.72%;
	padding: 1%;
}

/*  GRID OF SIX  */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}


/*  GRID OF SEVEN  */


.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.94%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}


/*  GRID OF EIGHT   */

	
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%; 
}

.span_6_of_8 {
	width: 74.6%; 
}

.span_5_of_8 {
	width: 61.9%;
	outline: 3px ridge #fff; 
}

.span_4_of_8 {
	width: 49.2%; 
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%; 
}

.span_1_of_8 {
	width: 11.1%; 
}


/*  GRID OF NINE */


.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
	width: 88.71%;
}

.span_7_of_9 {
	width: 77.42%; 
}

.span_6_of_9 {
	width: 66.13%; 
}

.span_5_of_9 {
	width: 54.84%; 
}

.span_4_of_9 {
	width: 43.55%; 
}

.span_3_of_9 {
	width: 32.26%;
}

.span_2_of_9 {
	width: 20.97%; 
}

.span_1_of_9 {
	width: 9.68%; 
}

/*  GRID OF TEN */


.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%; 
}

.span_6_of_10 {
	width: 59.36%; 
}

.span_5_of_10 {
	width: 49.2%; 
}

.span_4_of_10 {
	width: 39.04%; 
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%; 
}

.span_1_of_10 {
	width: 8.56%; 
}

/*  GRID OF ELEVEN */

.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
	width: 90.76%;
}

.span_9_of_11 {
	width: 81.52%;
}

.span_8_of_11 {
	width: 72.29%;
}

.span_7_of_11 {
	width: 63.05%; 
}

.span_6_of_11 {
	width: 53.81%; 
}

.span_5_of_11 {
	width: 44.58%; 
}

.span_4_of_11 {
	width: 35.34%; 
}

.span_3_of_11 {
	width: 26.1%;
}

.span_2_of_11 {
	width: 16.87%; 
}

.span_1_of_11 {
	width: 7.63%; 
}



/*  GRID OF TWELVE */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.53%;
}

.span_10_of_12 {
	width: 83.06%;
}

.span_9_of_12 {
	width: 74.6%;
}

.span_8_of_12 {
	width: 66.13%;
}

.span_7_of_12 {
	width: 57.66%; 
}

.span_6_of_12 {
	width: 49.2%; 
}

.span_5_of_12 {
	width: 40.73%; 
}

.span_4_of_12 {
	width: 32.26%; 
}

.span_3_of_12 {
	width: 23.8%;
}

.span_2_of_12 {
	width: 15.33%; 
}

.span_1_of_12 {
	width: 6.86%; 
}


/*  GO FULL WIDTH AT LESS THAN 681 PIXELS */

@media only screen and (max-width: 681px) {
	.span_1_of_1, .span_2_of_2, .span_1_of_2, .span_3_of_3, .span_2_of_3, .span_1_of_3, .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4, .span_5_of_5,  .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5, .span_6_of_6, .span_5_of_6,  .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6, .span_7_of_7, .span_6_of_7, .span_5_of_7,  .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7, .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8,  .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8, .span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9,  .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9, .span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10,  .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10, .span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11,  .span_4_of_11, .span_3_of_11, .span_2_of_11, .span_1_of_11, .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12,  .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12   {
		width: 100%;
	}
	#footer, #footercontainer3 {
		padding-left: 2em;
	}
	#footercontainertips p {
	font-size: 1em;
}
	#footercontainertips h4 {
	font-size: 1.4em;
}
	#footercontainertips h5 {
		font-size: 1.2em;
	}
	#footercontainertips ul {
		font-size: .9em;
	}
}

/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */
header { width: 93.75%; /* 960px / 1024px */}
#maincontent { width: 93.75%; /* 960px / 1024px */}
.maincontent { width: 93.75%; /* 960px / 1024px */}
#maincontent3, .footermaincontent { width: 99%; }
.maincontent3, .footermaincontent { width: 99%; }
footer { width: 95%; }

/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */
header {width: 93.75%; /* 720px / 768px */}
#maincontent {width: 93.75%; /* 720px / 768px */}
.maincontent, .footercontainer, .footermaincontent {width: 93.75%; /* 720px / 768px */}
footer {width: 95%; }
/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */
header {width: 93.75%; /* 450px / 480px */}
#maincontent {width: 93.75%; /* 450px / 480px */}
.maincontent, .footercontainer, .footermaincontent {width: 93.75%; /* 450px / 480px */}
footer {width: 93.75%; /* 450px / 480px */}

/*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */
.span_8_of_8 {width: 100%; margin-left: 0;}
.span_7_of_8 {width: 100%; margin-left: 0;}
.span_6_of_8 {width: 100%; margin-left: 0;}
.span_5_of_8 {width: 100%; margin-left: 0;}
.span_4_of_8 {width: 100%; margin-left: 0;}
.span_3_of_8 {width: 74.2%; margin: 1% 0 1% 3.2%;}
.span_2_of_8 {width: 48.4%; margin: 1% 0 1% 3.2%; }
.span_1_of_8 {width: 22.6%; margin: 1% 0 1% 3.2%; }
.span_1_of_8:nth-child(4n+1) { clear: both; margin-left: 0;}