/* PARTE CSS DEL MENU RESPONSIVE */
header {
width:100%;
}

/* MIrar este estilo para que sirve, creo que para nada*/
header nav {
width:90%;
max-width:1000px;
margin:20px auto;
background:#024959;
font-family:Roboto Condensed;
}
 
.icon-circle-right{ 
	background-image:url(../img/icon/arrow-right.png); 
	width:25px; 
	height:25px;
}

.menu_bar {
display:none;
}
 
header nav ul {
overflow:hidden;
list-style:none;
}
 
header nav ul li {
float:left;
}
 
header nav ul li a {
color:#fff;
padding:20px;
display:block;
text-decoration:none;
}
 
header nav ul li span {
margin-right:10px;
}
 
header nav ul li a:hover {
background:#037E8C;
}
 
section {
padding:20px;
}
 
@media screen and (max-width:768px ) {
header nav {
width:80%;
height:100%;
left:-100%;
margin:0;
position: fixed;
}
 
header nav ul li {
display:block;
float:none;
border-bottom:1px solid rgba(255,255,255, .3);
}
 
.menu_bar {
display:block;
width:100%;
background:#ccc;
}
 
.menu_bar .bt-menu {
display:block;
padding:20px;
background:#024959;
color:#fff;
text-decoration:none;
font-weight: bold;
font-size:25px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
 
.menu_bar span {
float:right;
font-size:40px;
}
}

@media screen and (max-width:768px){.hide_on_mobile{display:none!important} }
/*  MENU PLANETA HUERTO    */
@media screen and (min-width:769px){.our-catalog{display:none;!important} }
.photo{float:left;width:112px;height:54px;overflow:hidden;border:none;}
.mod-catalog{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;vertical-align:top;width:100%}
.mod-catalog .title{font-weight:normal;line-height:22px;font-size:20px;color:#669934;margin-bottom:5px;}
.mod-catalog .title a{ color:#7F1FAA}
.mod-catalog .title strong{font-weight:normal}
.mod-catalog .photo{position:relative;display:block;border:1px solid #d0d0d0;border-bottom:none}
.mod-catalog .photo img{display:block;width:100%}
.mod-catalog .photo span{position:absolute;top:0;left:0;right:0;bottom:0;display:none;background:rgba(255,255,255,.7);line-height:17px;font-size:15px;color:#300;padding:20px}
.mod-catalog .photo:hover span{display:block}
.mod-catalog,.our-catalog .mod-catalog,.our-catalog .mod-catalog.small{float:none;width:auto;padding-left:112px;height:54px;border:1px solid #d0d0d0;position:relative;display:block;overflow:hidden;margin-bottom:10px}
.mod-catalog .title,.our-catalog .mod-catalog .title,.our-catalog .mod-catalog.small .title{line-height:22px;margin-bottom:0;position:relative}
/* ESTA ES LA LINEA ORIGINAL CON WIDTH: 75%
.mod-catalog .title a,.our-catalog .mod-catalog .title a,.our-catalog .mod-catalog.small .title a{height:54px;width:75%;padding-left:7%;padding-right:5%;display:table;font-size:18px}
*/
.mod-catalog .title a,.our-catalog .mod-catalog .title a,.our-catalog .mod-catalog.small .title a{height:54px;width:100%;padding-left:15px;padding-right:0%;display:table;font-size:18px;}
.mod-catalog .title a strong,.our-catalog .mod-catalog .title a strong,.our-catalog .mod-catalog.small .title a strong{display:table-cell;vertical-align:middle;font-weight:normal}
.mod-catalog .photo,.our-catalog .mod-catalog .photo,.our-catalog .mod-catalog.small .photo{float:left;width:110px;height:54px;overflow:hidden;border:none;position:absolute;top:0;left:0}
.mod-catalog .info{position:relative;padding:10px;padding-right:35%;border:1px solid #d0d0d0;border-top:none}
.mod-catalog .info li{font-weight:normal;line-height:20px;font-size:14px;color:#333}
.mod-catalog .info a{color:#333}
.mod-catalog .info a:hover{color:#669934;text-decoration:underline}
.mod-catalog .info strong{font-weight:400;font-size:15px;color:#f60}
.mod-catalog .info img{position:absolute;bottom:5px;right:5px;max-width:32%}
.mod-catalog span {float:right; font-size:30px; margin-top:12px;}
@media screen and (max-width:768px){.mod-catalog span{ margin-right:25px;}}
@media screen and (max-width:360px){.mod-catalog span{ margin-right:10px;}}
.title{font-weight:normal;line-height:22px;font-size:20px;color:#669934;margin-bottom:5px;}
.title a{color:#669934; text-decoration:none;}