/*
	Theme Name: Levante-EMV
	Theme URI: http://www.levante-emv.com
	Description: Basado en HTML5Blank
	Version: 1.1
	Author: Levante-EMV
	Author URI: http://www.levante-emv.com
	Tags: Blank, HTML5, CSS3

	
*/



/*

Copyright (C) 2015 - 2017 Levante-EMV
www.levante-emv.com
webmaster@levante-emv.com


888                                         888                   8888888888 888b     d888 888     888 
888                                         888                   888        8888b   d8888 888     888 
888                                         888                   888        88888b.d88888 888     888 
888      .d88b.  888  888  8888b.  88888b.  888888 .d88b.         8888888    888Y88888P888 Y88b   d88P 
888     d8P  Y8b 888  888     "88b 888 "88b 888   d8P  Y8b        888        888 Y888P 888  Y88b d88P  
888     88888888 Y88  88P .d888888 888  888 888   88888888 888888 888        888  Y8P  888   Y88o88P   
888     Y8b.      Y8bd8P  888  888 888  888 Y88b. Y8b.            888        888   "   888    Y888P    
88888888 "Y8888    Y88P   "Y888888 888  888  "Y888 "Y8888         8888888888 888       888     Y8P   

*/

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



@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* 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;*/
	font:400 15px 'Open Sans', Helvetica, Arial, sans-serif;
	color:#444;
	background-color: white;
	
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	height: auto;
}
a {
	color: #f4706e;
	text-decoration:none;
}
wrapper.a {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;

}
a:hover {
	color: #66cccc;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid GoldenRod;
}

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

/* wrapper */
.wrapper {
	/*max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
	background: white;
	padding: 20px;*/

}
/* header */
.header {
/*margin-bottom: 20px;*     // suprimido para poner submenú*/ 
width: 100%!important;
/*border-bottom: 1px dotted #CCC;*/
background: #f4706e; 
}

/* logo */
.logo {
display: flex;
flex-wrap: wrap;
justify-content: center; /* align horizontal */
align-items: center; /* align vertical */
}

.logo-img {
margin: 10px;
/* width: 100%; height: auto;*/
opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}

.logo img:hover {opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -o-opacity:0.8;}
/* nav */




.grande {
   /* This will be twice as big as the small item. */
   -webkit-flex: 7 0 0; 
   flex: 7 0 0; 
   align-items: center;
   justify-content: center;
}
.pequenyo {
   -webkit-flex: 1 0 0;
   flex: 1 0 0;
   align-items: center;
   justify-content: center;
   }

@media (max-width: 1024px) {
.pequenyo {display: none; width: 1px;}
}

.nav {
}

.nav ul {margin: 0px auto; padding: 0px; }

.nav ul li {

list-style-type: none;
float: left;
padding-right: 10px;


}


.nav ul.sub-menu {display: none; background: #f4706e}
.nav ul.sub-menu:hover {display: block;}
.nav ul.sub-menu li{background:#f4706e}

.nav li.menu-item ul li {display:none;} 
.nav li.menu-item:hover ul li {display:block;}


/* sidebar */
.sidebar {

}
/* footer */
.footer {
width: 100%;
}

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



/*------------------------------------*\
    IMAGES
\*------------------------------------*/
div.logo-ponentes div.sow-image-container img {
    height: 40px;
}
img.logo-ponentes.so-widget-image {
    max-height:  40px;
}


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

/*@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;
}*/

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

}
@media only screen and (min-width:480px) {
.panel-grid-cell {padding: 20px 0px!important}
}
@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) {

}
@media only screen and (max-width:1024px) {
#div-gpt-ad_bottom980, #div-gpt-ad_728, #div-gpt-ad_flotante{display: none}
}


@media only screen and (max-width:480px) {
.textwidget {margin: 20px!important}.
piedepagina .bloque {max-width: 80px!important;}
.piedepagina .bloque a{font-size: 10px;}
}






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

    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;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    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;
	}
}

.carrusel img {width: 100%; height: auto;}

.carrusel .vc_images_carousel .vc_carousel-indicators .vc_active {border: 1px solid white; background: white}
.carrusel .vc_images_carousel .vc_carousel-indicators li {border: 1px solid white; background: transparent;}


.piedepagina {
display: flex;
flex-wrap: wrap;
justify-content: space-around; /* align horizontal */
align-items: top; /* align vertical */
padding: 8px;
background-color:#f3f3f3!important;
margin-top: 20px;
}

.piedepagina .bloque {
width: 100%;
max-width: 110px;
}

.piedepagina .bloque img {margin: 0px auto;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

.piedepagina .bloque img {opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.piedepagina .bloque img:hover {
opacity: 0.8;}

.piedepagina .bloque ul {
font-size: 12px;
list-style-type: none;
}

.piedepagina .bloque ul li a {color: #444}
.piedepagina .bloque ul li a:hover {color: Dodgerblue}


.piegris {padding: 0px; background: #f3f3f3}

.vc_gitem-post-data h2 {font-size: 30px; text-transform: capitalize; color: white; text-shadow: 1px 1px 2px #000;}
.vc_gitem-post-data:hover h2, .vc_gitem-post-data:hover {color: #4fc3f7!important}
.vc_gitem-post-meta-field-nombre, .vc_gitem-post-meta-field-apellidos{color: white; display: inline-block; text-align: center; margin-right: 5px; text-shadow: 1px 1px 2px #000; padding-top: -20px!important; text-transform: capitalize;}
.vc_gitem-post-data {margin-bottom: 0px!important;}
.vc_gitem_row .vc_gitem-col {padding: 10px 0px!important; text-align: center}

.vc_gitem-zone, .vc_gitem-zone:hover  {border-radius: 600px!important; margin: 10px; border: 5px solid #4fc3f7}
.vc_gitem-animate-blurOut {border-radius: 600px!important;border: 5px solid white;}
.vc_gitem-zone:hover {border: 15px solid white;}



.single .wrapper, .archive .wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-around; /* align horizontal */
align-items: top; /* align vertical */

}
.single section, .archive section {width: 100%; max-width: 880px;}
.single .sidebar, .archive sidebar {width: 100%; max-width: 330px;}


.post h1{margin-bottom: 15px; margin-top: 3px; font-size: 40px;}
.detalles {text-transform: uppercase; font-size: 12px; }


.sidebar h3 {font-size: 13px;}






.microcabecera {clear: both; position: fixed; z-index: 1000; display: block; top: 0px; width: 100%;height: 35px; border-bottom: 1px solid white;
background: black;

 }
.microcabecera .microwrap {width: 100%; max-width: 1280px; margin: 0px auto; height: 30px; padding: 0px 10px}
.microcabecera .microwrap a {
	margin: 0px!important;
	font-size: 18px;
	font-family: 'Roboto';
	font-weight: bold; 
	padding-left: 110px;
	display: inline-block;
	text-align: left;
	color: white;
	background: url('img/logo-microcabecera.png') center left no-repeat;
	height: 30px; 
	padding-top: 4px;
	margin-left: 10px;
	}




/****** patrocinio *****/


.patrocinio {/*background: red; margin: 0px*/}

@media only screen and (max-width:780) {
.patrocinadores .panel-widget-style {float: left!important; border: 2px solid green}
}

.patrocinio .widget {
		border: 2px solid green;
		max-width: 100px;
		display: inline-block;
		float: left;
		clear: none!important;	
		padding: 0px!important;
}

.patrocinadores {
display: flex;
flex-wrap: wrap;
justify-content: space-around; /* align horizontal */
align-items: center; /* align vertical */
align-content: center;
min-height: 100px;
max-width: 150px;
}








.centrar img{margin: 0px auto}

.sow-icon-image{
 position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.sow-icon-image:after{

  content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 40px rgba(0,0,0,0.8);
    box-shadow:0 0 40px rgba(0,0,0,0.8);
    bottom:0px;
    left:10%;
    right:10%;
    width:80%;
    height:50%;
    -moz-border-radius:100%;
    border-radius:100%;
}





/*********** líneas con clase ***************/
hr {
        height: 6px;
	background: url(img/hr.png) repeat-x 0 0;
        border: 0;
}


/*********** page builder **************/
.panel-grid {margin-bottom: 0px!important}
.textwidget {margin-bottom: 15px}
.panel-grid img {opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.panel-grid img:hover {opacity: 0.80;}
h1, h2, h3, h4, h5, h6 {font-family: "Roboto"; font-weight: 300; margin: 0px 0px 5px;}
h1 {font-size: 40px}
h2, h3 {font-size: 30px;}
h4 {font-size: 20px}
h5 {font-size: 18px; font-weight: 400}




h1.entry-title {margin-bottom: 0px!important}

.panel-grid-cell .so-panel {margin-bottom: 0px!important;}
.panel-grid-cell {padding: 20px 0px!important}


/********* botones y cosas ****************/

button{background: #f4706e; border: 0px; padding: 5px 10px; color: white}
button:focus {background: #f4706e}
input[type="search"]:focus {border: 0px}

#fld_6771906_1, #fld_8005129_1, #fld_7001540_1 {height: 14px!important}
#fld_3945760_1 {width: 100%; height: 150px!important; margin-right: 0px!important}
.caldera-grid .form-group {margin-right: 20px}

.widget_search {margin-bottom: 10px}



/***************** article responsive ********************/


.portadas{
 display: flex;
 flex-flow: wrap;
 justify-content: center;
 width: 100%;
 

}

.portadas .bloqueportada {
display: inline-block!important;
width: 100%; 
padding: 10px; 
margin: 10px;
}

.derecha {display: block; clear: both; margin-bottom: 16px;  min-height: 174px; }
.derecha p {font-size: 13px;}

h2.fechaportada {font-weight: 400; border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 10px; color: #f4706e;}
h2.fechaportada span {display: block; clear: both; font-size: 12px; color: black; text-transform: uppercase; letter-spacing: 5px;}

/**************** fin article responsive *******************/


.widget_links h3{
	text-indent: -9999px;
    display: block;
    max-width: 300px;
    overflow: hidden;
    height: 30px;
    margin-top: 10px;
	}
	
.widget_links h3::after {
	position: relative;
    top: 15px;
    left: 9922px;
    content: 'Enlaces Levante - EMV';
    font-size: 20px;
	
}

ul.xoxo.blogroll li {list-style-type: circle;
	list-style-position: inside;
}


::selection {background: #f4706e;}

/***** fix párrafo bucle ****/

.bucle {display: block; clear: both; margin-bottom: 8px; padding-bottom: 10px; border-bottom: 1px dotted #ccc;}
.bucle p {margin-top: 8px;}





/****** mega menu submenus ******/

/*ul#menu-menu-principal.menu li, ul#menu-mas-urban.menu li {border-bottom: 1px dotted #fff;}
ul#menu-menu-principal.menu li:hover, ul#menu-mas-urban.menu li:hover {border-bottom: 1px dotted #ccc;}*/





/******* widgets sidebar ******/

.sidebar h3 {font-size: 150%; border-bottom: 1px dotted #ccc; color: #f4706e; font-weight: bold; margin-top: 20px; }
.sidebar ul li {list-style-type: square; list-style-position: inside; }

.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 {border-bottom: none!important;}

/********* paginacion ***********/

.wp-pagenavi {text-align: center; margin: 15px 0px;}
.wp-pagenavi a, .wp-pagenavi span {padding: 5px 12px; border-radius: 20px;}
.wp-pagenavi span {border: none; }
.wp-pagenavi a {color: #f4706e; border: none}
.wp-pagenavi span.current {background: #f4706e; color: white;}
.wp-pagenavi a:hover {background: Black; color: white}




#floating-nextprev.style-likefbred strong{height: 25px!important; display: block!important; color: white!important}

.floating-nextprev-content {display: none;}


/******************* fix tamaño imágenes grandes  portada ******************/

.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover {height: 550px!important; overflow: hidden;}
.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover span.publicover {background: rgba(255,255,255,0.6);
padding: 2px 10px;
position: absolute;
top: 0px;
left: 0px;
font-size: 10px;}




/******* tres columnas portada ********************************/
.trescolumnas {margin: 20px 0px;}

.trescolumnas .sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover {height: 350px!important; overflow: hidden;}
.trescolumnas .sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover span.publicover {background: rgba(255,255,255,0.6);
padding: 2px 10px;
position: absolute;
top: 0px;
left: 0px;
font-size: 10px;}

.trescolumnas .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h1 {font-size: 28px;}
.trescolumnas .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h2 {font-size: 24px;}

/************** Loop portada con publicidad *****************/
.bloques {/* We first create a flex layout context */
  display: flex;

  /* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
  /* Then we define the flow direction and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
  flex-flow: row wrap;
  
  /* Then we define how is distributed the remaining space */
  justify-content: space-around;
  max-width: 1240px;
  margin: 0px auto;
  width: 100%;
 }

.caja {
    display: inline-block;
    max-width: 350px;
    /*height: 250px;*/
    text-align: center;
    padding: 0 5px;
    justify-content: space-around;
    margin: 0px auto 30px; 
}

.caja h2 {font-size: 18px;}

.imagen {
  max-width: 330px;
  width: 100%;
  height: 160px!important;
  display: inline-block;
  overflow: hidden;
 
}

/***** corrección pie de foto *****/

.wp-caption .wp-caption-text, .gallery-caption {text-align: left; font-weight: bold; color: #666}



.aire {display: block; height: 120px;}



/************** floating next prev ***************/

#floating-nextprev .floating-nextprev-arrow-right, #floating-nextprev .floating-nextprev-arrow-left {
    background: url("img/flecha.png") no-repeat;}
	
#floating-nextprev .floating-nextprev-arrow-left, #floating-nextprev .floating-nextprev-arrow-right {width: 101px; height: 159px;}

#floating-nextprev .floating-nextprev-arrow-left {
    webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
	}
	
	
/******** hungryfeed **********
.hungryfeed_item  {display: block; clear: both;}
.hungryfeed_item_description {position: relative; top: 230px; }
.hungryfeed_item_description img{ position: relative; top: -260px; }*/

div.hungryfeed_item h3 {line-height: 20px!important}
.hungryfeed_item h3 > a {font-size: 18px!important;}




/***** minicabecera *****/

@media (min-width: 1240px) {

.minicabecera {margin: 10px auto; max-width: 1280px; width: 100%; padding: 10px; min-height: 90px; height: auto; display: flex; justify-content: space-between; align-items: flex-end  }
.minicabecera a {margin: 10px auto 5px}

/***** Menú vida y estilo *************/
/* ul#menu-menu-vida-y-estilo.menu {width: 100%; max-width: 1240px; margin: 0px auto; background: #fff; border-top: 1px solid #e4edf4; border-bottom: 1px solid #e4edf4; display: flex; justify-content: space-between;  font-family: Roboto Slab, Open Sans, sans-serif; font-size: 14px!important; }
ul#menu-menu-vida-y-estilo.menu li {float: left; font-weight: bold; padding: 6px 21px;}
ul#menu-menu-vida-y-estilo.menu li:hover { background: #2567a1}
ul#menu-menu-vida-y-estilo.menu li:hover a {color: white!important}
ul#menu-menu-vida-y-estilo.menu li a {color: black;}
ul#menu-menu-vida-y-estilo.menu li a:hover {color: white;}
ul#menu-menu-vida-y-estilo.menu li.enazul {color: white; background: #2567a1}
ul#menu-menu-vida-y-estilo.menu li.enazul a {color: white!important}
ul#menu-menu-vida-y-estilo.menu .suscriptor {border-left: 1px dotted #e4edf4}
ul#menu-menu-vida-y-estilo.menu .suscriptor > a {font-weight: bold; color: dodgerblue!important}*/

/* ul#menu-menu-vida-y-estilo.menu li > ul.sub-menu li{display: none}
ul#menu-menu-vida-y-estilo.menu li:hover > ul.sub-menu {background: white!important; border-top: 2px solid #2567a1; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block!important;}*/

/***** submenu vida y estilo *************/
ul#menu-submenu-vida-y-estilo.menu {width: 100%; max-width: 1240px; margin: 0px auto; background: #e7e7e7; display: flex; justify-content: left;height: 40px; padding: 8px; font-family: Roboto Slab, Open Sans, sans-serif; font-size: 14px; z-index: 1!important;}
ul#menu-submenu-vida-y-estilo.menu li {float: left; padding: 0px 10px}
ul#menu-submenu-vida-y-estilo.menu li a {color: black;}
ul#menu-submenu-vida-y-estilo.menu li a:hover {color: #f4706e;}
ul#menu-submenu-vida-y-estilo.menu .enrojo > a{font-weight: bold; color: red}
ul#menu-submenu-vida-y-estilo.menu .ennegro > a{font-weight: bold; color: black}


/*ul#menu-mas-urban.menu {width: 100%; max-width: 1240px; margin: 0px auto; display: flex; justify-content: center;height: 40px; padding: 8px; font-family: Roboto Slab, Open Sans, sans-serif; font-size: 14px; z-index: 0!important; border-bottom 0px;}
ul#menu-mas-urban.menu li {float: left; padding: 0px 10px}
ul#menu-mas-urban.menu li a {color: black;}
ul#menu-mas-urban.menu li a:hover {color: #f4706e; background: transparent!important; border-bottom: 0px;}
ul#menu-mas-urban.menu .enrojo > a{font-weight: bold; color: red}
ul#menu-mas-urban.menu .ennegro > a{font-weight: bold; color: black}*/

#menu-mas-urban      {
        height: 30px; /* configura a la altura que desea para su menú */
        margin: 10px 0px 15px auto;
		width: 100%;
		z-index: 1000!important;
		background:#f4706e;
}
#menu-mas-urban ul   {
        margin: 0; padding: 0;
		display: flex; justify-content: center;
		background: #f4706e!important; 
				padding: 10px!important;
		}
#menu-mas-urban li   {
        /*display: block;*/
        float: left;
        line-height: 20px; /* Esto ha de ser igual  al #menu-mas-urban height */
        height: 30px; /* Esto ha de ser igual al #menu-mas-urban height */
        margin: 0; padding: 0; /* only needed if you don't have a reset */
        position: relative; /* esto es necesario con el fin de posicionar los submenús */

}


#menu-mas-urban li a {
        display: block;
        height: 30px;
        /*line-height: 30px;*/
        padding: 5px 15px;
		font-family: Roboto Slab, Open Sans, sans-serif; 
		/*font-weight: bold;*/
		color: white;
		height: 30px;
}
#menu-mas-urban .current-menu-item a, #menu-mas-urban .current_page_item a, #menu-mas-urban 
 a:hover {
        color: black;
        /*background: white;*/
}


#menu-mas-urban ul li:hover {height 40px; background: #f4706e;}
#menu-mas-urban ul li:hover > a{color: black;}
#menu-mas-urban ul li ul li:hover {height 40px; background: #f4706e ;}
#menu-mas-urban ul li ul li:hover a{color: black;}


.menu-item-has-children {border-left: 1px solid white;}
.menu-item-has-children:hover {/*border-left: 1px solid #7cae01*/}
/*.menu-item-has-children a:before {margin-right: 10px;  content:'\2630';}
.menu-item-has-children .sub-menu a:before  {content:""}*/



#menu-mas-urban ul ul { /* esto va dirigido a todos los submenús */
        display: none!important; /* ocultar todos los submenús de la vista */
        position: absolute;
        top: 28px; /* esto debe ser la misma altura que el menú de nivel superior - height + padding + borders */
		border: 1px solid #ccc;
		border-top: 2px solid #f4706e;
		background: #f4706e	!important;
		/*box-shadow: 3px 3px 4px #ccc;*/
}
#menu-mas-urban ul ul li { /* esto va dirigido a todos los submenús */
        float: none; /* sobreescribir menu hasta arriba */
        width: 220px; /* establece el ancho que desea para sus submenús. Esto debe coincidir con el valor que pusimos abajo */
		border-left: 1px solid #ccc;
		margin-left: -1px;
		
}

#menu-mas-urban ul li:hover > ul {
        display: block!important; /* mostrar submenú cuando el ratón pase por encima del menú principal */
		z-index: 1000!important;
}




#menu-mas-urban ul ul li ul {
        left: 200px; /*  esto debe coincidir con el ancho del menú de arriba -- width + padding + borders */
        top: 0; /* esto asegura que el submenú comience en consonancia con el menú superior */
}



#menu-mas-urban ul li ul a {color: black; font-weight: normal;}
#menu-mas-urban ul li ul a:hover {background: white; color: black!important}



#menu-mas-urban .suscriptor {border-left: 1px dotted #e4edf4}
#menu-mas-urban .suscriptor > a {font-weight: bold; color: dodgerblue!important}
#menu-mas-urban .suscriptor > a:hover {color: white!important}


#menu-mas-urban li.enazul {color: white; background: #2567a1}
#menu-mas-urban li.enazul a {color: white!important}

}












 












#main-nav      {
        height: 40px; /* configura a la altura que desea para su menú */
        margin: 0px auto;
		width: 1240px; 
		z-index: 1000!important;
		border-top: 1px solid #e4edf4;
		border-bottom: 1px solid #e4edf4;
}
#main-nav ul   {
        margin: 0; padding: 0;
		display: flex; justify-content: space-between;
		background: white; }
#main-nav li   {
        /*display: block;*/
        float: left;
        line-height: 20px; /* Esto ha de ser igual  al #main-nav height */
        height: 40px; /* Esto ha de ser igual al #main-nav height */
        margin: 0; padding: 0; /* only needed if you don't have a reset */
        position: relative; /* esto es necesario con el fin de posicionar los submenús */

}


#main-nav li a {
        display: block;
        height: 40px;
        /*line-height: 30px;*/
        padding: 0 15px;
		font-family: Roboto Slab, Open Sans, sans-serif; 
		font-weight: bold;
		color: black;
		height: 30px;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav 
 a:hover {
        color: #fff;
        background: #2567a1;
}


#main-nav ul li:hover {height 40px; background: #2567a1 ;}
#main-nav ul li:hover > a{color: white;}
#main-nav ul li ul li:hover {height 40px; background: white ;}
#main-nav ul li ul li:hover a{color: black;}


.menu-item-has-children {border-left: 1px solid white;}
.menu-item-has-children:hover {/*border-left: 1px solid #7cae01*/}
/*.menu-item-has-children a:before {margin-right: 10px;  content:'\2630';}
.menu-item-has-children .sub-menu a:before  {content:""}*/



#main-nav ul ul { /* esto va dirigido a todos los submenús */
        display: none!important; /* ocultar todos los submenús de la vista */
        position: absolute;
        top: 39px; /* esto debe ser la misma altura que el menú de nivel superior - height + padding + borders */
		border: 1px solid #ccc;
		border-top: 2px solid #2567a1;
		background: white!important;
		/*box-shadow: 3px 3px 4px #ccc;*/
}
#main-nav ul ul li { /* esto va dirigido a todos los submenús */
        float: none; /* sobreescribir menu hasta arriba */
        width: 220px; /* establece el ancho que desea para sus submenús. Esto debe coincidir con el valor que pusimos abajo */
		border-left: 1px solid #ccc;
		margin-left: -1px;
		
}

#main-nav ul li:hover > ul {
        display: block!important; /* mostrar submenú cuando el ratón pase por encima del menú principal */
		z-index: 1000!important;
}




#main-nav ul ul li ul {
        left: 200px; /*  esto debe coincidir con el ancho del menú de arriba -- width + padding + borders */
        top: 0; /* esto asegura que el submenú comience en consonancia con el menú superior */
}



#main-nav ul li ul a {color: black; font-weight: normal;}
#main-nav ul li ul a:hover {background: white; color: black!important}



#main-nav .suscriptor {border-left: 1px dotted #e4edf4}
#main-nav .suscriptor > a {font-weight: bold; color: dodgerblue!important}
#main-nav .suscriptor > a:hover {color: white!important}


#main-nav li.enazul {color: white; background: #2567a1}
#main-nav li.enazul a {color: white!important}

}
/******* ocultar menús en responsive ******/
@media screen and (max-width: 1239px) {
	.minicabecera, #menu-mas-urban, .nomostrar {display: none!important;}

}


body {background-color: #2f353e}
main {/*padding: 10px;*/ width: 100%; max-width:1280px; margin: 0px auto; background: white;}
.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
	background: white;
	/*padding: 20px;*/
	}


.etiquetas > a {padding: 2px 5px; margin-left: 5px; border: 1px solid #f4706e;}
.etiquetas > a:hover {background: #f4706e; color: white;}

/***** pegadizo ****/
.pegadizo { background: #f4706e}
.logo-ewoman-menu, .logo-ewoman-menu:hover {width: 125px; height: 24px; display: block; background: url('img/logo-ewoman-menu.png') top left no-repeat!important; text-indent: -999px}




.firstclass {background: red}

.panel-grid ul li {list-style-type: circle; padding-bottom: 10px; list-style-position: inside; padding-left: 20px; color: #f4706e}
@media screen and (max-width: 80000px) {
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link{font-size: 20px!important}
}