/* Add your css code here */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');

body{
	font-family: open sans,sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #757575;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0px;
    text-align: left;

	background-color: #ffffff;

	background-image:url('/background.jpg');
}

a{
    	color: #1D242A;
}
a:hover{
	color: #A27F51;
}

h1, h2, h3, h4, h5, h6 {
    color: #464c59;
    font-family: montserrat,sans-serif;
    font-weight: 700;
    line-height: 1.2307;
    position: relative;
    margin-top: 0;
    text-rendering: optimizelegibility;
}

div#main-container {
    background-color: #ffffff !important;
}
div#main-container-inner {
    max-width: 100%;
    width: 1200px;
}

nav#block-drupal8-w3css-subtheme-mainnavigation ul,
nav#block-mainnavigation ul{
	text-align:center;
}
nav#block-drupal8-w3css-subtheme-mainnavigation ul li,
nav#block-mainnavigation ul li{
	float:none;
	display:inline-block;
	margin: 0 32px;
	vertical-align: top;
}
nav#block-drupal8-w3css-subtheme-mainnavigation ul li a,
nav#block-mainnavigation ul li a {
    display: inline-block;
    font: 15px/28px 'Montserrat',sans-serif;
    height: 28px;
    padding: 0 !important;
    position: relative;
    color: #464c59;
    background: 0 0;
    text-transform: uppercase;
    	border-bottom: 2px solid #c5c7bb;
}
nav#block-drupal8-w3css-subtheme-mainnavigation ul li a:hover,
nav#block-drupal8-w3css-subtheme-mainnavigation ul li a.is-active,
nav#block-mainnavigation ul li a:hover,
nav#block-mainnavigation ul li a.is-active {
	background-color: transparent;
	background-image: none;	
	border: 0 none;
}

div#top-container-inner {
    max-width: unset;
    margin-top: 0px !important;
    clear:both !important;
    float:none !important;
}
#top-container .bannerblock .slide__caption,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner {
    max-width: 62%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 100;

    position:absolute;
    top: 10%;
    left: 10%;
}

#top-container .bannerblock .slide__caption:before,
#top-container .bannerblock .slide__caption:after,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner:before,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner:after{
	position: absolute;
    top: -26%;
    content: '';
    width: 40px;
    height: 40px;
    border-top: 3px solid #fff;
    z-index: 1;
}
#top-container .bannerblock .slide__caption:before,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner:before{
    border-left: 3px solid #fff;
    left: -6%;
}
#top-container .bannerblock .slide__caption:after,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner:after{
	border-right: 3px solid #fff;
    right: 12%;
}
#top-container .bannerblock .slide__caption h2,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner h2 {
    font: 120px/160px 'Montserrat',sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
	color: #bebebe;
}
#top-container .bannerblock .slide__caption h2:before,
#top-container .bannerblock .slide__caption h2:after,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner h2:before,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner h2:after{
	    position: absolute;
    bottom: -26%;
    content: '';
    width: 40px;
    height: 40px;
    border-bottom: 3px solid #fff;
    z-index: 1;
}
#top-container .bannerblock .slide__caption h2:before,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner h2:before{
	border-left: 3px solid #fff;
    left: -6%;
}
#top-container .bannerblock .slide__caption h2:after,
#top-container .bannerblock .views-field.views-field-field-titulo-del-banner h2:after{
	border-right: 3px solid #fff;
    right: 12%;
}
#top-container .bannerblock .views-field.views-field-field-banner img{
	width: 100%;
}
nav.slick__arrow {
    display: none !important;
}

#welcome-text {
    background-color: #464c59;
    color: #ffffff;
    overflow:hidden;
}

div#welcome-text-inner{
	max-width: 100%;
	width: 1200px;
	margin-left:auto;
	margin-right: auto;
}
nav#block-drupal8-w3css-subtheme-redessociales-2,
nav#block-redessociales-2{
	float:left;
}
nav#block-drupal8-w3css-subtheme-redessociales-2 li a,
nav#block-redessociales-2 li a {
    font-size: 0px;
    padding: 8px;
}
nav#block-drupal8-w3css-subtheme-redessociales-2 li a:before,
nav#block-redessociales-2 li a:before {
    font-size: 16px;

}


body .w3-card{
	box-shadow:unset;
	-webkit-box-shadow: unset;
}

#top-container {
    background-color: transparent;
    float: none;
}
div#top-container-inner > div {
    margin: 0px;
}
#top-container .first-top > div {
    background-color: transparent;
    color: #3a3a3a;
    padding: 0px !important;
}
#top-container .first-top > div .views-row{
	margin: 0px;
	position: relative;
}

section#block-datosdecontactoenelpie {
    display: none;
}
body.path-frontpage section#block-datosdecontactoenelpie {
    display: block;
}


#main-container h2{
    /*font-family: merriweather,serif;*/
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 60px;
	padding: 0px !important;
}



.field--type-datetime {
    font-style: italic;
    font-weight: bold;
}
.field--type-datetime .w3-code,
.field--type-datetime .w3-panel,
.field--type-datetime .w3-section{
	margin: 0px !important;
}
.field--type-datetime fieldset{
	margin: 0px;
	border: 0 none;
}
.field--type-datetime input{
	width: auto !important;
}

a.tabledrag-handle .handle {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    background: url(/core/misc/icons/787878/move.svg) no-repeat 0 0;
    margin-left: 8px;
}

.field--name-node-link {
    text-align: right;
    text-transform: uppercase;
}
.ntmlistview{
    width: 980px;
    max-width: 100%;
    margin: 0 auto;
}
.ntmlistview-700{
	width: 700px;
}
#main-container .group-left{
	width: 64%;
}
#main-container .group-left .w3-padding{
	padding: 0px !important;
	float:none !important;
}
#main-container .group-left .w3-padding img{
	width: 100%;
	height:auto;
}
#main-container .group-right{
	width: 33%;
}
.ntmlistview .node{
	margin-top: 40px;
	margin-bottom: 40px;
}
section#block-views-block-products-block-1{
	margin-top: 60px;
	margin-bottom: 60px;
}

#main-container .view-products .views-row {
    margin: 0px;
    //display: inline-block;
    //vertical-align: top;
    //background-color: #fcf9f8;
    //width: 49%;
}

#main-container .view-products .views-row .field--name-field-imagen-destacada {
    float: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

#main-container .view-products .views-row .group-right{
    color: #a1a1a1;
    font-size: 14px;
    font-style: italic;
    overflow: hidden;
    padding: 35px 30px 0;
}
#main-container .view-products .views-row .group-right a{
    color: #a1a1a1;
}
#main-container .view-products .views-row .field--name-title{
    /*font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #464c59;
    font-style:normal;*/

    font-size: 24px;
    font-weight: normal;
    color: #000000;
    font-family: montserrat,sans-serif;
    margin: 10px 0px;
    margin-top: 40px;

}
#main-container .view-products .views-row .field--name-title a{
    color: #000000;
}

footer.view-footer {
    text-align: right;
    text-transform: uppercase;
}



#main-container .view-products .views-row:nth-child(3) .group-left,
#main-container .view-products .views-row:nth-child(4) .group-left,
#main-container .view-products .views-row:nth-child(7) .group-left,
#main-container .view-products .views-row:nth-child(8) .group-left{
	float:right;
}
#main-container .view-products .views-row:nth-child(3) .group-left > div,
#main-container .view-products .views-row:nth-child(4) .group-left > div,
#main-container .view-products .views-row:nth-child(7) .group-left > div,
#main-container .view-products .views-row:nth-child(8) .group-left > div{
	float:right !important;
}


#main-container .view-products .views-row:nth-child(3) .group-right,
#main-container .view-products .views-row:nth-child(4) .group-right,
#main-container .view-products .views-row:nth-child(7) .group-right,
#main-container .view-products .views-row:nth-child(8) .group-right{
	float:left;
}

#main-container .views-view-grid .node .field--type-image {
	margin-top: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
	float: none !important;
}

ul.breadcrumb {
    padding-left: 0px;
    padding-right: 0px;
	text-align: center;
}

.field.field--name-field-secciones > div {
    margin-bottom: 60px;
    overflow:hidden;
    clear:both;
}


.node .field--type-image{
	margin-top: 0px !important;
}
/*.node .field--type-image img{
	max-height: 320px;
	width: auto;
}*/

.node.node--view-mode-teaser .field--name-field-imagen-destacada {
    width: 320px;
    max-width: 100%;
}


body.path-frontpage{
}

#main-container h3{
    font-family: "Lato", Sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
    text-align: left;
}


div#main-navigation-h {
    box-shadow: unset;
    background-color: transparent;
}
section#block-drupal8-w3css-subtheme-branding,
section#block-netmonsters-branding {
    text-align: center;
    margin-top: 20px;
}
section#block-drupal8-w3css-subtheme-branding .site-logo,
section#block-netmonsters-branding .site-logo{
    display: inline-block;
    width: auto !important;
    margin: 0 0 20px 0;
    padding: 0 !important;
	float:none !important;
}
section#block-drupal8-w3css-subtheme-branding .site-name-slogan,
section#block-netmonsters-branding .site-name-slogan {
	display:none !important;
}

body .page-wrapper {
    background-color: transparent;
}

#header{
	color: #ffffff;
	background-image:none;
	background-color: transparent;
}
#header-inner{
	width: 1200px;
	max-width: 100%;
	position: relative;
}
section#block-drupal8-w3css-subtheme-cart,
section#block-cart {
    width: auto;
    float:right;
}
nav#block-drupal8-w3css-subtheme-mainnavigation,
nav#block-mainnavigation {
    position: relative;
    bottom: 36px;
}

section#block-drupal8-w3css-subtheme-branding .site-logo img,
section#block-netmonsters-branding .site-logo img{
    border-radius: 0px;
    margin-bottom: 30px;
}
.site-name a,
.site-slogan {
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
    text-transform: capitalize;

    font-size: 25px !important;
    color: #FFC75C !important;
    color: #ffffff !important;
}
div#main-navigation-inner-h {
    width: 1200px;
	max-width: 100%;
    margin: 0 auto;
    text-align: right;
}
div#main-navigation-inner-h ul li{
	float:none;
}

.main-container-inner .first-sidebar,
.main-container-inner .w3css-content,
.main-container-inner .second-sidebar {
    margin-bottom: 0;
}


.w3-row-padding,
.w3-container,
.w3-panel {
    padding: 0px;
}


.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
    padding: 0px;
}

.w3-padding-large {
    padding: 0px !important;
}


body #main-container .w3-card{
	box-shadow: unset;
	-webkit-box-shadow: unset;
	padding: 0 !important;
}

#main-container {
    background-color: #ffffff;
    color: #757575;
}

.ntmcarousel {
    text-align: center;
}
#main-container .ntmcarousel h3{
    text-align: center;
}

section#block-contactblock {
    background-color: #1D252B;
    color: #ffffff;
}
section#block-netmonsters-local-actions,
section#block-netmonsters-local-tasks,
section#block-views-block-publicaciones-block-1,
section#block-netmonsters-content,
section#block-geolocationmap h2,
section#block-contactblock h2{
    width: 980px;
    max-width: 100%;
    margin: 0 auto 36px auto !important;
    padding-top: 36px !important;
}

body.ntm-edit section#block-netmonsters-local-tasks,
body.ntm-edit section#block-netmonsters-content,
body.path-view-content section#block-netmonsters-local-actions,
body.path-view-content section#block-netmonsters-local-tasks,
body.path-view-content section#block-netmonsters-content{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto !important;
    padding-top: 0px !important;
}
body.path-view-content section#block-netmonsters-content{
	margin-bottom: 40px !important;
}
body.ntm-edit section#block-netmonsters-content .w3-content,
body.path-view-content section#block-netmonsters-content .w3-content{
	width: 100% !important;
	max-width: 100% !important;
}
.view-filters form > div > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    max-width: 18%;
}

span.field-prefix {
    display: none !important;
}
button.link.link-edit-summary {
    -webkit-appearance: none !important;
    background-color: transparent;
    border: 0 none;
    text-transform: lowercase;
    font-size: 14px;
    cursor: pointer;
}
.form-type-vertical-tabs {
    display: none !important;
}

table ul.dropbutton li.w3-left.dropbutton-action {
    padding: 0 16px;
}

/*.view-filters .form-submit{
    margin: 40px 0 0 0 !important;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 8px;
}*/


.views-form .form-type-select {
    margin: 0;
    display: inline-block;
    vertical-align: top;
}
.views-form .form-actions{
    margin: 0;
    display: inline-block;
    vertical-align: top;
}
.views-form .form-actions input{
	float:none;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}



section#block-contactblock{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
section#block-geolocationmap{
	background-color: #eeeeee;
	padding-top: 40px;
}
section#block-geolocationmap h2{
	margin-bottom: 48px !important;
}
section#block-contactblock h2{
    color: #ffffff;
}
input#edit-preview {
    display: none !important;
}

nav#block-netmonsters-main-menu {
    text-align: center;
}

section#block-logoenelpie * {
    float: none !important;
	margin: 0px !important;
}

section#block-datosdecontactoenelpie > div > ul {
    margin: 0px !important;
}

.ul-parent li ul.ul-child {
    background-color: #ffffff !important;
    color: #000000;
}


.field.field--name-field-documento a,
.form-submit {
    font-family: open sans,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.8em;
    letter-spacing: 1.6px;
    background-color: #A27F51;
    color: #FFFFFF;
    padding: 14px 42px 14px 42px;
    border-radius: 3px 3px 3px 3px;
    border:0 none !important;
    float:right;
    cursor: pointer;
}
.field.field--name-field-documento{
	text-align:center;
}
.field.field--name-field-documento a{
	float:none;
}
.field.field--name-field-documento .file-size{
	display:none;
}

#main-container .view-publicaciones h2 {
	clear:both;
	margin-top: 40px !important;
}
#main-container .view-publicaciones h2:first-child {
    margin-top: 0px !important;
}


.view-publicaciones .w3-panel.views-row {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin-right: 8px;
}
.view-publicaciones .w3-panel.views-row .views-field-field-portada{
}
.view-publicaciones .w3-panel.views-row .views-field-field-portada img{
	width: 48%;
	float:left;
	margin-right: 20px;
}


#main-container .node--type-revista.node--view-mode-teaser .w3-left {
    float: none !important;
    text-align: center;
}
#main-container .node--type-revista.node--view-mode-teaser h3,
#main-container .node--type-revista.node--view-mode-teaser .field--name-field-enlace{
    text-align: center;
}
	
body div#main-container section#block-views-block-revistas-block-1{
    float: none;
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
}

#main-container section#block-views-block-noticias-block-1 {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;

    margin-bottom: 80px;
}

#block-netmonsters-breadcrumbs {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
}
ul.breadcrumb li+li:before {
    padding: 8px 0;
    content: "-";
}



#footer-menu {
    background-color: #1D242A;
    color: #ffffff;
}
#footer-menu a {
    color: #ffffff;
}
#block-logoenelpie img {
    height: 92px;
    margin-bottom: 0px;
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

#block-datosdecontactoenelpie li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 1em;
    font-size: 16px;
}

body.path-user-login div#main-container > #main-container-inner #block-netmonsters-content,
body.path-user-login div#main-container > #main-container-inner #block-netmonsters-local-tasks{
    width: 980px;
    margin: 0 auto;
    max-width: 100%;
}

body.ntm-edit #block-netmonsters-content{
	font-size: 13px;
}
body.ntm-edit .image-widget > *{
	float:left;
	margin-right: 8px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
body.ntm-edit .form-submit{
	font-size: 12px;
	padding: 8px 16px;
}
table ul.dropbutton{
	border: 0 none;
	background-color: transparent;
}
table ul.dropbutton .form-submit{
	margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.field--name-field-titulo-de-la-seccion > .form-item > .form-wrapper{
	display:none !important;
}

.field--name-field-enlace .w3-panel > div {
    margin: 0 16px !important;
    display: inline-block;
    vertical-align: top;
    width: 48%;
}
.field--name-field-enlace .w3-panel > div .w3-small {
	display:none !important;
}

#page-title {
    background-color: #FFC75C;
    color: #252771;
}

/* revistas */
body.page-node-type-seccion-de-revista #block-netmonsters-content,
body.page-node-type-revista #main-container #block-netmonsters-content{
	padding-top: 0px !important;
}
body.page-node-type-seccion-de-revista #block-netmonsters-content .group-right > div,
body.page-node-type-revista #main-container #block-netmonsters-content .group-right > div{
	margin: 0px !important;
}

body.page-node-type-seccion-de-revista #block-netmonsters-content .group-header > div {
	margin-top: 0px !important;
}

body.page-node-type-seccion-de-revista #block-netmonsters-content .group-header > div a{
    text-align: right;
    display: block;
    font-family: 'Nunito',sans-serif;
    font-size: 24px;
    color: #FFC75C;
    padding: 8px 0px;
    font-weight: bold;
    border-bottom: 1px solid #FFC75C;
}


body.page-node-type-seccion-de-revista #block-netmonsters-content .group-right{
    border-left: 1px solid #FFC75C;
    min-height: 400px;
    padding-left: 40px;
}

/*body.page-node-type-seccion-de-revista #block-netmonsters-content*/
body.page-node-type-revista #main-container #block-netmonsters-content .node .field--type-image {
    margin: 0px !important;
    padding: 0px !important;
    float: none !important;
}
/*body.page-node-type-seccion-de-revista #block-netmonsters-content*/
body.page-node-type-revista #main-container #block-netmonsters-content .node .field--type-image img{
    width: 100%;
    height: auto;
    max-height: unset;
}
body.page-node-type-seccion-de-revista #block-netmonsters-content .group-left label,
body.page-node-type-revista #main-container #block-netmonsters-content .group-left label{
	color: #252771;
    font-family: 'Nunito',sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1em;
    border-bottom: 2px solid #FFC75C;
    padding: 0 0 24px 0 !important;
    margin: 0 auto !important;
    position: relative;
}
body.page-node-type-seccion-de-revista #block-netmonsters-content .views-row:before{
	display:none;
}
body.page-node-type-seccion-de-revista #block-netmonsters-content .views-row,
.field--name-field-secciones-de-la-revista .field__item {
    margin: 10px 0px;
    float: none !important;
    line-height: 27px;
}

.view-indice .views-field-title a {
    display: block;
    padding: 8px 16px;
}
.view-indice .views-field-title .active a {
    background-color: #f1f1f2;
}

#main-container section#block-drupal8-w3css-subtheme-views-block-products-block-1 > h2 {
    text-align: center;
    margin: 80px auto;
    text-transform: uppercase;
}

div#bottom-container {
    background-color: #ffffff;
    padding-top: 64px;
    padding-bottom: 48px;
    border-top: 1px solid #e1e1e1;
    margin-top: 80px;
}
div#bottom-container h2.w3-block-title{
	    color: #000;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: montserrat,sans-serif;
	text-align:center;
}
body h1.page-title,
section#block-conctactaconnosotros h3,
div#bottom-container .field--name-node-title h2{
	    color: #000;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 18px;	
}

body h1.page-title{
	text-align:center;
	margin: 0px !important;
}

#bottom-container .first-bottom > div {
    background-color: transparent;
    padding: 0px !important;
    color: #757575;
}

div#footer-container-inner .first-footer {
    width: 20%;
}
div#footer-container-inner .second-footer {
    width: 40%;
}
div#footer-container-inner .third-footer {
    width: 40%;
}

body b,
body strong{
	font-weight: bold;
}


#footer-container {

background-color: #A27F51;
    padding-top: 96px;
    color: #ffffff;
    margin-top: 160px;
}
#footer-container a{
	color: #ffffff;
}

#footer-container h2,
#footer-container h3,
#footer-container .third-footer > div,
#footer-container .second-footer > div,
#footer-container .first-footer > div {
    background-color: transparent;
	color: #ffffff;
}

#footer-menu{
    background-color: #fcf9f8;
}
#footer-menu a{
	color: #A27F51;
}

#main-container .block-views h2{
		font-size: 24px;
		font-weight: normal;
		color: #000000;
		font-family: montserrat,sans-serif;
		margin: 10px 0px;
}

#main-container .node--type-publicaciones-blog .group-right,
#main-container .node--type-publicaciones-blog .group-left {
    width: 48%;
}
#bottom-container .view-equipo .views-col{
	//padding: 0px !important;
}
#bottom-container .view-equipo .node--type-equipo.node--view-mode-teaser{
	position:relative;
}
#bottom-container .view-equipo .node--type-equipo.node--view-mode-teaser .field--name-field-imagen-destacada{
	margin: 0px !important;
}
#bottom-container .view-equipo .node--type-equipo.node--view-mode-teaser .field--name-field-imagen-destacada .field--name-field-media-image{
	float: none !important;
	padding: 0px !important;
	margin: 0px !important;
}
#bottom-container .view-equipo .node--type-equipo.node--view-mode-teaser .field--name-field-imagen-destacada .field--name-field-media-image img{
	    max-height: unset;
	        width: 100%;
		    height: auto;
}
#bottom-container .view-equipo .node--type-equipo.node--view-mode-teaser .middlegroup{
	margin: 0px;
	border: 0 none;
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

	justify-content: center;
	align-items: center;
	flex-direction: column;

	display:none;
	background-color: rgba(52,82,255,0.83);
	color: #ffffff;
}


#bottom-container .view-equipo .node--type-equipo.node--view-mode-teaser .middlegroup h2{
	color: #ffffff;
}

#bottom-container .view-equipo .node--type-equipo.node--view-mode-teaser:hover .middlegroup{
	display:flex;
}


/*sidebar*/
.cart--cart-offcanvas {
    padding: 40px;
}
.cart--cart-offcanvas__close {
    text-align: right;
    margin-bottom: 20px;
}
aside{
	background-color: #505354 !important;
    color: #ffffff;
}
aside input[type="number"] {
    box-shadow: unset;
    border: 0 none;
    text-align: center;
    margin: 0;
    padding: 0;
}
aside button.button.btn {
    -webkit-appearance: unset;
    background-image: none;
    border: 0 none;
    cursor: pointer;
    color: #ffffff;
    background-color: transparent;
}
aside button.button.btn:hover {
	opacity: 0.8;
}
.cart-block--offcanvas-contents__links a {
    display: block;
    text-align: center;
    background-color: #A27F51;
    border-radius: 4px;
    margin-top: 20px;
    padding: 8px 16px;
    float: left;
    font-size: 14px;
}
table.cart-block--offcanvas-cart-table.table {
    width: 100%;
}
table.cart-block--offcanvas-cart-table.table td.cart-block--offcanvas-cart-table__title {
    /*white-space: nowrap;*/
    font-size: 12px;
    text-transform:lowercase;
}
table.cart-block--offcanvas-cart-table.table td.cart-block--offcanvas-cart-table__title:first-letter {
	text-transform:uppercase;
}

.cart-block--offcanvas-contents__update {
	    margin-top: 12px;
    height: auto;
    line-height: normal;
    text-align: right;

}
aside#cart-offcanvas .cart--cart-offcanvas__close button {
    color: #505354;
    background-color: #ffffff;

	height: auto;
    line-height: normal;
    float: right;

}

span.cart-block--summary__count {
    display: none;
}
section#block-drupal8-w3css-subtheme-cart .cart-flyout,
section#block-cart .cart-flyout{
    display: inline-block;
    vertical-align: top;
}
section#block-drupal8-w3css-subtheme-cart h2,
section#block-cart h2 {
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px !important;

    vertical-align: sub;
        text-transform: uppercase;

	color: #ffffff;

}

section#block-views-block-blog-portada-block-1 {
    padding-top: 64px;
}


.field--name-body{
	overflow:hidden;
}
.field--name-field-secciones {
    clear: both;
    margin-top: 80px !important;
}
.field--name-field-texto-de-la-seccion {
    width: 980px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.view-filters .form-radios {
	text-align:center;
}
.view-filters .form-radios >  div {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
}
.view-filters .form-radios >  div .form-radio{
	display:none;
}
.view-filters .form-radios .form-radio + label{
	cursor:pointer;
}
.view-filters .form-radios .form-radio + label:hover{
	color: #A27F51;
}
.view-filters .form-radios .form-radio:checked + label{
	color: #A27F51;
}

.view-empty {
    text-align: center;
    padding-bottom: 80px;
    font-weight: bold;
}

#main-container figure.wp-block-gallery.has-nested-images {
    align-items: normal;
    display: flex;
    flex-wrap: wrap;
}
#main-container figure.wp-block-gallery.has-nested-images figure {
	margin: 10px !important;
}

div#highlighted-inner {
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color:transparent;
}

@media only screen and (max-width: 1199px) {

	div#welcome-text-inner {
		padding: 0 20px;
	}
	nav#block-drupal8-w3css-subtheme-mainnavigation ul li,
	nav#block-mainnavigation ul li {
		margin: 0 16px;
	}
	div#main-container {
		float: none;
		padding: 0 20px;
	}


}

@media only screen and (max-width: 1023px) {


#main-navigation-h {
    position: absolute;
    width: 60px;
    float: none;
    right: 0;
    top: 0;
    background-color: transparent;
    box-shadow: unset;
}
#main-navigation-h .mobile-nav{
    background-color: transparent !important;
	color: #105D5C;
	font-size: 24px !important;

    background-color: transparent;
    color: #464c59;
    font-size: 24px !important;
    padding: 0px !important;
    position: absolute;
    right: 20px;
    top: 60px;
    cursor: pointer;
    width:auto;

}
#main-navigation-h #block-netmonsters-main-menu .ul-parent.ul-parent-main.ul-0 {
    float: none;
    position: fixed;
    top: 97px;
    background-color: #333;
    left: 0;
    height: 100%;
    text-align: right;
}
section#block-contactblock {
    padding-top: 0px !important;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
	#main-container{
		padding-left: 0px;
		padding-right: 0px;
	}
	#block-views-block-proximos-eventos-block-1{
		padding-right: 20px;
		padding-left: 20px;
	}
	.site-name-slogan {
		float:none !important;
	}
	.site-name-slogan h1 a{
		position: static;
		font-size: 13px !important;
		text-align: center;
		padding: 8px 0 !important;
		display: block;
		clear:both;
	}
	#block-netmonsters-account-menu {
	    display: none !important;
	}
	
	section#block-drupal8-w3css-subtheme-branding .site-logo,
	section#block-netmonsters-branding .site-logo {
	    border-radius: 0;
	    margin: 0 !important;
	    text-align: left;
	}
	section#block-drupal8-w3css-subtheme-branding .site-logo img,
	section#block-netmonsters-branding .site-logo img{
		height: 72px;
		margin: 12px;
	}

	#main-container .w3-left {
	    float: none !important;
	    width: auto;
	    padding: 0 !important;
	}
	.field.field--name-field-secciones > div .field--name-field-imagen > div {
	    display: block;
    		margin-right: 0;
	    width: 100%;
	}
	.node .field--type-image img {
		max-height: unset;
	}
	body.path-frontpage #main-container h2 {
	    width: auto;
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	}
	.ntmlistview .node {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	#main-container .group-left {
	    width: auto;
	    float: none;
	}
	#main-container .group-right {
	    width: auto;
	    float: none;
		margin-top: 20px;
	}

	#main-container .w3-section > h2 {
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	    font-size: 28px;
	}
	body p{
		font-size: 16px !important;
		padding-left:0px !important;
		padding-right: 0px !important;
	}
	body {
	    font-size: 16px !important;
	    padding: 0px !important;
	}
	.field--name-field-texto-de-la-seccion{
		//padding-left: 20px;
		//padding-right: 20px;
	}
	#block-datosdecontactoenelpie ul {
    		display: block;
		padding: 0;
    		text-align: center;
	}
	#block-datosdecontactoenelpie ul li {
    		display: block;
    		text-align: center;
	}
	h1.page-title span {
	    display: block;
	    padding: 8px 20px;
	}
	#block-netmonsters-breadcrumbs > nav {
	    padding: 0 20px;
	}
	.ntmlistview > .view-content {
	    padding: 0 20px;
	}	
	.node--type-noticias.node--view-mode-full {
	    padding: 0 20px;
	}
	.node--type-noticias.node--view-mode-full .field--name-body p img{
		display: block;
		margin-bottom: 12px;
		width: 100%;
	}
	.view-publicaciones {
	    padding: 0 20px;
	}
	.view-publicaciones .w3-panel.views-row{
		display:block;
		width:auto;
		margin-right: 0px;
	}
	.node--type-persona.node--view-mode-full {
	    padding: 0 20px;
	}
	.node--type-blog.node--view-mode-full {
	    padding: 0 20px;
	}
	.field.field--name-field-secciones > div {
	    margin-bottom: 20px;
    	    margin-right: 0;
	}
	.block-grid > .grid {
	    display: block;
	    float: none;
    	    margin-bottom: 20px;
	}
	.field--name-field-secciones {
	    padding: 0 20px;
	}

.views-view-grid .views-col {
  float: none;
  width: auto !important;
  margin-bottom: 20px !important;
}

.node.node--view-mode-teaser .field--name-field-imagen-destacada {
  width: auto;
  max-width: 100%;
}

div#bottom-container {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 80px;
}

#footer-container {
  padding: 0 20px;
}

	nav#block-drupal8-w3css-subtheme-mainnavigation,
        nav#block-mainnavigation {
                float:none;
                margin:0px;
        }
	nav#block-drupal8-w3css-subtheme-mainnavigation > ul,
        nav#block-mainnavigation >ul{
            position: fixed;
            z-index: 10000;
            top: 114px;
            right: 0px;
            padding: 20px;
            background-color: #000;
            width: 100%;
            height: 100%;
            float: none;
            margin-top: 0px;
        }
	nav#block-drupal8-w3css-subtheme-mainnavigation ul li,
	nav#block-mainnavigation ul li{
		margin: 0px;
	}

	nav#block-drupal8-w3css-subtheme-mainnavigation ul li a,
	nav#block-mainnavigation ul li a{
		border: 0 none;
		color: #ffffff;
	}
	section#block-views-block-products-block-1 {
	    margin-top: 20px;
	}
	section#block-views-block-products-block-1 .w3-block-title{
		margin-bottom: 32px !important;
		text-align: center;
	}
	#main-container .view-products .views-row .field--name-title {
		margin: 20px 0px 0px 0px !important;
	}
	section#block-logopie {
	    text-align: center;
	}
	section#block-logopie img {
		display: inline-block;
		width: 120px;
	}
	nav#block-mainnavigation-2 ul li a {
		padding: 0px 16px 16px 0px;
	}
	.commerce-product.commerce-product--view-mode-full .group-header {
	    overflow: hidden;
	    padding: 20px 0px;
	}
	#main-container .w3-section > h2 {
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	    font-size: 28px;
	    margin-top: 20px;
	    margin-bottom: 0px;
	}
	body p {
    		line-height: 32px;
	}
	.node--type-publicaciones-blog.node--view-mode-teaser img {
		width: 100%;
		height: auto;
	}
	#main-container .node--type-publicaciones-blog .group-right, #main-container .node--type-publicaciones-blog .group-left {
	    width: auto;
	}


}