/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
/* html element 62.5% font-size for REM use */
/*html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}*/

html, body{width:100%; margin:0px; padding:0px; background:#ffffff;}
img{margin:0px; padding:0px; border:0 none; box-sizing:border-box; vertical-align: middle;}
.colorgourmet{ background:#EBEBEB;}

/* clear */
.clear:before, .clear:after {content:' '; display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}
img {max-width:100%; vertical-align:bottom;}
a{color:#444; text-decoration:none;}
a:hover {color:#444;}
a:focus {outline:0;}
a:hover, a:active {outline:0;}
input:focus {outline:0; border:1px solid #04A4CC;}
.limpieza{ clear:both;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family: 'metropolislight';
    src: url('fonts/metropolis-light-webfont.woff2') format('woff2'),
         url('fonts/metropolis-light-webfont.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'metropolissemi_bold';
    src: url('fonts/metropolis-semibold-webfont.woff2') format('woff2'),
         url('fonts/metropolis-semibold-webfont.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'metropolismedium';
    src: url('fonts/metropolis-medium-webfont.woff2') format('woff2'),
         url('fonts/metropolis-medium-webfont.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'metropolisextra_light';
    src: url('fonts/metropolis-extralight-webfont.woff2') format('woff2'),
         url('fonts/metropolis-extralight-webfont.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
    font-family: 'metropolisregular';
    src: url('fonts/metropolis-regular-webfont.woff2') format('woff2'),
         url('fonts/metropolis-regular-webfont.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'metropolisbold';
    src: url('fonts/metropolis-bold-webfont.woff2') format('woff2'),
         url('fonts/metropolis-bold-webfont.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
	font-style:normal;
	font-display: swap;
}

@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('fonts/bebasneue_regular-webfont.eot');
    src: url('fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_regular-webfont.woff') format('woff'),
         url('fonts/bebasneue_regular-webfont.ttf') format('truetype'),
         url('fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'League Gothic';
    src: url('fonts/leaguegothic-regular-webfont.eot');
    src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url('fonts/leaguegothic-italic-webfont.eot');
    src: url('fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}

/* Condensed */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('fonts/leaguegothic-condensed-regular-webfont.eot');
    src: url('fonts/leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-condensed-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-condensed-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

/* Condensed Italic */
@font-face {
    font-family: 'League Gothic Condensed';
    src: url('fonts/leaguegothic-condensed-italic-webfont.eot');
    src: url('fonts/leaguegothic-condensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-condensed-italic-webfont.woff') format('woff'),
         url('fonts/leaguegothic-condensed-italic-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-condensed-italic-webfont.svg#league_gothic_condensed_itaRg') format('svg');
    font-weight: normal;
	font-style: italic;
	font-display: swap;
}

.lineainicio{width: 43%;  margin: 77px auto 78px 0px;  height: 1px;  background: #9a9a9a;}
.anchoweb3{max-width: 1377px; width: 95%; margin: 0px auto; position:relative; z-index:2;}
/*HEADER MENU*/
.zonamenu{position:fixed; top:0px; left:0px; width:100%;  background:#fff;  z-index:99; height:73px;}
.menu2{max-width:2030px; width:98%; margin:0px auto; padding:26px 0px; position:relative;}
.contactosup{ position:absolute; top:24px; left:8px; /*width:70px;*/ width: 142px; margin: 0px;}
#logosupresponsive{ display:none; position: absolute; top: 0px; left: 20px; max-width:76px;}
#menudch{position:absolute; top:24px; right:0px; width:114px;}
#zonalistmen{ /*max-width: 1024px; width:95%; */ display: flex; width: 100%; margin:0px auto; padding:23px 0 0 0;}
#zonalistmen2{ display:none; width: 100%; margin: 17px auto 0; position: relative; overflow-y: auto; height:400px; background:#fff;}
#cajamenu{padding: 9px 11px; border: 1px solid #000; cursor:auto; width:50px; margin:15px auto 0px; display:none;}
#cajamenu:hover{ cursor:pointer;}
.icon-bar{display: block; width: 95%; height: 3px; border-radius: 1px; background: #4064aa; margin: 3px auto;}
.menu:after{ clear:both;}
.enlacesmenu{ width:100%; display: flex; justify-content: center;}
.enlacesmenu img{ margin:0px 0px -56px;}

.iconosup{margin:0 0 0 5px; padding:0px; width: 22px; height: 22px; display: block; position: relative; float:left;}
.iconosup div{width: 22px; height: 22px; position: relative;}
.iconosup svg{ color:#4064aa; fill:#4064aa; width: 100%; height: 100%;}
.iconosup a{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;}

.iconosupg svg{ color:#000; fill:#000; width: 100%; height: 100%;}
.sep117{ height:117px;}

.alturaicono{ height:22px;}
#logosup{ width:9.07%; text-align:center; position:relative;}
#logosup img{ max-width:100%; height:auto; /*position:absolute; top:0px; left:0px;*/}
.listamenu ul{ list-style: none; padding: 0px; margin: 0px;}
.listamenu ul li{ display: inline-block; margin: 0px 8px; position:relative;/* padding:0px 0px 80px;*/ padding:0px 0px 0px;}
.listamenu ul li a {padding: 5px 0px 0px; border-top: 1px solid #fff; font-size: 16px; font-family: "metropolislight"; color: #4064aa; text-decoration: none;}
.listamenu ul li a:hover{color:#c52329; border-top: 1px solid #c52329;}
.listamenu ul li.current-menu-item a{color:#c52329; border-top: 1px solid #c52329;}
.listamenu ul li.current-menu-parent a{color:#c52329; border-top: 1px solid #c52329;}
.listamenu ul li ul{ position:absolute; top:20px; left:-59px; width:207px; background:rgba(64,100,170, 0.8); display:none; padding:10px 5px; z-index: 5;}
.listamenu ul li ul li{ display:block; padding:5px; text-align:right;}
.listamenu ul li ul li a {padding: 0px 0px 0px 10px; border-top: 0px solid #fff; border-left: 0px solid #c52329; font-size: 16px; font-family: "metropolislight"; color: #fff; text-decoration: none;}
.listamenu ul li ul li a:hover{color:#fff; border-top: 0px solid #c52329; border-left: 3px solid #c52329;}
.listamenu ul li.current-menu-parent ul li a {padding: 0px 0px 0px 10px; border-top: 0px solid #fff; border-left: 0px solid #c52329; font-size: 16px; font-family: "metropolislight"; color: #fff; text-decoration: none;}
.listamenu ul li.current-menu-parent ul li a:hover{color:#fff; border-top: 0px solid #c52329; border-left: 3px solid #c52329;}
.listamenu ul li.current-menu-parent ul li.current-menu-item a{color:#fff; border-top: 0px solid #c52329; border-left: 3px solid #c52329;}



.listamenu ul li:hover > ul{ display:block;}

.listaidioma ul{ list-style: none; padding: 0px; margin: 0px;}
.listaidioma ul li{ display: inline-block; margin: 0px 2% 0px 2%;}
.listaidioma ul li a {padding: 5px 0px 0px; border-top: 1px solid #fff; font-size: 16px; font-family: "metropolislight"; color: #4064aa; text-decoration: none;}
.listaidioma ul li a:hover{color:#c52329; border-top: 1px solid #c52329;}

.listamenu2 ul{ list-style: none; padding: 0px; margin: 0px;}
.listamenu2 ul li{ display: block; margin: 5px 0px; text-align:center;}
.listamenu2 ul li a {padding: 5px 0px 0px; font-size: 16px; font-family: "metropolislight"; color: #4064aa; text-decoration: none;}
.listamenu2 ul li a:hover{color:#c52329;}
/*FIN HEADER MENU*/

#zonaredes{ margin:35px 0px 35px;}
.iconoredes{ float:left; position:relative; width:20px; height:20px; margin:0px 10px 10px 0px;}
.iconoredes svg{color:#4064aa; fill:#4064aa; width: 100%; height: 100%;}
.iconoredes a{ position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}

.iconoredesg svg{color:#81754f; fill:#81754f; width: 100%; height: 100%;}

#navega{ font-size:14px; line-height:14px; text-transform:uppercase; font-family: "metropolisbold"; margin:17px 0px 50px; color:#808080;}
#navega a{ color:#808080; text-decoration:none;}
#navega a:hover{ color:#4064aa;}

#navegag{ font-size:14px; line-height:14px; text-transform:uppercase; font-family: "metropolisbold"; margin:17px 0px 50px; color:#808080;}
#navegag a{ color:#808080; text-decoration:none;}
#navegag a:hover{ color:#81754f;}

#zonaprodrel{ margin:120px 0px 0px;}

#zonaprodlist{ /*margin:60px 0px 0px;*/float:right; padding: 60px 0px 0px; margin: 1px 0px 0px; width:72%;}
#zonaprodlist2{ /*margin:60px 0px 0px;*/ padding: 60px 0px 0px; margin: 1px auto 0px; max-width:1158px; width:95%;}
#zonacate{ float:left; width:24.15%; padding:60px 0px 0px;}
#titulocategorias{ padding:16px 0px 16px 10px; text-transform:uppercase; font-size:16px; line-height: 16px; font-family: "metropolislight"; color:#4064aa; background:#ededed; margin:0px 0px 63px;}
#titulocategoriasg{ padding:16px 0px 16px 10px; text-transform:uppercase; font-size:16px; line-height: 16px; font-family: "metropolislight"; color:#fff; background:#81754f; margin:0px 0px 63px;}

#listacate ul{ margin:0px; padding:0px; list-style:none;}
#listacate ul li{ margin:0px 0px 5px; font-size:16px; line-height: 16px; font-family: "metropolislight"; text-transform:uppercase; color:#4064aa;}
#listacate ul li a{color:#4064aa; text-decoration:none;}
#listacate ul li a:hover{color:#c52329;}
#listacate ul li.current-menu-item{color:#c52329; font-family: "metropolisbold";}
#listacate ul li.current-menu-item > a{color:#c52329;}
/*
#listacate ul li.current-cat-parent{color:#c52329; font-family: "metropolisbold";}
#listacate ul li.current-cat-parent > a{color:#c52329;}*/
#listacate ul li ul{margin:0px; padding:0px; list-style:none;}
#listacate ul li ul.sub-menu{margin:5px 0px 0px;}
#listacate ul li ul li{margin:0px 0px 5px; font-size:16px; line-height: 16px; font-family: "metropolislight"; text-transform:none;}
#listacate ul li ul li:last-child{ margin:0px 0px 30px;}
#listacate ul li ul li a{color:#6b6b6b; text-decoration:none;}
#listacate ul li ul li a:hover{color:#c52329;}

#listacateg ul{ margin:0px; padding:0px; list-style:none;}
#listacateg ul li{ margin:0px 0px 5px; font-size:16px; line-height: 16px; font-family: "metropolislight"; text-transform:uppercase; color:#4064aa;}
#listacateg ul li a{color:#81754f; text-decoration:none;}
#listacateg ul li a:hover{color:#81754f;}
#listacateg ul li.current-menu-item{color:#81754f; font-family: "metropolisbold";}
#listacateg ul li.current-menu-item > a{color:#81754f;}/*
#listacateg ul li.current-cat-parent{color:#81754f; font-family: "metropolisbold";}
#listacateg ul li.current-cat-parent > a{color:#81754f;}*/
#listacateg ul li ul{margin:0px; padding:0px; list-style:none;}
#listacateg ul li ul.sub-menu{margin:5px 0px 0px;}
#listacateg ul li ul li{margin:0px 0px 5px; font-size:16px; line-height: 16px; font-family: "metropolislight"; text-transform:none;}
#listacateg ul li ul li:last-child{ margin:0px 0px 30px;}
#listacateg ul li ul li a{color:#000; text-decoration:none;}
#listacateg ul li ul li a:hover{color:#81754f;}

#cateres{ max-width:500px; margin:0px auto; display:none;}
.catesele select{ width:100%; background:#ededed; color:#4064aa; border:0px solid; padding:10px;}
.cateseleg select{ width:100%; background:#81754f; color:#fff; border:0px solid; padding:10px;}

#marcagourmet{ height:170px; position:absolute; top:73px; width:100%; left:0px;}

#tituloprodrel{font-size:27px; line-height:27px; text-align:center; font-family:"metropolislight"; color:#4064aa; padding:0px 0px 33px; max-width:339px; margin:0px auto 35px; border-bottom:1px solid #ededed;}
#tituloprodgrel{font-size:27px; line-height:27px; text-align:center; font-family:"metropolislight"; color:#81754f; padding:0px 0px 33px; max-width:339px; margin:0px auto 35px; border-bottom:1px solid #ededed;}
#tituloprodlist{font-size:27px; line-height:27px; text-align:right; font-family:"metropolislight"; color:#4064aa; padding:0px 0px 33px; width:100%; margin:0px auto 90px; border-bottom:1px solid #4064aa;}

.buscador{ max-width: 300px; width: 90%; margin: -50px auto 50px;}
.buscador form{ width: 100%;}
.buscador form input{width: 145px; padding: 5px 1%; border: 1px solid #e6e6e6; margin: 0 0 10px;}
.buscador form button{background: #e9e9e9; color: #7a7a7a;  text-transform: uppercase; text-align: center; padding: 5px; font-family: "metropolissemi_bold"; border: 0; margin: 0px 0 0 10px; width: 130px;}

.pagination{text-align: center;}

#tituloprodglist{font-size:27px; line-height:27px; text-align:right; font-family:"metropolislight"; color:#81754f; padding:0px 0px 33px; width:100%; margin:0px auto 90px; border-bottom:1px solid #ededed;}
.colrelacionados{ display:inline-block; /*width:28%;*/ width:31.33%; padding:0px 2% 0px 0px; margin:0px 0px 20px; position:relative; vertical-align:top;}
.colrelacionados a{ text-decoration:none; display:block; width:100%; height:100%; position:absolute; top:0px; left:0px;}
.colrelacionados img{ width:100%; height:auto;}
.txtcolprodrel{ color:#00375e; font-family: "metropolisbold"; text-align:center; font-size:14px; line-height:14px; text-transform:uppercase; margin:10px 0px 17px;}

#bannerprod{width:100%; height: 424px; margin:72px 0 0; padding:0px; background-position:center center; background-size:cover; display:flex; align-items:center; justify-content: center;}
.fondoblog{background-image:url('https://ubagogroup.com/wp-content/themes/html5blank-stable/img/fondoblog.jpg') !important;}
.fondonoticia{background-image:url('https://ubagogroup.com/wp-content/themes/html5blank-stable/img/fondonoticias.jpg') !important;}
#zonacategorias{ width:100%; padding:15px 0px; /*margin:73px 0px 0px;*/ margin:0px; background:#e6e6e6; font-size:14px; line-height:14px; color:#4064aa; text-transform:uppercase;}
#zonacategorias a{color:#4064aa; text-decoration:none; font-family: "metropolislight"; margin:0px 0px 0px 10px;}
#zonacategorias a:hover{color:#c52329; font-family: "metropolissemi_bold";}
#zonacategorias a.catactu{color:#c52329; font-family: "metropolissemi_bold";}

#zonacategorias2{ width:100%; padding:15px 0px; /*margin:73px 0px 0px;*/ margin:0px; background:#e6e6e6; font-size:14px; line-height:14px; color:#4064aa; text-transform:uppercase; position:fixed; top:72px; left:0px; z-index:5;}
#zonacategorias2 a{color:#4064aa; text-decoration:none; font-family: "metropolislight"; margin:0px 0px 0px 10px;}
#zonacategorias2 a:hover{color:#c52329; font-family: "metropolissemi_bold";}

#zonacategoriasg{ width:100%; padding:15px 0px; /*margin:73px 0px 0px;*/ margin:0px; background:#81754f; font-size:14px; line-height:14px; color:#000; text-transform:uppercase;}
#zonacategoriasg a{color:#000; text-decoration:none; font-family: "metropolislight"; margin:0px 0px 0px 10px;}
#zonacategoriasg a:hover{color:#000; font-family: "metropolissemi_bold";}
#zonacategoriasg a.catactu{color:#000; font-family: "metropolissemi_bold";}

#zonacategoriasg2{ width:100%; padding:15px 0px; /*margin:73px 0px 0px;*/ margin:0px; background:#81754f; font-size:14px; line-height:14px; color:#000; text-transform:uppercase; position:fixed; top:72px; left:0px; z-index:5;}
#zonacategoriasg2 a{color:#fff; text-decoration:none; font-family: "metropolislight"; margin:0px 0px 0px 10px;}
#zonacategoriasg2 a:hover{color:#000; font-family: "metropolissemi_bold";}

.colodorado{ color:#81754f;}

.txtcolprodgrel{ color:#81754f;}

.categoriasfija{ position:fixed; top:72px; left:0px; z-index:5;}

#zonacategoriasizq{ float:left;}
#zonacategoriasdch{ float:right;}

.bannerblog{color:#fff; line-height:50px; max-width: 1920px; width: 95%; margin: 0px auto 0px auto;}
.txtblog{ font-family: "bebas_neue_regularregular"; font-size: 108px; line-height: 90px;}
.txtblog2{ font-family: "bebas_neue_regularregular"; font-size: 44px; line-height:50px;}

/*ZONA FOOTER*/
#cuerpoenlacesfooter { width: 689px;  margin: 0px 0px 0px auto; padding: 15px 0px 0px;}
#cuerpoenlacesfooter ul{ list-style:none; margin:0px; padding:0px; text-align:left;}
#cuerpoenlacesfooter ul li{ padding:0px; /*margin:5px 0px;*/ margin:0px; text-align:left;}
#cuerpoenlacesfooter ul li a{color:#4064aa; text-decoration:none;}
#cuerpoenlacesfooter ul li a:hover{text-decoration:underline;}

#cuerpoenlacesgfooter { width: 689px;  margin: 0px 0px 0px auto; padding: 15px 0px 0px;}
#cuerpoenlacesgfooter ul{ list-style:none; margin:0px; padding:0px; text-align:left;}
#cuerpoenlacesgfooter ul li{ padding:0px; margin:5px 0px; text-align:left;}
#cuerpoenlacesgfooter ul li a{color:#000; text-decoration:none;}
#cuerpoenlacesgfooter ul li a:hover{text-decoration:underline;}

.colfoot{ float:left; width:31.33%; margin:0px 1%;}

#nohay{ margin:200px 0px; text-align:center; width:100%;}

#footerizq{float: left; width: 56.85%;}
#footerdch {float: right; width: 43.14%; padding: 26px 0px;}
.blancogris{background: #f6f6f6;}
.bggo{ background:#EBEBEB;}

#zonaredesfooter {width: 468px;  margin: 0px auto 0px 0px;}
.redesfooter {float: left;  width: 70%;}
.redesfooter ul { list-style: none; margin:14px 0px 0px}
.redesfooter ul li {margin: 0px 0px 0px 31px; padding: 0px; display: inline-block; width:23px; height:23px; position:relative;}
.redesfooter ul li a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block;}
.redesfooter ul li svg{color:#4064aa; fill:#4064aa; width:100%; height:100%;}

.redesfooterg ul li svg{color:#000; fill:#000; width:100%; height:100%;}
.redesfooterg ul li:hover > svg{color:#4064aa; fill:#4064aa;}

#logofooter {float: right; width: 30%; text-align: right;}

.colorgourmetdorado{ background:#EBEBEB; border-bottom: 1px solid #000;}
.colorgourmetdorado2{ background:#81754f;}
.colorgourmetdorado3{background:#EBEBEB;}
.colorgourmetdorado .listamenu ul li a{border-top:1px solid #EBEBEB; color:#000;}
.colorgourmetdorado .listamenu ul li a:hover{color:#81754f; border-top: 1px solid #000;}
.colorgourmetdorado .listamenu ul li.current-categoria_productos-ancestor a{color:#81754f; border-top: 1px solid #000;}
.colorgourmetdorado .listamenu ul li ul li a {padding: 0px 0px 0px 10px; border-top: 0px solid #000; border-left: 0px solid #c52329; font-size: 16px; font-family: "metropolislight"; color: #000; text-decoration: none;}
.colorgourmetdorado .listamenu ul li ul li a:hover{color:#000; border-top: 0px solid #c52329; border-left: 3px solid #c52329;}
.colorgourmetdorado .listaidioma ul li a {padding: 5px 0px 0px; border-top: 1px solid #EBEBEB; font-size: 16px; font-family: "metropolislight"; color: #000; text-decoration: none;}
.colorgourmetdorado .listaidioma ul li a:hover{color:#81754f; border-top: 1px solid #000;}


.campoform{ display:inline-block; width:47%; margin:0px 1% 10px;}
.campoform div{ width:100%; margin:0px 0px 0px;}
.campoform div input{width:98%; padding:5px 1%; border:1px solid #e6e6e6; margin:0px 0px 10px;}
.campoform div input:focus{padding:5px 1%; border:1px solid #e6e6e6;}
.campoform div select{ width:98%; padding:5px 1%; border:1px solid #e6e6e6; margin:0px 0px 10px;}
.campoform2{display:inline-block; width:60%; margin:0px 1% 0px; vertical-align:top;}
.campoform2 div{ width:100%; margin:0px 0px 0px;}
.campoform2 div textarea{width:98%; height:105px; padding:5px 1%; border:1px solid #e6e6e6; resize:none; outline:none; margin:0px 0px 10px;}
.tituloform{ text-transform:uppercase; text-align:left; color:#7a7a7a; font-family:"metropolissemi_bold"; font-size:15px;}
.campoform3{display:inline-block; width:35%; margin:0px 1% 10px; vertical-align:bottom;}
.tituloform2{color:#7a7a7a; font-family:"metropolissemi_bold"; font-size:11px; text-align:left;}
.btenviar{ float:left;}
.btenviar input{ background:#e9e9e9; color:#7a7a7a; text-transform:uppercase; text-align:center; padding:5px; font-family:"metropolissemi_bold"; border:0px; margin:10px 0px 0px auto;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width: 29.33%; margin: 0 2% 2.992em 0;}
/*FIN FOOTER*/

/*WOOCOMMERCE*/
.page-title{font-size: 27px; line-height: 27px; text-align: right; font-family: "metropolislight"; color: #4064aa; padding: 0px 0px 33px; width: 100%; margin: 0px auto 90px; border-bottom: 1px solid #4064aa;}

.woocommerce-info{border-top-color: transparent;}
.woocommerce-error, .woocommerce-info, .woocommerce-message{padding: 0; margin: 0 0 0; position: relative; background-color: transparent; color: #00375e; border-top: 0px solid #a46497; list-style: none outside; width: auto; word-wrap: break-word;}
.woocommerce-error::after,.woocommerce-error::before,.woocommerce-info::after,.woocommerce-info::before,.woocommerce-message::after,.woocommerce-message::before{content:none;display:table}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background-color: #4064aa; color:#fff;}
.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h3{color: #00375e; font-family: "metropolisbold"; text-align: center; font-size: 14px; line-height: 14px; text-transform: uppercase; margin: 10px 0px 17px; padding: 0px;}
/*FIN WOOCOMMERCE*/

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width: 1530px){
	.listamenu ul li a{ font-size:13px;}
	#zonalistmen {/*max-width: 836px;*/ /*max-width: 1046px;*/}
}

@media only screen and (max-width: 1380px){
	.listamenu ul li a{ font-size:12px;}
    #zonalistmen {/*max-width: 736px;*/ /*max-width: 916px;*/}
	.listaidioma ul li a{ font-size:12px;}
    
    .enlacesmenu img{max-width: 60px; height: auto; vertical-align: top;}
}

@media only screen and (max-width: 1220px){
	.menu2{padding: 12px 0px 0px;}
	/*
    .contactosup{ display:none;}
	#logosupresponsive{ display:block;}
	#zonalistmen{display:none; margin:31px auto 0;}
	#zonalistmen2{ display:none;}
	#cajamenu{ display:block;}*/
}

@media only screen and (max-width: 1190px){
	#cuerpoenlacesfooter{max-width: 619px; margin: 0px auto 0px auto; padding: 15px 0px 0px; width: 98%;}
	#cuerpoenlacesgfooter{max-width: 619px; margin: 0px auto 0px auto; padding: 15px 0px 0px; width: 98%;}
	
}

@media only screen and (max-width: 1160px){
	#footerizq{ width:100%; float:none; margin:0px 0px 30px;}
	#footerdch{width: 100%; float:none;}
	#zonaredesfooter{ margin:0px auto 0px;}
    
    .contactosup{ display:none;}
	#logosupresponsive{ display:block;}
	#zonalistmen{display:none; margin:31px auto 0;}
	#zonalistmen2{ display:none;}
	#cajamenu{ display:block;}
}

@media only screen and (max-width: 1100px){
	.campoform{ display:inline-block; width:100%; margin:0px 0 10px;}
	.campoform2{display:inline-block; width:100%; margin:0px 0% 0px; vertical-align:top;}
	.campoform3{display:inline-block; width:100%; margin:0px 0% 10px; vertical-align:bottom;}
}

@media only screen and (max-width: 1024px)
{
    /*.contactosup{ display:none;}
	#logosupresponsive{ display:block;}
	#zonalistmen{display:none; margin:31px auto 0;}
	#zonalistmen2{ display:none;}
	#cajamenu{ display:block;}*/
}

@media only screen and (max-width: 900px){
	#footer2izq{ float:none; text-align:center; margin:0px 0px 20px;}
	#footer2dch{ float:none; text-align:center;}
	
	#zonacate{ display:none;}
	#cateres{ display:block;}
	#zonaprodlist{ width:100%; float:none;}
    
    .txtblog {font-size: 88px; line-height: 70px;}
    .txtblog2 {font-size: 24px; line-height: 30px;}
}

@media only screen and (max-width: 768px){
	#cuerpoenlacesfooter ul li {text-align: center;}
	#cuerpoenlacesgfooter ul li {text-align: center;}
	.colfoot{ float:none; width:98%;}
	.colrelacionados{ width:47%;}
	#zonacategoriasizq{ display:none;}
	#zonacategoriasdch{ float:none; text-align:center;}
    
    #bannerprod{height: 254px;}
}

@media only screen and (max-width: 680px){
	
	#zonaredesfooter{width: 300px;}
	.redesfooter ul {list-style: none; margin: 11px 0px 0px 0px;  padding: 0px;}
	.redesfooter ul li{margin: 0px 7px;}
	
	
}

@media only screen and (max-width: 570px){
	#zonacategorias {font-size: 9px; line-height: 9px;}
	#zonacategorias2 {font-size: 9px; line-height: 9px;}
    .txtblog {font-size: 68px; line-height: 50px;}
    .txtblog2 {font-size: 24px; line-height: 30px;}
}

@media only screen and (max-width: 500px){
	.colrelacionados{ max-width:300px; margin:0px auto 20px; width:100%; padding:0px; display: block;}
	.redesfooter{ float:none; width:150px; margin:0px auto;}
	#logofooter{float:none; width: 50px; text-align: center; margin:20px auto 0px;}
}

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}