@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
body {
background:url(../img/bg.jpg) 0 0 repeat-x;
font-size:12px;
font-family:'Droid Sans',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#7b7d7e;
}
a img {
border:0;
}
#wrapped {
height:600px;
overflow:hidden;
}
.main {
width:960px;
margin:0 auto;
}
.clearfix {
clear:both;
}
.header {	
height:130px; 
}
.fixed {
position:fixed;
top:0;
left:50%;
margin-left:-480px;
width:960px;
}
.fixedContent {
margin-top:130px;
}
header {
background:#6D9BCC url(../img/header.jpg) 0 0 no-repeat;
position:relative;
width:960px;
margin:0 auto;
}
header .logo {
padding:10px 20px;
}
header .oso {
position:absolute;
right:0;
top:0;
z-index:0;
}
header nav {
float:left;
}
header nav ul {
list-style:none;
margin:0;
padding:0;
}
header nav li {
display:inline-block;
float:left;
background-color:#215D96;
background-image:url(../img/break.jpg);
background-position:right center;
background-repeat:no-repeat;
line-height:28px;
}
header nav li:last-child, nav.submenu li:last-child {
background-image:none;
}
header nav a {
color:#fff;
text-decoration:none;
display:block;
font-size:11px;
padding:0 20px;
}
header nav a:hover, header nav a.active {
color:#59bae9; 
} 
nav.submenu ul {
display:none;
list-style:none;
margin:0;
padding:0; 
}
nav.submenu li {	
display:inline-block;
float:left;
background-image: url(../img/break.jpg);
background-position:right center;
background-repeat:no-repeat;
line-height:22px;
}
nav.submenu ul.rojo li {
background-color:#dc3937;
}
nav.submenu ul.amarillo li {
background-color:#F0AB59/*#e98712*/;
}
nav.submenu ul.naranja li {
background-color:#e98712/*#D17555*//*#c5532a*/;
}
nav.submenu a {
color:#fff;
text-decoration:none;
padding:0 25px;
font-size:11px;
display:block;
}
nav.submenu .rojo a.active, nav.submenu .rojo a:hover {
color:#FFBFBF;
}
nav.submenu .amarillo a.active, nav.submenu .amarillo a:hover {
color:#FC0;
}
nav.submenu .naranja a.active, nav.submenu .naranja a:hover {
color:#FFB22F;
}
#banner {
overflow:hidden;
clear:both;
height:180px;
}
/*#bannerHome {
overflow:hidden;
clear:both; 
}
#banner img, #bannerHome img {
width:100%;
}*/
#bannerHome {
	height:256px;
	background:url(../img/banner.jpg) center 0 no-repeat;
} 
.btrigo {
	background:url(../img/bannerTrigo.jpg) center 0 no-repeat;
}
.bproducto {
	background:url(../img/bannerPanBlanco.jpg) center 0 no-repeat;
}
.brecetas {
	background:url(../img/bannerRecetas.jpg) center 0 no-repeat;
}
.bcontacto {
	background:url(../img/bannerContacto.jpg) center 0 no-repeat;
}
.extras {
float:right;
margin-right:130px;
}
.extras .search { 
background:#fff url(../img/search.jpg) 0 center no-repeat;
height:22px;
padding-left:32px;
float:left;
margin:0 10px 0 0;
}
.extras .search input[type=text] {
border:0;
font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
height:20px;
outline:none;
width:150px;
}
.extras .social {
float:right; 
position:relative;
}
.extras .social img { 
overflow:hidden;
margin-right:4px;
cursor:pointer;
} 
.extras .social ul {
margin:0;
padding:0;
list-style:none; 
position:absolute;
z-index:1024;
top:22px;
left:0;
width:100px;
background:#fff;
padding:5px; 
display:none;
box-shadow:0 5px 8px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 8px rgba(0,0,0,0.3);
-moz-box-shadow:0 5px 8px rgba(0,0,0,0.3);
-ms-box-shadow:0 5px 8px rgba(0,0,0,0.3);
border-radius:0 4px 4px 4px;
-webkit-border-radius:0 4px 4px 4px;
-moz-border-radius:0 4px 4px 4px;
}
.extras .social ul.fb {
left:30px;
}
.extras .social li {
border-bottom:1px solid #eee;	
}
.extras .social li:last-child {
border-bottom:0;
}
.extras .social li a {
color:#999;
text-decoration:none;
padding:5px;
display:block;
}
.extras .social li a:hover {
color:#215D96;
}
.content {
padding:10px;
}
.content .block {
float:left;
width:300px; 
/*height:190px;*/ 	
margin-right:30px;
box-shadow:0 5px 8px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 8px rgba(0,0,0,0.3);
-moz-box-shadow:0 5px 8px rgba(0,0,0,0.3);
-ms-box-shadow:0 5px 8px rgba(0,0,0,0.3);
} 
.content .block:last-child {
margin-right:0;
}
.content.recetas .block, .content.recetas .block:last-child {
height:110px;
}
footer .main {
border-top:1px solid #215D96;
padding:10px 0;
font-size:10px;
color:#9d9fa0;
}
footer a {
color:#9d9fa0;
text-decoration:none;
}
footer a:hover {
color:#333;
}
footer .links {
float:left;
width:350px;
margin:0;
}
footer .copy {
float:left;
text-align:center;
width:350px;
margin:0;
}
footer .logoFooter {
float:right;
}
h1 {
color:#2f799d;
margin-top:0;
text-transform:uppercase; 	 
font-weight:400; 
}
h2 {
color:#2f799d;
margin-top:0;
text-decoration:underline;
font-size:12px;
} 
section.left {
width:440px;
float:left;
margin-right:20px;
}
section.right {
width:500px;
float:left;
}
.d-block { 
padding-right:10px; 
padding-bottom:10px;
background:url(../img/content-bg.png) 0 0 repeat-x;
}
section.left .d-block {
height:93px;
}
section.right {
height:226px;
}
section.right .d-block {
/*padding-bottom:12px;*/
overflow:hidden;
padding-bottom:0;
}
section.right ul.listvision {
padding-top:0 !important;
margin-left:0;
padding-left:25px;
}
section.right ul.listvision li {
margin:4px 0;
}
section.left .d-block:first-child {
margin-bottom:20px;
}
.content section.left figure, .content section.right figure {
margin:0;
float:left;
margin-right:20px;
}
.d-block h2 {
padding-top:30px;
}  
.content section.right ul {
clear:left;
padding-top:5px;
}
.content section.right li 
{
	padding-bottom:3px;
}
section.valores {
background:#EBF4F8;
padding:20px 0 20px 20px;
}
section.valores .left {
width:540px;
float:left; 
}
section.valores .left span {
color:#fff;
text-transform:uppercase;
padding:2px 5px;
display:inline-block;
width:180px;
margin-right:5px;
/*font-size:10px;*/
}
section.valores ul {
margin:0;
padding:0;
list-style:none;
}
section.valores .left li {
margin:5px 0;

}
.c-rojo {
background:#ED1C24;
}
.c-naranja {
background:#F26522;
}
.c-amarillo {
background:#E3B82F;
}
.c-verde {
background:#0BA14B;
}
.c-azul {
background:#25AAE1;
}
.c-morado {
background:#7F3F98;
}
.c-gris {
background:#A7A9AC;
} 
.right.azulList li {
background:#25AAE1;
overflow:hidden;
color:#fff;
margin:2px 0;
padding:5px 5px 5px 10px;
}
.right.azulList li p {
margin:0;
/*font-size:11px;*/
line-height:15px;
}
section.detProd .left {
width:570px;
float:left;
}
section.detProd figure {
margin-left:0;
}
section.detProd .desc {
color:#2f799d;
/*font-size:10px;*/
width:270px;
float:left;
margin-right:50px;
}
section.detProd .logos img {
margin-right:20px;
}
section.detProd .right {
width:350px;
float:right;
background:#e7f2f8;
padding:0;
}
.content.detReceta {
padding:0;
position:relative;
}
.content.detReceta .banner {
/*position:absolute;
z-index:-1;
top:0;
left:50%;
margin-left:-565px;*/
float:left;
} 
section.receta {
float:right;
width:480px;	
}
section.receta h1 {
color:#fff;
margin:0 10px;
font-size:12px;
overflow:hidden; 
line-height:24px;
}
section.receta h1 span {
padding:10px 25px;
background:#82c52a;
}
.contentReceta {
background:#faf8f6;
padding:20px;
height:254px;
overflow-y:auto; 
}
section.receta h2 {
color:#215d96;
text-decoration:none;
margin-bottom:20px;
}
section.receta .share {
text-align:right;
padding:10px 0;
}
.recetas-slide {
float:right;
background:url(../img/recetas-slide.png) right 0 no-repeat;
height:130px;
width:480px;
} 
.content.blog, .content.prods {
padding:0;
}
.mainContent {
background:#fff;
padding:5px;
}
.mainContent aside {
float:left;
width:150px;
border-right:1px solid #215d96;
}
.mainContent aside .date {
padding:5px 0 10px;
text-align:center;
color:#215d96;
}
.mainContent aside .date a {
color:#215d96;
text-decoration:none;
margin:0 5px;
}
.mainContent aside ul {
margin:0 0 10px;
padding:0;
list-style:none;
}
.mainContent aside li {
/*font-size:10px;*/
color:#7b7d7e;
text-decoration:none;
display:block;
padding:2px 5px 2px 0;
text-align:right;
}
/*.mainContent aside li a:hover {
text-decoration:underline;
}*/
.mainContent aside h3 {
text-align:center;
margin:0;
font-size:10px;
text-transform:uppercase;
font-weight:300;
padding:2px 0;
}
.mainContent aside h3 a {
display:block;
color:#fff;
text-decoration:none;
}
.mainContent aside .azul {
background:#4578ab;
}
.mainContent aside .rojo {
background:#a63135;
}
.mainContent aside .verde {
background:#50af92;
}
.mainContent aside .naranja {
background:#e1770e;
}
.mainContent .posts {
width:calc(100% - 200px);
float:right;
padding:0 10px 20px 0;
}
.mainContent .posts article {	
margin-bottom:10px;
}
.mainContent .posts .left {
width:220px;
margin-right:20px;
float:left;
}
.mainContent .posts .mes { 
text-transform:uppercase;
color:#215d96;  
border-bottom:1px solid #eee;
font-size:16px;
}
.mainContent .posts figure {
margin:0;	
}
.mainContent .posts figure img {
box-shadow:0 5px 8px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 8px rgba(0,0,0,0.3);
-moz-box-shadow:0 5px 8px rgba(0,0,0,0.3);
-ms-box-shadow:0 5px 8px rgba(0,0,0,0.3);
}
.mainContent .posts .desc {
background:#EBF4F8;
padding:60px 15px 10px;
float:right; 
width:450px;
position:relative;
text-align:justify;
}
.mainContent .posts h2 {
position:absolute;
top:10px;
left:-11px;
z-index:10;
color:#fff;
text-decoration:none;
line-height:45px;
text-transform:uppercase;
font-weight:300;
height:56px;
width:260px;
padding:0 10px 0 25px;
}
.mainContent .posts .rojo {
background:url(../img/labels.png) 0 0 no-repeat;
}
.mainContent .posts .azul {
background:url(../img/labels.png) 0 -58px no-repeat;
}
.mainContent .posts .verde {
background:url(../img/labels.png) 0 -116px no-repeat;
}
.mainContent .posts .naranja {
background:url(../img/labels.png) 0 -174px no-repeat;
}
.mainContent .posts .share {
text-align:right;
}
.filter-mobile {
display:none;

}
.content.trabajo aside {
background:url(../img/trabajo.jpg) 0 0 no-repeat;
width:242px;
height:792px;
float:left;
position:relative;
margin-right:50px;
}
.content.trabajo aside a {
color:#fff;
text-decoration:none;
text-transform:uppercase;
background:#723f3b;
padding:5px 10px;
position:absolute;
top:45%;
left:50px;
}
.content.trabajo .articles {
float:left;
width:550px;
float:left;
}
.content.trabajo article {
margin:20px 10px;	
text-transform:uppercase;
}
.content.trabajo article h3 {
background:#f79022;
color:#723d39;
line-height:35px;
padding:0 20px;
font-size:14px;
margin:0;
}
.content.trabajo article .oferta {
background:#F6F6F7;
padding:5px 20px;
text-transform:capitalize;
}
.content.trabajo article h2 {
color:#723d39; 
text-align:right;
text-decoration:none;
font-size:18px;  
}
.content.trabajo article a {
color:#fff;
text-decoration:none;
background:#f79022;
padding:5px 30px;	
}
.content.trabajo article .aplicar {
text-align:right;
}
.content.trabajo article table td {
padding:5px 0;
} 
.content.trabajo article input[type=text], .content.trabajo article select, .content.trabajo article textarea {
width:200px;	
}
.complete, .mobile-prodList {
display:none;
}
.contacto {
background:#ebf4f8; 
width:700px;
margin:0 auto;
overflow:hidden;
}
.osoContacto {
	position:absolute;
	left:0px;
	bottom:-16px;
	z-index:1024;
}
.contacto ul {
list-style:none;
padding:0;
margin:0 auto;
width:675px;
}
.contacto li {
background:#fff;
display:inline-block;
width:200px;
margin:10px;
}
.contacto h4{
background:#49c6ed;
color:#fff;
margin:0;
line-height:32px;
text-align:center;
}
.contacto p {
margin-left:50px;
padding-left:20px;
background:url(../img/contacto.jpg) 0 0 no-repeat;
line-height:16px;
}
.contacto.email {
margin-top:5px;
padding:5px 0;
}
.contacto.email a {
color:#09F;
}
.contacto li em {
display:none;
}
.emailContent {
background:#fff;
margin-left:25px;
width:420px;
overflow:hidden;
float:left;
}
.emailContent h4 {
display:inline-block;
padding:0 40px;
float:left;
margin-right:20px;
}
.emailContent p {
display:inline-block;
margin:0 0 0 10px;
background:none; 
}
.emailContent span{
background:url(../img/contacto.jpg) 0 -32px no-repeat;	
padding-left:20px;
padding-bottom:4px;
margin-left:5px;
}
.emailContent a {
	float:left; 
	margin:8px 0 0;
}
.contacto.email em { 
	font-style:normal;
	float:right;
	margin:8px 0 0 110px;
	float:left;
}
.regresar {
	float:left;
	background:#49c6ed url(../img/regresar.jpg) 5px center no-repeat;
	line-height:25px;
	padding-left:25px;
	padding-right:10px;
	margin-right:110px;
	color:#fff;
	text-decoration:none;
}
.form {
	padding:20px 0 10px 40px;
	background:#ebf4f8;
	width:500px;
	/*margin:0 auto;*/
	overflow:hidden;
	float:left;
}
.form label {
	display:inline-block; 
	width:214px;
	padding:5px 0;
	margin-right:20px;
}
.form label span { 
	display:block;
}
.form label.large {
	width:450px;
}
.form input[type=text], .form select, .form textarea {
	border:1px solid #49c6ed;
	padding:5px;
	vertical-align:text-top;
	width:200px;
}
.form textarea {
	width:438px;
}
.form button {
	background:#49c6ed;
	color:#fff;
	border:0;
	padding:5px 20px;
	float:right;
}
.filter {
padding:20px 0 10px 10px;
border-bottom:1px solid #eee;
font-size:16px;
} 
.content.prods .mainContent {
padding:5px 0;   
}
.content.prods .filter-mobile {
	background:#eee;
	padding:5px 10px;
}
.content.prods aside {
/*border:0;*/
/*margin-top:28px;*/ 
width:160px;
position:fixed;
top:150px;   
left:50%;
margin-left:-470px;
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s; 
}
.content.prods aside h4 {
	margin:5px 0;
}
.content.prods aside h4 a {
color:#fff;
text-decoration:none; 
text-align:center;
display:block;
font-weight:300;
font-size:10px;
padding: 2px 0
}
.content.prods aside h4 .aqua {
background-color:#47af95;
}
.content.prods aside h4 .rojo {
background-color:#a92f37;
}
.content.prods aside h4 .azul {
background-color:#427aa7;
}
.content.prods aside h4 .naranja {
background-color:#e4752d;
}
.content.prods aside ul {
margin:0;
padding:0;
list-style:none;
}
.content.prods aside li a {
color:#7b7d7e;
text-decoration:none;
font-size:10px;
}
.content.prods aside li a:hover, .content.prods aside li a.active {
color:#3ea9f5;
}
.prodList {
width:calc(100% - 200px);
float:left;
margin-left:200px;
}
.prodList section {
clear:both;
/*overflow:hidden;*/
}
.prodList h3 {
color:#1b5e92;
font-weight:300;
border-bottom:1px solid #b4b5b5;
padding-bottom:5px;
font-size:16px;
margin-left:10px;
padding-top:10px;
} 
.prodList .anchor:before
{ 
 display: block;
    content: "";
    height: 130px;
    margin: -130px 0 0;
}
.prodList ul {
margin:0;
padding:0;
list-style: none; 
}
.prodList li {
display:inline-block;
float:left;
width:180px;
margin:0 0 10px 10px;
} 
.prodList .border {
border:2px solid #3ea9f5;
}
.prodList li a {
background:#eaebeb;
display:block;
text-align:center;
line-height:180px; 
overflow:hidden;
border:2px solid #fff;
}
.prodList li img {
vertical-align:middle;
}
.prodList li p {
font-size:11px;
line-height:15px;
margin:0 0 5px;
}
.prodList li .titulo {
font-size:12px;
margin-top:5px; 
}
.spaceHeight 
{
	height:380px;
}
.ppRelative 
{
	position:relative;
	width:800px;
	height:317px;
	background:url(../img/bimboSocial.jpg) 0 0 no-repeat;
}
.ppRelative .sv 
{
	position:absolute;
	top:205px;
	left:300px;
}
.ppRelative .hn 
{
	position:absolute;
	top:205px;
	left:485px;
}
.ppRelative .pa 
{
	position:absolute;
	top:205px;
	left:650px;
}
.ppRelative a 
{
	 
	text-indent:-99999px;
	display:inline-block;
	width:30px;
	height:30px;
}
@media screen and (max-width: 600px) {
header, .main {
width:auto;
}
#wrapped {
height:auto;
}
.oso, .search, #banner, #bannerHome, .recetas-slide, .mainContent aside, .content.trabajo aside, .osoContacto, .banner-mes-mobile {
display:none;
}
.extras {
float:left;
}
.fixed, .fixedContent {
position:inherit;
left:inherit;
top:inherit;
margin:inherit;
}
.social {		 
padding:5px 10px; 
} 
header nav li, nav.submenu li {
display:block;
line-height:40px;
background-image:none;
width:100%;
border-bottom:1px solid #59bae9;
text-transform:uppercase;
}  	 
nav.submenu li {
border-bottom:1px solid #fff;
box-shadow:0 5px 8px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 8px rgba(0,0,0,0.3);
-moz-box-shadow:0 5px 8px rgba(0,0,0,0.3);
-ms-box-shadow:0 5px 8px rgba(0,0,0,0.3);
}
nav.submenu ul.rojo {
position:absolute;
top:105px;
left:0;
width:100%;
z-index:1024;
}
nav.submenu ul.amarillo {
position:absolute;
top:145px;
left:0;
width:100%;
z-index:1024;
}
nav.submenu ul.naranja {
position:absolute;
top:185px;
left:0;
width:100%;
z-index:1024;
}
nav.submenu a {
color:#fff; 
}
.content {
clear:both;
padding:20px 10px;
}
.content .block, .content .block:last-child {	
background:none;
width:300px; 
/*height:150px;*/
overflow:hidden;
float:none;
margin:0 0 20px;
}  
.visionImg img 
{
	height:80px !important;
}
footer .main {
padding:10px 0;
margin:0 10px;
} 
footer .links {
width:100%;
display:block;
}
footer p.copy {
width:100%;
text-align:left;
margin:10px 0; 
}
footer .logoFooter {
float:none;  
}
section.left, section.right {
width:100%;
float:none;
margin-bottom:20px; 
}
.content section.left figure, .content section.right figure {
float:none;
margin-right:0;
text-align:center;
}
.d-block { 
padding:10px;
}
section.left .d-block {
height:auto;
}
section.right {
height:auto;
} 
section.valores { 
padding:20px 10px;
}
section.valores .left {
width:100%;
float:none;
}
section.valores .left span {
display:block;
width:auto;
margin-right:0;
margin-bottom:5px; 
}
section.valores .left li {
margin:0 0 20px;
}
section.detProd .right {
display:none;
}
section.detProd .left {
width:100%;
}
section.detProd .left figure img {
width:100%;
}
section.detProd .left .desc {
margin-bottom:20px;
}
.content.detReceta {
padding:10px;
position:inherit;
height:auto;
}
.content.detReceta .banner {
position:inherit; 
margin-left:0px;
margin-bottom:20px;
width:100%;
}	 
section.receta {
float:none;
width:100%; 
}
section.receta h1 {
margin:0;
}
section.receta h1 span {
display:block;
}
.contentReceta { 
padding:20px;
height:inherit;
overflow-y:inherit; 
}
section.receta .share {
text-align:left;
padding:10px;
} 
.mainContent {
padding:5px 0;
}
.filter-mobile {
display:block;
background:#eee;
padding:3px 10px; 
} 
.filter-mobile select {
border:1px solid #ddd;
padding:5px;
margin:0 5px;
width:110px;
}
.mainContent .posts {
width:auto;
float:none;
padding:0 10px;
}
.mainContent .posts .left {
width:auto;
margin-right: 0;
float: none;
}
.mainContent .posts .mes {
margin-left:0;
}
.mainContent .posts .left figure {
display:none;
}
.mainContent .posts .desc {
margin-top: 0;
width:auto;
float: none;
padding:0
}
.mainContent .posts h2 {
position:inherit;
top:0;
left:0;
padding:0;
text-align:center;
width:auto;
height:auto;
}
.mainContent .posts p {
margin-left:10px;
margin-right:10px;	
}
.mainContent .posts .share { 
padding:10px 0; 
} 
.mainContent .posts .rojo {
background-color:#A63135;
background-image:none;
}
.mainContent .posts .azul {
background-color:#5698D7;
background-image:none;
}
.mainContent .posts .verde {
background-color:#50AF92;
background-image:none;
}
.mainContent .posts .naranja {
background-color:#E1770E;
background-image:none;
}
.content.trabajo .articles {
float:none;
width:100%;
}
.content.trabajo article .oferta {
padding:10px;
}
table tr.browse {
display:none;
}
.content.trabajo article .oferta input[type=text], .content.trabajo article .oferta select, 
.content.trabajo article .oferta textarea {
width:150px;	
}
.mobile-prodList {
display:block; 
margin-bottom:20px;
font-size:13px;
color:#333;
}
.mobile-prodList select {
width:100%;
border:1px solid #ddd;
padding:5px;
margin:5px 0;
color:#666; 
}
.contacto {
background:#ebf4f8; 
width:100%;
margin:0;
overflow:hidden;
}
.contacto ul {
list-style:none;
padding:10px 0;
margin:0 auto;
width:auto;
}
.contacto li {
background:#fff;
display:block;
width:auto;
margin:10px;
}
.contacto h4 {
text-align:left;
padding-left:20px;
}
.contacto p {
margin:10px 20px; 
padding:0 25px 12px; 
line-height:normal; 
}
.contacto.email {
margin-top:5px;
padding:5px 0;
}
.contacto li em {
display:inline-block;
}
.regresar {
	float:none;
	display:block;
	background:#49c6ed url(../img/regresar.jpg) 5px center no-repeat;
	line-height:25px;
	padding-left:25px;
	padding-right:0;
	margin-right:0;
	margin-bottom:10px;
}
.emailContent {
background:#fff;
margin:0 5px;
width:98%;
}
.emailContent h4 {
display:block;
padding:0 10px;
margin-right:5px;
}
.emailContent p {
display:inline-block;
margin:10px 10px 0 0;
background:none;
}
.emailContent span{
background:none;	
padding-left:0;
padding-bottom:4px;
margin-left:5px;
}
.contacto.email em {
display:none;
}
.form {
	padding:20px;
	background:#ebf4f8;
	width:auto;
	margin:0; 
	float:none;
}
.form label {
	display:block; 
	width:100%; 
}
.form label span { 
	display:block;
}
.form label.large {
	width:100%;
}
.form input[type=text], .form select, .form textarea { 
	width:98%;
} 
.form button {
	background:#49c6ed;
	color:#fff;
	border:0;
	padding:10px;
	float:none;
	width:100%;
}
.prods aside {
	display:none;
}
.prods .filter-mobile label {
display:block;
line-height:30px;
}
.prods .filter-mobile select {
	width:75%;
	float:right;
}
.prodList {
width:90%;
float:none;
margin:0 20px;
}
.prodList li {
	width:90%;
}
.spaceHeight 
{
	display:none;
}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
header, .main {
width:auto;
}
#wrapped {
height:auto;
}
.fixed, .fixedContent {
position:inherit;
left:inherit;
top:inherit;
margin:inherit;
}
.extras {
margin-right:10px;	
}
header nav {
margin-right:10px;
}
.search, .oso, .content.trabajo aside, .osoContacto, .banner-mes-mobile {
display:none;
} 
.content {
clear:both;
padding:20px 10px;
}
.content .block, .content .block:last-child {	
background:none;
/*width:300px; 
height:150px;*/
overflow:hidden;
float:none;
margin:0 auto 20px;  
}
.visionImg img 
{
	height:80px;
}
footer .main {
padding:10px 0;
margin:0 10px;
text-align:center;
} 
footer .links {
width:100%;
display:block;
}
footer p.copy {
width:100%; 
margin:10px 0; 
}
footer .logoFooter {
float:none;  
}
section.left, section.right {
width:100%;
float:none;
margin-bottom:20px; 
} 
.d-block { 
padding:10px;
}
section.right {
height:auto;
}
section.valores { 
padding:20px 10px;
}
section.valores .left {
width:100%;
float:none;
}
section.valores .left span {
display:block; 
margin-right:0;
margin-bottom:5px; 
}
section.valores .left li {
margin:0 0 20px;
}
section.detProd .right {
display:none;
}
section.detProd .left {
width:100%;
}
section.detProd .left figure img {
width:100%;
}
section.detProd .left .desc {
margin-bottom:20px;
}
.content.detReceta {
padding:10px ;
position:inherit;
height:auto;
}
.content.detReceta .banner {
position:inherit; 
margin-left:0px;
width:200px;
float:left;
}	 
section.receta {
float:right; 
width:calc(100% - 200px);	
height:auto;
}
section.receta h1 {
margin:0;
}
.contentReceta {
height:auto;
}
section.receta .share {
text-align:left;
padding:10px;
}
.recetas-slide {
display:none;
}
.mainContent .posts {
width:calc(100% - 190px);
}
.mainContent .posts .left figure {
display:none;
}
.mainContent .posts .desc {
width:auto;
}
.mainContent .posts h2 {
width:92%;
}
.content.trabajo .articles {
float:none;
width:100%;
}
table tr.browse {
display:none;
}
.content.trabajo article .oferta {
padding:10px;
}
.content.trabajo article .oferta input, .content.trabajo article .oferta select, 
.content.trabajo article .oferta textarea {
width:200px;	
}
.content.prods .mainContent {
	padding:0;
}
.content.prods aside {
	position:static;
}
.mobile-prodList {
display:block; 
margin-bottom:20px;
font-size:13px;
color:#333;
}
.mobile-prodList select {
width:100%;
border:1px solid #ddd;
padding:5px;
margin:5px 0;
color:#666; 
}
.contacto {
background:#ebf4f8; 
width:auto;
margin:0 0;
}
.contacto ul {
list-style:none;
padding:0;
margin:0 auto;
width:auto;
}
.contacto li {
background:#fff;
display:inline-block;
width:46%;
margin:10px;
}
.contacto.email {
margin-top:5px;
padding:5px 12px;
}
.emailContent {
background:#fff;
margin:0;
width:auto;
}
.prods aside {
	display:none;
}
.prods .filter-mobile {
display:block;
}
.prods .filter-mobile label {
display:block;
line-height:30px;
}
.prods .filter-mobile select {
	width:75%;
	float:right;
} 
.prodList {
width:100%;
float:none;
margin:0 20px;
}
.prodList li {
	width:45%;
}
.filter-mobile { 
border-bottom:1px solid #ccc;
} 
section.extras {
padding:10px;
background:#6D9BCC;
width:100%;
float:left;
}
section.extras .social {
float:left;
}
.spaceHeight 
{
	display:none;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
header, .main {
width:auto;
}
#wrapped {
height:auto;
}
.fixed, .fixedContent {
position:inherit;
left:inherit;
top:inherit;
margin:inherit;
}
.search, .content.trabajo aside, .osoContacto, .banner-mes-mobile {
display:none;
} 
.social {
display:block;
/*margin-left:100px;*/
}
.content {
clear:both;
padding:20px 10px;
}
.content .block, .content .block:last-child {
background:none;
width:250px; 
height:auto;
float:left;
margin-right:10px;
margin-bottom:20px;  
} 
.content .block img {
width:250px; 
height:auto;
}
.visionImg img 
{
	height:80px;
}
.content .block .ic_caption {
width:240px !important;
margin:0; 
}
footer {
padding:0 10px;
}
section.left, section.right {
width:100%;
float:none;
margin-bottom:20px; 
} 
.d-block { 
padding:10px;
}
section.right {
height:auto;
}
section.detProd .left {
width:400px;
}
section.detProd .left .desc {
margin-bottom:20px;
}
section.detProd .left .logos {
clear:both;
}
.content.detReceta {
padding:10px 0;
position:inherit;
height:auto;
}
.content.detReceta .banner {
position:inherit; 
margin-left:0px;
width:200px;
float:left;
}	 
section.receta {
float:right; 
width:calc(100% - 200px);	 
}
.contentReceta {
height:auto;
}
section.receta h1 {
margin:0;
}
section.receta .share {
text-align:left;
padding:10px;
} 
.mainContent .posts {
width:calc(100% - 190px);
} 
.mainContent .posts .left {
width:100px;
}
.mainContent .posts .left figure img {
width:100px;
}
.mainContent .posts .desc {
width:calc(100% - 170px);
}
.mainContent .posts h2 {
width:92%;
}
.content.trabajo .articles {
float:none;
width:100%;
}
table tr.browse {
display:none;
}
.content.trabajo article .oferta {
padding:10px;
}
.content.trabajo article .oferta input, .content.trabajo article .oferta select, 
.content.trabajo article .oferta textarea {
width:200px;	
}
.spaceHeight 
{
	display:none;
}
} 
@media screen and (min-width: 960px) {
.search {
display:block;
}
}
@media screen and (min-width: 768px) and (max-width: 799px) {
.content .block, .content .block:last-child {
background:none;
width:235px; 
height:auto;
float:left;
margin-right:10px;
margin-bottom:20px;  
} 
.content .block img {
width:235px; 
height:auto;
}
.content .block .ic_caption {
width:225px !important;
margin:0; 
}
section.detProd .left {
width:380px;
}
.content.recetas .block, .content.recetas .block:last-child {
height:85px;
}
.prodList {
width:580px;
float:left;
margin-left:180px;
}
.prodList li {
	width:31%;
}
.spaceHeight 
{
	display:none;
}
}
@media screen and (min-width: 800px) and (max-width:850px) {
.content.recetas .block, .content.recetas .block:last-child {
height:85px;
}
.prodList {
width:580px;
float:left;
margin-left:200px;
}
.prodList li {
	width:31%;
}
.spaceHeight 
{
	display:none;
}
}
@media screen and (min-width: 851px) and (max-width: 966px) {
.prodList {
width:570px;
float:left;
margin-left:200px;
}	
}
@media screen and (min-width: 320px) and (max-width: 768px) {
nav.submenu ul.amarillo {
	display:none !important;
}
}