@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
* { margin:0; padding:0; }
html{ margin:0 !important}
body { font-family: 'Muli', sans-serif !important;margin:0; padding:0 !important; color:#535050 !important; position:relative; font-size:18px!important; width:100%;}
a,button{outline: 0px;}
	h1, h2, h3, h4, h5, h6 {font-family: 'Muli', sans-serif !important;color:#000 !important; font-weight:400; }
		h1 { font-size:35px; color: #000 !important}
		h2 { font-size:25px; color: #000 !important}
		h3 { font-size:20px; color: #000  !important}
		h4 { font-size:16px;  }

	input:focus, select:focus, textarea:focus,.btn_cerra:focus { outline:none }

	input, input[type="text"], input[type="file"] { background: none; border: none;color:#666 }

	nav ul{ margin:0 !important; padding:0 !important}
ul, li{ list-style: none}

	a {text-decoration:none!important; color:RGB(228,103,97)!important; font-size:16px;/*-webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;*/ }
		a:hover { text-decoration:none!important;  }
		a img { border:none; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 800ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
			a:hover img{-webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}

		img{ }

	.clear { clear:both; }

	.text { }


	.flip { cursor:pointer }
	
	.no_padding{ padding:0}
	.no_gutter > [class*='col-'] {  padding-right:0; padding-left:0;}
	.col-centered{float: none;margin: 0 auto;display: table;}

.display_table{ display: table; width: 100%;; height: 100%}
.display_table_cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle}

.shared{ text-align: center;}
.shared h5{ text-transform: uppercase; font-weight: bold!important; color: #000!important}
.shared li{ display: inline-block}
.shared li a{ display: block; margin: 0 2px}
.shared li a i{font-size: 13px; }
/********************fin Reset******************/

/******************************* HEADER *******************************/
#content_header{ position: fixed; top: 10px; left: 0; width: 100%; background: rgba(255, 255, 255, 0.7); z-index: 1000  }
#content_header.animar_header{background: rgba(255, 255, 255, 1);} 
#logo_top{ display: table;position: absolute; width: 15%}
#logo_top img{ width: 100%}
#logo_top.animar_logo{}
#logo_top.animar_logo img{ width: 60%}
#access{ text-align: right;}
#access ul{}
#access li{display: inline-block;}
#access a{display: block;color: #666!important;font-size: 16px!important;padding: 19px 15px;position: relative;font-weight: bold;}
#access a:after{height: 2px; transition: all 300ms ease-out;} 
#access li.current-menu-item a:after,#access li:hover a:hover{ /*background: #2196f3;*/ transition: all 300ms ease-out; color: #fff!important}
/*#access li.current-menu-item a:after,#access li:hover a:after{ content:''; background: #2196f3; display: block; position: absolute; width:100%; height: 2px; left: 0; bottom: 0;transition: all 300ms ease-out; }*/
#content_header #redes_sociales{ margin-top: 15px}
#menu{display: none}

/*********SECTIONS GRAL************/
.btn_whatsapp{position: fixed;right: 20px;bottom: 20px;width: 60px;}
.container_fresita{ padding: 0 10%; position: relative}
    .section_home{ overflow: hidden; position: relative}

.header_section{ margin: 30px 0}
.header_left{ text-align: left}
.header_center{ text-align: center}
.header_right{ text-align: right}
    .header_section h3,.header_section h4,.header_section h5,.header_section h6{ color: #000 !important;}
	.header_section h3{ font-size:40px; font-weight: 500; text-transform: uppercase}
	.header_section h4{ font-size:35px}
	.header_section h5{ font-size:30px}
	.header_section h6{ font-size:25px}
		.header_section span{ position:relative;}						
		.header_section span:after{   }						
		.header_section p{ padding: 0 5%;}						

.banner_section{  overflow: hidden; position: relative}
.banner_section .display_table_cell{ vertical-align: middle;}
.banner_section { margin: 0 auto}
.banner_section  h1,.banner_section h3{ font-size: 55px; color: #fff!important; font-weight: 400; text-align: center;}
.btn_fresita{ background: rgb(228,103,97); border-radius: 200px; padding: 10px 30px; display: table; margin: 0 auto; color: #fff!important; font-size: 18px; position: relative;z-index: 500;border: 2px solid #ff6b64;}

.content_banner{position: absolute;top: 0; left: 0; width:100%; height: 100%;}
.curvas{ position: absolute; width: 100%; left: 0; bottom: 0}

/*******PORODUCTOS****HOME**********/

#product_home{}
.item_tax{ position: relative;transition: all 300ms ease-out;}
.bg_tax{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .7;transition: all 300ms ease-out;}
.item_tax:hover .bg_tax{ opacity: 1;transition: all 300ms ease-out;}
.item_tax figure{ /*padding: 1px;*/ position: relative; overflow: hidden}
.item_tax figure img{ width: 100% }
.item_tax figure .summary_tax{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0;  text-align: center}
.summary_tax .ico_tax,.summary_tax .logo_tax{ display:table; margin:0 auto}
.summary_tax .ico_tax{ width: 25%}
.summary_tax .logo_tax{ width: 70%!important; margin: 15px auto 15% auto}
.item_tax .summary_tax h3{ opacity: 0; color: #fff!important}
.item_tax .summary_tax h3 a{color: #fff!important}
.item_tax .summary_tax:hover h3{ opacity: 1}
/*********TAX**PRODUCTOS*******************/

#product_tax{ margin-bottom: 45px }
#product_tax .header_section .display_table_cell{ vertical-align: middle}
.product_tax_item{ overflow: hidden}
.product_tax_item figure{ position: relative}
.product_tax_item figure .logo_tax{ position: absolute; display: table; top: 0; left: 0; width: 25%; margin: 0 35px}
.product_tax_item .summary_tax{ padding: 5% 30px}
.product_tax_item .summary_tax h3{ text-transform: uppercase; text-align: center; color: #fff!important}
.product_tax_item .summary_tax p{  color: #fff}

.product_tax_item .summary_tax .ico_tax{ position: absolute; width: 100%; top: 60%; left: 0;transform: rotate(-45deg); opacity: 0.5}

#more_product .header_section,#more_product .header_section h3{margin: 0; }
.curvas_more{ margin-bottom: -7px}

/*******PORODUCTO****VISTA**********/
.single_product{}
#header_producto .logo_tax{ display: table; margin: 5% auto 0 auto;  width: 20%}

.single_product .summary_tax{ padding: 7% 5%}
.single_product .summary_tax h1,.single_product .summary_tax h3{ text-transform: uppercase; color: #fff!important; font-weight: bold; margin-bottom: 30px}
.single_product .summary_tax p{color: #fff!important; }

#sabores { margin: 45px 0}


#sabores .container_fresita{ padding:  0 5%}

#lista_sabores{ position: relative}
#lista_sabores .item_sabor{ padding: 15px; width:auto!important; height: auto!important; border: none; border-radius: 0!important}
#lista_sabores .item_sabor:hover{ background: none}
#lista_sabores .item_sabor h4{ text-transform: uppercase; font-size: 12px; text-align: center; font-weight: 400}


.tabla_sabores{}
.tabla_sabores ul{ text-align: center; margin: 45px 0!important}
.tabla_sabores ul li{ display: inline-block; width: 16%; margin: 0 10px; border-radius: 80px; padding-top: 45px; overflow: hidden}
.tabla_sabores ul li h4{; color:#fff!important; margin: 0!important}
.tabla_sabores ul li span{ display: block; color:#fff;font-size: 45px; font-weight: bold}
.tabla_sabores ul li span.gramos{ margin-bottom: 10px }
.tabla_sabores ul li span.porcentaje{ padding: 0px 0 35px 0; box-shadow: inset  80px 80px 300px rgba(0,0,0,0.15) }
.tabla_sabores .btn_fresita{ margin: 25px 0!important; float: right}
#more_product .header_section{}
#more_product .header_section h3{ color: #fff!important; margin-bottom: 35px; font-size: 30px}

#more_product .product_tax{ margin: 15px}
#more_product .product_tax h3{  margin: 0; text-transform: uppercase; text-align: center; color: rgb(256,256,256)!important;}
#more_product .product_tax h3 a{  color: rgb(256,256,256)!important}
/*******NOSOTROS****HOME**********/

#nosotros_home{}
#nosotros_home .display_table_cell{ vertical-align: top; padding-top: 8%}
.barcos{ position: absolute; left: 0px; bottom: -5px}

#nosotros_home .entry_summary h3,#nosotros_home .entry_summary p{ color:#00B0D9!important; text-align: center}
#nosotros_home .entry_summary p{ padding: 0 10%; font-weight: bold}


#figure_page{ position: relative}
#video_corp{ width: 100%; height: 100%; position: absolute; top: 0; left: 0}
/*******ACTUALIDAS(BLOG)**********/

#actualidad{ padding: 35px 0}
#menu_blog{ text-align: center; margin: 35px auto}
#menu_blog ul{ margin: 0; padding: 0;}
#menu_blog ul li{ display: inline-block; vertical-align: middle;; margin: 0 10px}
#menu_blog ul li a{ display: block; transition: all 300ms ease-out;}
#menu_blog ul li a:hover{ transform: scale(1.15);transition: all 300ms ease-out;}
#actualidad.section_home{}
#actualidad .header_section h3{ color: rgb(256,256,256)!important}

.item_blog figure img{ width: 100%}
.item_blog_left{position: relative}
.item_blog_left .summary_blog{ background: rgb(256,256,256); padding: 15px; position: absolute; width: 100%; bottom: 0; left: 0}
.item_blog .summary_blog{ padding: 15px}
.item_blog .summary_blog h4{ text-transform: uppercase; font-weight: normal;color: rgb(0,176,217)!important; font-size: 17px; margin: 0px 0px 10px 0}
.item_blog .summary_blog p{ color: rgb(0,176,217)!important;line-height: 1.233em; font-size: 16px}


.section_tax .item_blog .summary_blog p{ color: rgb(0,176,217)!important; line-height: 1.233em; font-size: 16px}
.item_blog .summary_blog a{ padding: 5px 10px; font-size: 16px}

.item_blog_right .row{ background: rgb(256,256,256)}



.last_item_blog{}
.last_item_blog .summary_blog{}
.last_item_blog .summary_blog h4{ font-size: 14px}

.article_blog{}
.article_blog .summary_blog { padding: 15px}
.article_blog .summary_blog h1{ margin: 0 0 15px 0 ;}
.article_blog .summary_blog ul li{ list-style: disc!important}
/*******TIENDAS*********/

#tiendas{background: rgba(255,255,255,0);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(228,103,97,1) 75%, rgba(228,103,97,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(75%, rgba(255,255,255,0)), color-stop(75%, rgba(228,103,97,1)), color-stop(100%, rgba(228,103,97,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(228,103,97,1) 75%, rgba(228,103,97,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(228,103,97,1) 75%, rgba(228,103,97,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(228,103,97,1) 75%, rgba(228,103,97,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 75%, rgba(228,103,97,1) 75%, rgba(228,103,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e46761', GradientType=1 );position: relative; padding: 80px 0}
#tiendas .bg_left,#tiendas .bg_right{}
#tiendas .bg_left{ width: 18%; left: 0;bottom: 0px; position: fixed;z-index: -1}
#tiendas .bg_right{width: 20%; right: 0;bottom: -30px; overflow: hidden; position: absolute; }
#tiendas .bg_right img{ transform: translateX(30%)}

#btn_map{cursor: pointer}
#map{ height: 400px; width: 100%;}

/***********PAGINAS**GENERAL**********/

#single_page{}
#single_page #entry_page{  overflow-y: auto}
#single_page #entry_page .entry_content{padding: 15px;}

#entry_page::-webkit-scrollbar { margin-right: 5px;
  width: 7px;
  height: 2px;
}
#entry_page::-webkit-scrollbar-button {margin-right: 5px;
  width: 2px;
  height: 3px;
}
#entry_page::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 2px none #ffffff;
  border-radius: 50px;margin-right: 5px;
}
#entry_page::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
#entry_page::-webkit-scrollbar-thumb:active {
  background: #000000;
}
#entry_page::-webkit-scrollbar-track {
  background: rgba(214,110,44,1);
  border: 10px none #ffffff;
  border-radius: 50px;
}
#entry_page::-webkit-scrollbar-track:hover {
  background: rgba(214,110,44,1);
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
#entry_page::-webkit-scrollbar-corner {
  background: transparent;
}

/*******CONTACTO************/

#contacto{background: #ede2c2} 

#form_left .item_form{ margin-bottom: 45px}
.form_fresita #form_right textarea{border: 2px solid rgba(228,103,97,1)!important; margin-top: 20px; height: 150px!important; max-height: 150px!important }
.form_fresita .item_form_text{ text-align: center}
.form_fresita .item_form_text p{ }

/*******FORMATO CONTENTIDO********/		
.entry_content{ margin: 0 auto 55px auto;}
.entry_content table{ border:1px solid rgb(0,0,0)}
.entry_content table tr td{ line-height:1em}
.entry_content table tr td h2{ text-align:center}
.entry_content table tr td h2,.entry_content table tr td h3,.entry_content table tr td h4,.entry_content table tr td h5,.entry_content table tr td h5{ color:#77b8d6 }

.entry_content table tr td p{ color:#fff !important}}			
.entry_content h1{ line-height: 1em;font-size: 28px}
.entry_content h2,.entry_content h3,.entry_content h4,.entry_content h5,.entry_content h6{ clear: both; font-weight: bold;color:#5b646e  !important; margin-bottom:15px !important;line-height: 1em; }						
.entry_content h2 strong,.entry_content h3 strong,.entry_content h4 strong,.entry_content h5 strong,.entry_content h6 strong{color:#000 !important}
.entry_content h2{font-size: 24px}
.entry_content h3{font-size: 20px}
.entry_content h4{font-size: 18px }
.entry_content h5{ font-size: 16px}
.entry_content h6{ font-size: 14px}
.entry_content strong,.entry_content b{ color: #000 !important}
.entry_content a,.entry_content a strong,.entry_content a b,.entry_content p a{ color:#000; font-size: 18px;}
.entry_content a:hover,.entry_content a:hover strong,.entry_content a:hover b,.entry_content p a:hover{ color:#fff  !important; font-size: 18px;}					
.entry_content p{ line-height:1.33em; font-size:17px !important; margin-bottom: 20px!important }					
.entry_content ul{ margin-left:70px; margin-top: 35px!important; margin-bottom: 35px; text-align: left}
.entry_content ul li{ margin-bottom:15px;  position:relative; font-size:15px; }					
.entry_content blockquote{ border-radius:15px; border-left: none;border-right: none;border-top: none; border-bottom:#77b8d6 ; text-align:center; box-shadow:0px 3px 5px rgba(6,6,6,0.4); margin:25px auto}
.entry_content blockquote p{ color:#424142; font-weight: bold}
.entry_content .gallery img{ width: 100%; height: 100%}

/***********PAGINADOR***************/

#pagination{ display: table; margin: 25px auto; text-align: center}
#pagination li{ display: inline-block; margin: 0 2.5px}
#pagination li a,#pagination li span{ font-size: 18px; display: block; min-width: 35px; min-height: 35px; padding: 3px; text-align: center; border: 1px solid #7ab3a0; line-height: 32px}
#pagination li a:hover,#pagination li span:hover,#pagination li span.current{ background: #7ab3a0; color: #fff!important; cursor: pointer}


.owl-buttons{}
.owl-buttons div{ position: absolute; top: 0; bottom: 0; width: 45px; height: 45px; margin: auto; text-align: center}
.owl-buttons div.owl-prev{ left: -35px;}
.owl-buttons div.owl-next{ right: -35px}

/************FORMATO FORMULARIOS***************/
.form_fresita{  margin: 0 15%;transition: all 400ms ease-out;}
.form_fresita .item_form{margin-bottom: 10px}
		.form_fresita p{ /*margin:15px !important*/}
			.form_fresita input,.form_fresita textarea,.form_fresita select{ background: none; font-size:14px; font-weight: bold;border-radius: 0px;padding:10px!important; border: 2px solid RGB(228,103,97); border-top: none; border-right: none; border-left: none; width:100%; color:RGB(228,103,97) !important;font-family: 'Muli', sans-serif !important; }
			.form_fresita input:focus,.form_fresita textarea:focus{ outline: none;  border:none; color:RGB(228,103,97) !important}
		
			.form_fresita textarea{ max-height:205px !important; height:205px !important}
			
		.form_fresita input.btn_fresita{ background: RGB(228,103,97); color: #fff!important; font-size: 16px!important; width: auto!important; padding: 2px 15px!important; margin-top: 20px!important}
			.form_fresita input.btn-default:hover{ background:none !important; color:RGB(228,103,97) !important}
			
			.form_fresita input:focus::-webkit-input-placeholder { color:RGB(228,103,97); }
			.form_fresita input:focus::-moz-placeholder { color:RGB(228,103,97); } /* firefox 19+ */
			.form_fresita input:focus::-ms-input-placeholder { color:RGB(228,103,97); } /* ie */
			.form_fresita input:focus::-o-placeholder { color:RGB(228,103,97); }

            .form_fresita input::-webkit-input-placeholder { color:RGB(228,103,97);font-family: 'Muli', sans-serif !important; }
			.form_fresita input::-moz-placeholder { color:RGB(228,103,97);font-family: 'Muli', sans-serif !important; } /* firefox 19+ */
			.form_fresita input::-ms-input-placeholder { color:RGB(228,103,97);font-family: 'Muli', sans-serif !important; } /* ie */
			.form_fresita input::-o-placeholder { color:RGB(228,103,97);font-family: 'Muli', sans-serif !important; }

			
			.form_fresita textarea:focus::-webkit-input-placeholder { color:RGB(228,103,97); }
			.form_fresita textarea:focus::-moz-placeholder { color:RGB(228,103,97); } /* firefox 19+ */
			.form_fresita textarea:focus::-ms-input-placeholder { color:RGB(228,103,97); } /* ie */
			.form_fresita textarea:focus::-o-placeholder { color:RGB(228,103,97); }

            .form_fresita textarea::-webkit-input-placeholder { color:RGB(228,103,97);font-family: 'Muli', sans-serif !important; }
			.form_fresita textarea::-moz-placeholder { color:RGB(228,103,97); font-family: 'Muli', sans-serif !important;} /* firefox 19+ */
			.form_fresita textarea::-ms-input-placeholder { color:RGB(228,103,97);font-family: 'Muli', sans-serif !important; } /* ie */
			.form_fresita textarea::-o-placeholder { color:RGB(228,103,97); font-family: 'Muli', sans-serif !important;}


/*********REDES**SOCIALES****************/
#redes_sociales{ padding: 0!important; margin-left: 15px}
#redes_sociales ul {list-style: none;}
#redes_sociales li { display: inline-block; vertical-align: middle; margin: 0 1px}
#redes_sociales a{ display: block; text-align: center;}
#redes_sociales a:before{background:none; border:1px solid #0091d2 ;font: normal normal normal 16px/1 FontAwesome;content: "\f415"; color: #0091d2;width: 25px; height: 25px; border-radius: 50px;; display: block; line-height: 25px}
#redes_sociales a:hover:before{ background:#fff!important; color:#0091d2!important }
#redes_sociales a[href*="codepen.io"]:before {content: "\f1cb ";}
#redes_sociales a[href*="digg.com"]:before {content: "\f1a6 ";}
#redes_sociales a[href*="dribbble.com"]:before {content: "\f17d ";}
#redes_sociales a[href*="dropbox.com"]:before {	content: "\f16b ";}
#redes_sociales a[href*="facebook.com"]:before {content: "\f09a";}
#redes_sociales a[href*="flickr.com"]:before {content: "\f16e ";}
#redes_sociales a[href*="foursquare.com"]:before {content: "\f180 ";}
#redes_sociales a[href*="plus.google.com"]:before {	content: "\f0d5";}
#redes_sociales a[href*="github.com"]:before {content: "\f09b";}
#redes_sociales a[href*="instagram.com"]:before {content: "\f16d ";}
#redes_sociales a[href*="linkedin.com"]:before {content: "\f0e1 ";}
#redes_sociales a[href*="pinterest.com"]:before {content: "\f231";}
#redes_sociales a[href*="getpocket.com"]:before {content: "\f265";}
#redes_sociales a[href*="f281 .com"]:before {content: "\f222";}
#redes_sociales a[href*="skype.com"]:before {content: "\f17e ";}
#redes_sociales a[href*="twitter.com"]:before {	content: "\f099 ";}
#redes_sociales a[href*="vimeo.com"]:before {content: "\f27d ";}
#redes_sociales a[href*="youtube.com"]:before {	content: "\f16a ";}


/**********FOOTER****************/
#content_footer{  background: #0091d2; padding: 10px  0; /*margin-top: 25px;*/}

.item_footer h4{ text-transform: uppercase; font-weight: bold; color: #fff!important}
.item_footer ul{ margin: 0}
.item_footer ul li,.item_footer ul li a{ color: #fff!important;font-size: 15px;}
.footer_center{ text-align: center; border-left: 1px solid rgb(256,256,256); border-right: 1px solid rgb(256,256,256)}
.footer_center #logo_footer{ display: table; width: 30%; margin: 20px auto}
.footer_center p{  color: rgb(256,256,256); font-size: 14px; padding: 0 15%}

.copy_right{font-size: 16px;position: relative;top: 3px;}


.media_footer{ margin: 0!important}
.media_footer a:before{background:none; border:1px solid #fff!important ;font: normal normal normal 16px/1 FontAwesome;content: "\f415"; color: #fff!important;width: 25px; height: 25px; border-radius: 50px;; display: block; line-height: 25px}
.media_footer a:hover:before{ background:none!important; color:#fff!important }

.anchor_text{ background: rgb(256,256,256); margin-top: 10px;    padding: 10px 0;}

.anchor_right{ text-align: right}
.anchor_right img{width: 100px;position: relative;top: 7px;}
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}


.col-xs-1-5 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}				
}
@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}

/******** media queries ********/
@media only screen and (max-width: 1100px){
    /***** Mi CSS*****/
	.barcos{width: 50%;bottom: -30px;}
	#tiendas .bg_right{width: 25%;bottom: -22px; }
	.tabla_sabores ul li{width: 22% !important;}
}

@media only screen and (max-width: 900px){
	/***** Mi CSS*****/
	.copy_right {font-size: 14px;text-align: center;position: relative;top: 5px;}
	.anchor_right img{margin: 0 auto;display: block;}

	.tabla_sabores ul li{width: 24% !important;}
}

@media only screen and (max-width: 768px){
	.entry_content table tr td h2,.entry_content table tr td h3,.entry_content table tr td h4,.entry_content table tr td h5,.entry_content table tr td h5{ color:#fff !important}
	.entry_content table tr td{ background:rgb(224,23,23); display:block; float:none; width:95%; margin:5px auto; color:#fff}

	#menu{display: block}
	#menu{ position: relative; background: none; border: none}
	#menu h6,#menu #lineas_menu{ display: inline-block; vertical-align: middle}
	#menu #lineas_menu{ width: 35px; }
	#menu #lineas_menu span{ display: block; width: 95%; height: 2px; margin-bottom: 2px; background: #000}
	#access{ width: 100%; height: 100%; transform: scale(0); background: #000; position: fixed; z-index: 2000;transition: all 400ms ease-out; left: 0; top:40px; text-align: center}
	#access.activo{ transform: scale(1);transition: all 400ms ease-out;}
	#access a{display: block;color: #fff!important;font-size: 16px!important;padding: 19px 15px;position: relative;}
	
	/***** Mi CSS*****/
	/*logo*/
	#logo_top{width: 120px;}

	.entry_slider h3{font-size: 28px !important;}
	#slider .entry_slider p{font-size: 28px !important;}

	.barcos{bottom: -10px;}

	#tiendas .bg_right{width: 30%;bottom: -15px; }

	.item_footer ul li, .item_footer ul li a{font-size: 14px;}

	.tabla_sabores ul li{width: 30% !important;}

}

@media only screen and (max-width: 580px){
    /*.section_home{ padding: 5px 0px}*/
    .header_section{margin:25px auto}
    .header_section h3{ font-size: 25px}
    .header_section h4{ font-size:22px}
	.header_section h5{ font-size:20px}
	.header_section h6{ font-size:16px}

	/***** Mi CSS*****/
	.entry_slider h3{font-size: 24px !important;}
	#slider .entry_slider p{font-size: 24px !important;}

	.btn_fresita{padding: 5px 20px !important;}

	.item_blog_left .summary_blog{ position: relative;}

	.copy_right {top: 10px;}

	.tabla_sabores ul li{width: 45% !important;}
}

@media only screen and (max-width: 480px){
	/***** Mi CSS*****/
	#slider .entry_slider{max-width: 100% !important;margin-right: 22% !important;margin-bottom: 20% !important;}
	.entry_slider h3{font-size: 20px !important;}
	#slider .entry_slider p{font-size: 20px !important;}
	
	#nosotros_home .display_table_cell{padding-top: 0%;}

	#tiendas .bg_right{width: 35%;}
	.form_fresita .item_form_text p{font-size: 14px;}
	.form_fresita .item_form_text strong{font-size: 13px;}

	.tabla_sabores ul li{width: 65% !important;}

@media only screen and (max-width: 340px){
	/***** Mi CSS*****/
	#slider .entry_slider{margin-right: 15% !important;}
	.btn_fresita{padding: 5px 15px !important;font-size: 14px;}
	
	#tiendas .bg_right{width: 40%;}
	.tabla_sabores ul li{width: 80% !important;}

}
/******** Fin media queries *******