/* Estilos específicos de IPYC */


html, body { height:100%;}


/* Headings */

h1,h2,h3,h4,h5,h6 {
	clear: both;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
    word-spacing: 0.1rem;
    line-height: 1.2;
    color: #c50e1f;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

h1, .h1 { font-size: 1.8rem;}

h2, .h2 { font-size: 1.5rem;}

.h2-grande { font-size: 1.65rem;}

h3, .h3 { font-size: 1.2rem;}

h4, .h4 { font-size: 1rem;}

a, a h2 { color: #C00;}

a:hover, a:focus { color: #900;}

hr { width: 100%; }


/* ESTILOS 2018-19 */

body {
    background-color: #f6f6f6;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

p { font-size: 0.9rem; }

h1.page-title { margin: 0 auto 1rem; }

h2.logo { margin: 0.75rem 0 0.25rem; float: left; }

.logo img { max-width: 125px; height: auto; }

h4.subheader { font-size: 0.95rem; display: block; margin: 0.5rem 0; font-weight: 500; color: #969696; text-transform: uppercase; }

.circulos-header { max-height: 55px; margin-top: 20px; }

.top-bar, .top-bar ul, .ubermenu-nav, .off-canvas {
    background-color: transparent;
}

.top-bar {
    padding: 0;
}

.top-bar .top-bar-right {
    width: 100%;
}

.top-bar .menu { 
    float: right;
    padding: 0.75rem 0.75rem 0.75rem 0;
}

.ubermenu-nav {}

footer.pie-pagina {
    padding-top: 0.9375em!important;
    padding-bottom: 0.9375em!important;
}

footer.footer {
    background-color: #333;
    color: #666;
}

footer.footer h3, footer.footer h4 { color: #666; font-size: 0.75rem; }

footer.footer a {
    color: #c33;
    font-weight: 700;
    font-size: 0.75rem;
}

footer.footer a:hover { color: #c11; }

footer.footer li a { text-transform: uppercase; }

footer .separador { border-top: 1px solid #444; }

footer i:before { font-size: 2rem; margin-right: 0.5rem; }

.menu-pie { text-align: center; margin-bottom: 0; }

.menu-pie li {
    float: none;
    list-style-type: none;
    border-left: 1px solid #444;
    padding: 0 10px;
    display:inline;
}

.menu-pie li:first-child {
    border-left: 0;
}

.menu-pie li a {
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
}

.ipyc-texto { font-size: 0.75rem; }

/* PORTADA */

.sombra-texto { text-shadow: 0px 0px 10px #000000; }

.resplandor { box-shadow: 0px 0px 50px #FFFFFF; }

.portada article, .portada article header { max-width: 100%;  }

.portada h1 { 
    position: relative;
    font-size: 1.4rem; 
    top: 80px;
    height: 0;
    text-align: center;
    color: #FFF;
    text-shadow: 0 0 10px #000;
    z-index: 1;
}

.hero-image  { padding: 0;  }

.hero-image img {
    margin-left: calc(50% + 5px);
    transform: translateX(-50%);
    height: 180px;
    width: initial;
    max-width: initial;
    filter: brightness(75%);
}




@media only screen and (max-width: 640px) { /* LARGE PC min-width: 1025px  - UBERMENU!! */

    .top-bar {
        width: 60px;
        position: absolute;
        right: 0;
        text-align: 0;
        top: 10px;
        border-radius: 10px 0 0 10px;
    }

}


@media only screen and (min-width: 64em) { /* LARGE PC min-width: 1025px */    

    h2.logo { margin: 0.75rem 0; }

    .logo img { max-width: 150px; }

    h4.subheader { font-size: 1.4rem; margin: 48px 0 0 10px; display: inline-block;  }

    p { font-size: 1rem; }

    .menu-pie li a, footer.footer h3, footer.footer h4, footer.footer a { font-size: 1rem; }

    .hero-image img { height: 320px; }

    .portada h1 { 
        font-size: 2.8rem; 
        top: 120px;
    }

}


@media only screen and (min-width: 90em) { /* LARGE PC min-width: 1440px */

    .hero-image img { height: 360px; }

    .portada h1 { 
        font-size: 3rem; 
        top: 150px;
    }
    
}


#content #inner-content.portada { padding: 0; }

#content #inner-content.portada header.article-header { height: 0;  }


.category article { 
    margin: 0 auto 1rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}

.col-5 div {
    width: 20%;
    border: 1px solid #f00;
}

.carousel-clientes .column, .parrilla-clientes .column { margin: 1rem 0; }

.fondo-blanco { background-color: #FFF; }

.page-id-207 .entry-content h2 { display: none; }

.pagination .current {
    background: #c50e1f;
}

.comentario {
    color: #666;
    font-family: "Open Sans Semibold", Arial, sans-serif;
    font-weight: normal;
    position: relative;
    font-size: 1.8rem;
    background-color: #DDD;
    padding: 1rem;
}

.comentario::before {
    content: "\e17f";
    padding: 0px 1rem 0px 0px;
    left: 2rem;
    top: 2rem;
}

.comentario::after {
    bottom: 2rem;
    content: "\e180";
    float: right;
    right: 2rem;
}

.comentario:after, .comentario:before {
    font-family: "iconic-md";
    font-size: 2rem;
    color: #FFF;
    float: left;
    position: absolute;
}

/* Evita escalon de span more */
.entry-content > p:first-child { margin-bottom: 0; }

#content #inner-content {
    padding: 2rem 0rem 1rem;
}

.borde { border: 1px solid #0f0; }

.buscar input.search-field {
    width: 60%;
    float:left;
    margin-bottom: 0.5rem;
}

.buscar input.search-submit {
    background: url("../img/buscar_24.png") no-repeat scroll 12px 0 rgba(0, 0, 0, 0);
    padding: 12px;
    width: 25%;
    float: right;
    font-size: 0;
    margin-bottom: 0.5rem;
}

.buscar input.button:hover {
    opacity: 0.7;
}

.archive h2 { margin-bottom: 1rem; }

.search-results h2 { margin: 1rem 0; }

.search-results article { border-bottom: 1px solid #ccc;  padding-bottom: 1rem; }

.widget_search label .screen-reader-text { display: none; }

header .buscar .screen-reader-text { display: none; }

footer.pie-pagina, header.header { background-color: #e6e6e6; }

header.header input[type=search] {
    width: 66%;
    float: left;
    margin-top: 1.5rem;
}

header.header input.button {
    margin-top: 1.5rem!important;
}

header.header label .screen-reader-text {
    display: none;
}

.single-post img.attachment-full { display: none; }


.caja-sidebar {
    background-color: #DDD;
}

.sidebar .widget {
    border-bottom: 4px solid #F6F6F6;
    padding: 0 1rem 1rem;
}

.sidebar .widget ul, .sidebar .widget ol {
    margin-bottom: 0;
    margin-left: 1.25rem;
}

.sidebar .widget ul li, .sidebar .widget ol li {
    list-style-image: url("../img/bolo8-gris.png");
    line-height: 1.3;
    margin-bottom: 0.5rem;
    overflow: visible;
}

.widget h4 { font-size: 1.3rem; color: #666; margin: 1.25rem 0 1rem; display: inline-block;}

.widget a { font-weight: 600;}

.widget h4 a { font-weight: normal; }

.datos-footer i:before { 
    color: #ccc;
    font-size: 1.4rem;
    margin-right: 0.5rem;
    font-family: 'iconic-md';
 }

 .datos-footer a { 
    font-weight: 600;
 }

 .lcp_excerpt{
    text-align: center;
}

.home .article-header h1 { display: none; }

.circulo-numero { background-color: #c00; border-radius: 100px; color: #CCC; width: 80px; height: 80px;
    font-size: 2.8rem;
    margin: 0 auto 1rem;
    font-weight: 500;
}

/* CAT LIST */

a.rpwe-img, a.rpwe-img img, .rpwe-time { display: none!important; }

.rpwe-block h3.rpwe-title {
    font-weight: 500;
    font-size: 1rem!important;
    line-height: 1.5em;
}

.lcp_catlist { margin-top: 2rem; list-style: none; }

.lcp_catlist .column { position: relative; margin-bottom: 2rem; }

.image-circle img { 
    max-width: 240px;
    max-height: 240px;
    margin-bottom: 1rem;
    width: auto;
    height: auto;
    width: 100%;
    height: auto;
 }

img.image-circle-small  { max-width: 120px; margin-bottom: 1rem; }

.image-circle a:hover img { opacity: 0.8; }

.parrilla-1 .image-circle img {
    max-width: 60px!important;
    max-height: 60px!important;
    float: left;
    margin-right: 10px;
}

.parrilla-1 h4 {
    display: inline-block!important;
    margin-top: 20px;
}

.certificacion .text-center, .certificacion .lcp_excerpt { text-align: left; }

.certificacion a {
    overflow: hidden;
    display: block;
}

.certificacion a img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}

.certificacion a:hover img { 
    transform: scale(1.1);
    transition: all 0.5s ease 0s;
}

.button { 
    text-transform: uppercase;
}

.saber-mas {
    background-image: url(../images/mas-rojo.svg);
    background-size: 60px;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    position: absolute;
    bottom: -30px;
    right: 0;
    opacity: 0.5;
}

.saber-mas:hover {
    opacity: 1;
}

ul.bolo-check {
    margin-bottom: 0;
}

.bolo-check li {
    margin-bottom: 10px;
    padding: 12px 0 12px 54px;
    background: url(../images/circle-check.svg) no-repeat scroll left center;
    list-style: none;
    background-size: 40px;
}

.bolo-check-top li {
    margin-bottom: 10px;
    padding: 0 0 12px 54px;
    list-style: none;
    background: url(../images/circle-check.svg) no-repeat scroll left top;
    background-size: 40px;
}

.check li {
    margin-bottom: 10px;
    padding: 12px 0 12px 54px;
    background: url(../images/check.svg) no-repeat scroll left center;
    list-style: none;
    background-size: 40px;
}

.check-top li {
    margin-bottom: 10px;
    padding: 0 0 12px 54px;
    list-style: none;
    background: url(../images/check.svg) no-repeat scroll left top;
    background-size: 40px;
}

.bolo-check h3, .bolo-check h4, .bolo-check p,
.bolo-check-top h3, .bolo-check-top h4, .bolo-check-top p {
    margin-bottom: 0;
}

.solo-titulo  {
    margin-top: 1rem!important;
}

.solo-titulo .column  {
    margin-bottom: 0;
}

.solo-titulo .column h3  {
    clear: none;
    font-size: 1rem;
}

.solo-titulo .column:before  {
    content: '\e22d';
    float: left;
    font-family: 'iconic-sm';
    margin-right: 0.5rem;
    font-size: 0.8rem;
}


@media only screen and (min-width: 64.063em) { /* LARGE PC min-width: 1025px */

    h1, .h1 { font-size: 2.4rem;}

    h2, .h2 { font-size: 1.5rem;}

    h3, .h3 { font-size: 1.2rem;}

    h4, .h4 { font-size: 1rem;}

    .h2-grande { font-size: 2rem;}

    .solo-titulo .column h3  { font-size: 1.2rem; }

    .solo-titulo .column:before  { font-size: 1rem; }

    .row, article header, article { 
        max-width: 80rem;
    }

    .image-circle img {
        max-width: 200px;
        max-height: 200px;
    }

    .aux-parrilla .image-circle img {
        max-width: 140px;
        max-height: 140px;
        margin-bottom: 1rem;
    }

    .aux-parrilla h4 {
        font-size: 0.9rem;
    }

}

@media only screen and (min-width: 90.063em) { /* XLARGE - MIN: 1440 PX */

    .row, article header, article {
        max-width: 90rem;
    }


    .image-circle img {
        max-width: 200px;
        max-height: none;
    }

    .aux-parrilla .image-circle img {
        max-width: 160px;
        max-height: 160px;
        margin-bottom: 1rem;
    }
    
    .aux-parrilla h3 {
        font-size: 1.1rem;
    }
}

/* ESTILOS NUEVA WEB */

.circulo-16 { width: 16rem; height: 16rem; border-radius: 8rem; text-align: center; margin: 0 auto; }

.circulo-12 { width: 12rem; height: 12rem; border-radius: 6rem; text-align: center; margin: 0 auto; }

.circulo-8 { width: 8rem; height: 8rem; border-radius: 4rem; text-align: center; margin: 0 auto; }

.circulo-4 { width: 4rem; height: 4rem; border-radius: 2rem; text-align: center; margin: 0 auto; }

.gris-ccc { color: #ccc; }

.gris-999 { color: #999; }


.gris-888 { color: #888; }

.gris-333 { color: #333; }

.gris-444 { color: #444; }

.negro { color: #000; }

.rojo { color: #C50E1F; }

.fondo-gris-ccc { background-color: #ccc; }

.fondo-gris-999 { background-color: #999; color: #000; }

.fondo-gris-888 { background-color: #888; color: #000; }

.fondo-gris-333 { background-color: #333; color: #FFF; }

.fondo-gris-444 { background-color: #444; color: #FFF; }

.fondo-negro { background-color: #000; }

.fondo-rojo { background-color: #C50E1F; }

.texto-8 { font-size: 8rem; line-height: 16rem; }

.texto-6 { font-size: 6rem; line-height: 12rem; }

.texto-4 { font-size: 4rem; line-height: 8rem; }

.padding-1 { padding: 1rem; }

.padding-2 { padding: 2rem; }

.padding-1 p:last-child, .padding-2 p:last-child { margin-bottom: 0; }

.marbot-2 { margin-bottom: 2rem; }


.circulo-75 { max-width: 75%; margin: 0 auto; }


/* LARGE */

@media only screen and (min-width: 64.063em) { /* LARGE PC min-width: 1025px */

h1.normal { font-size: 2.1rem; }

h2.normal { font-size: 1.8rem; }

h3.normal { font-size: 1.5rem; }

h4.normal { font-size: 1.2rem; }

.titulito { font-size: 1.1rem; }

}


/* Nuevas parrillas */

.cursos-col .large-block-grid-1 > li {
    list-style: none outside none;
    padding: 0 0.625rem 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.cursos-col h2 { color: #666; font-size: 1.5rem; border-bottom: 1px solid #CCC; margin-bottom: 1rem; }

.cursos-col h3 { font-size: 1rem; }

.cursos-col {
    background: none repeat scroll 0 0 #f2f2f2;
    border-color: #d8d8d8;
    border-style: solid;
    border-width: 1px;
    margin: 1.25rem 0;
    padding: 1.25rem;
}

img.mas-info {margin: 0 10px 0 0;}

.entry-content ul li, .entry-content ol li, .type-page ul li , .type-page ol li {
    list-style-position: inside;
    margin-bottom: 5px;
}

header.cabecera h1 { display: block; margin: 10px 0 0 0; text-align: center; }

.container {
	margin: 0 auto;
	background-color: #FFF;
    padding-bottom: 1.25em; padding-top: 1.25em;
}

#content {
    background-color: transparent;
    border: 0;
}

#sidebar .panel {
    background-color: transparent;
    border: medium none;
    border-bottom: 1px solid #ccc;
    padding: 0;
}

#sidebar ol {
    list-style-type: circle;
    color: #C50E1F;
    margin: 0;
}

#sidebar ol li {
    line-height: 1.3em;
    margin: 0 0 0.25rem 1.25rem;
}

.contain-to-grid .top-bar {
	max-width: 100%;
	padding: 0;
	margin-bottom: 0;
}

.top-bar .name h1 a {
    display: none;
}

.top-bar-section ul { background: transparent;}

.borde-img { border: 1px solid #DDDDDD; }
  
.columna1, .columna2, .media-columna {
    position: relative;
    width: 50%;

    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;
}


.post-portada, .cuadro-blanco {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 0.9375em!important;
    margin-bottom: 2%;
    vertical-align: top;
}

.post-portada h2 {
	font-size: 1.2rem;
    line-height: 1.4rem;
    margin: 0 0 0.5rem;
}


h2.icono {
    margin: 0 15%;
    text-align: center;
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 1.25em;
}

.iconos > li {
    padding-bottom: 0 !important;
}

.mayusculas { text-transform: uppercase; }

.subrayado, a.subrayado { text-decoration: underline!important; }

.destacado{
    background: none repeat scroll 0 0 #DCDCDC;
    clear: both;
    color: #444;
    margin: 0.9375em 0;
    padding: 0.9375em;
	font-size: 1em;
}

.recuadro {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 2rem !important;
    margin-bottom: 1.25rem;
    display: inline-block;
    width: 100%;
}

.recuadro-right {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 1% 4% !important;

    float: right;
    display: inline;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 0 2% 4%;
    max-width: 48%;
}

.cuadro {
    background: none repeat scroll 0 0 #DCDCDC;
    clear: both;
    color: #444;
    margin: 0.9375em 0;
    padding: 0.9375em 0.9375em 0.9375em 1.5em;
    font-size: 0.9em;
}

.cuadro p {
    margin:0;
    padding:0;
}

.cuadro-gris {
    background: none repeat scroll 0 0 #DCDCDC;
    clear: both;
    color: #333;
    margin: 0;
    padding: 0.9375em 0.9375em 0.9375em 1.5em;
    font-size: 0.9em;
}

.cuadro-gris h3 {
    font-size: 1.1rem;
}

.fgrisc { background-color: #DDD!important; }

.fgrism { background-color: #999!important; }

.fgriso { background-color: #666!important; }

.frojo { background-color: #C50E1F!important; }

.panel h3 { font-size: 1.2rem; line-height: 1.5rem; }

.may { text-transform: uppercase; }

.no-may { text-transform: none!important; }

.texto-peq { font-size: 0.7rem; }

.texto-peq2 { font-size: 0.8rem; line-height: 1.3;}

.texto-g, .texto-g li, .texto-g a { font-size: 1.2rem; }

.rojo { color: #c50e1f!important; }

.blanco { color: #FFF!important; }

.blanco:hover { color: #DDD!important; }

.gris { color: #808080; }

ul.bolo-rojo, #tribe-events-pg-template .tribe-events-content ul.bolo-rojo {
	font-size: 0.9rem;
    list-style-image: url("../img/bolo12.png");
    margin: 1rem 0 1rem 1.4rem;
}

ul.bolo-rojo ul, ol ul.bolo-rojo, ul.bolo-rojo8 {
	font-size: 0.9em;
    list-style-image: url("../img/bolo8.png");
    margin: 0.9375rem 0 0.9375rem 0.9375rem;
    text-align: left;
}

ul.bolo-rojo h3 {
    display: inline;
}

#tribe-events-pg-template .tribe-events-content ul.bolo-rojo li {
    margin: 0 0 5px 0px;
}

ul.caja-bolos {
    background: none repeat scroll 0 0 #DCDCDC;
	list-style-image: url("../img/bolo12.png");
    clear: both;
    color: #444;
    margin: 0.9375em 0;
    padding: 0.9375em 0.9375em 0.9375em 1.5em;
	margin:0 0 0.9375em;
	font-size: 0.9em;
}

.entradas ul.bolo-rojo {
		margin:0.9375em 0 0 1.5em;
}

.entradas .large-block-grid-1.lcp_catlist li,
.lista-cursos .large-block-grid-1.lcp_catlist li { padding: 0 0.625rem; float: none; display: block;}

ul.bolo-gris, ul.bolo-rojo ul.bolo-gris {
    font-size: 0.9rem;
    list-style-image: url("../img/bolo12-gris.png");
    margin: 0.9375rem 0;
}

.recuadro ul.bolo-gris {
    margin-left: 1.4rem;
}

ul.bolo-gris8 {
    font-size: 0.9rem;
    list-style-image: url("../img/bolo8-gris.png");
    margin: 0.9375rem 0;
    padding: 0 0 0 0.9375rem;
}

ul.bolo-rojo ul.bolo-gris8 {
    font-size: 0.9rem;
    list-style-image: url("../img/bolo8-gris.png");
    margin: 0.9375rem 0;
    padding: 0 0 0 0.9375rem;}

ul.flecha-roja {
    list-style-image: url("../img/flecha-roja15.png");
    margin: 0.5rem 0 1rem 1rem;
}

ul.flecha-roja li {
    font-family: "brandon_grotesquebold",Arial,sans-serif;
    font-size: 1rem!important;
    text-transform: uppercase;
}

.precio { font-size: 1.1rem; color: #777; font-weight: 400;}


img.aligncenter {
    margin: 0 auto 0.9375em auto;
    clear:both;
}

.separador, .row-separator { border-top: 1px solid #BBB; padding-top: 1em; margin-top: 1em !important;}

/* .articulo .columns {  padding: 0 1.5em;} */

.metadatos {
	margin-bottom: 12px;
}

.fecha, .etiquetas, .categorias {
	border-left: 1px solid #DDD;
	height: 32px;
    padding: 4px 8px 6px 45px;
	float: left;
	font-size: 0.9em;
	margin-bottom: 8px;
}

.fecha {
	background: url("../img/calendar_24.png") no-repeat scroll 12px 0 rgba(0, 0, 0, 0);
}

.etiquetas {
	background: url("../img/tag_24.png") no-repeat scroll 12px 0 rgba(0, 0, 0, 0);
}

.categorias {
	background: url("../img/folder_24.png") no-repeat scroll 12px 0 rgba(0, 0, 0, 0);
}

.more-link {
	background: url("../img/flechas2-right.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
	font-size: 0;
	float: right;
	padding: 8px 16px;
}

.numero {
    float:left;
    margin-right: 10px;
}

p a.more-link {
	padding: 4px 16px;
}

.single .entradilla {
	display: none;
}

.inline { display: inline!important;}

.tribe-events-back a, .tribe-events-nav-previous a {
	background: url("../img/flechas2-left.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
	font-size: 1rem;
	padding: 0 0 0 30px;
}

.tribe-events-nav-next a {
	background: url("../img/flechas2-right.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
	font-size: 1rem;
	padding: 0 30px 0 0;
}

/* TABLAS */

table {
    background: none repeat scroll 0 0 #fefefe;
    border:0;
    width: 100%;
}

table tr th, table tr td {
    color: #333;
}

table thead tr th { 
    background: none repeat scroll 0 0 #BBB!important;
    color: #333;
}

table tr {
    background: none repeat scroll 0 0 #DDD;
}

table tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #EEE!important;
}

table a, table a .gris {
    color:#666;
    text-decoration: underline;
    font-weight: bold;
}

table a:hover, table a .gris:hover {
    color:#444;
}

table tr td.header-tabla {
    background: none repeat scroll 0 0 #BBB!important;
}

table tr:nth-of-type(2n) td.header-tabla {
    background: none repeat scroll 0 0 #CCC!important;
}

table tfoot tr td {
    background: none repeat scroll 0 0 #BBB!important;
}

table.main, table.main table { border:0;}

table.main td { padding:0; }

.category-boletines table, .category-boletines table p { margin-bottom:0;}

/* Formularios y botones */

textarea {
    height: 50px;
    min-height: 50px;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0.5rem 0.5rem 0.5rem 0;
}

small {
    font-size: 75%;
}

a.contactar, #respond input#submit, .wpcf7 input.wpcf7-submit, a.boton, .widget_search input.button, header.header input.button {
    background: none repeat scroll 0 0 #C50E1F;
    border: 1px solid #B61F2B;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.2rem;

    line-height: 1.2em;
    margin: 10px 0;
    padding: 0.5em 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
	box-shadow: none;
    display: inline-block;

    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

a.contactar:hover, #respond input#submit:hover, .wpcf7 input.wpcf7-submit:hover, a.boton:hover {
    background: none repeat scroll 0 0 #AA0000;
    color: #FFFFFF;
}

a.contactar {
    clear: both;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
}

a.contactar.fblanco {
    background: #FFFFFF;
    color: #C50E1F;
}


a.boton-rojo {
    font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    background: none repeat scroll 0 0 #C50E1F;
    border: 1px solid #B61F2B;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.2em;
    padding: 0.75em 1.5em;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: none;
    display: inline-block;
}

a.boton-rojo:hover {
    background: none repeat scroll 0 0 #AA0000;
}

.page .wpcf7 {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 3px rgba(204, 204, 204, 0.95);
    padding: 6% 6% 4% !important;
}

.wpcf7#wpcf7-f7858-p7859-o1 {
    background: none repeat scroll 0 0 #EEE;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 3px rgba(204, 204, 204, 0.95);
    padding: 2% 2% 1% !important;
}

#wpcf7-f7858-p7859-o1 .wpcf7-form p { font-weight: normal; }

#wpcf7-f7858-p7859-o1.wpcf7 label {
    color: #C50E1F;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

#wpcf7-f7858-p7859-o1 .list-item-label {
    color: #333!important;
    font-size: 1rem!important;
}

#wpcf7-f7858-p7859-o1 textarea {
    margin-top: 0.5rem;
}

#wpcf7-f7858-p7859-o1.wpcf7 .mini-label label { color: #333; font-size: 0.95rem; }

.expectativas .wpcf7-list-item, .boletines .wpcf7-list-item { display: block; }

.wpcf7-form input[type="checkbox"] { margin: 0 0 0.25em; }

.wpcf7-list-item-label {
    margin-bottom: 0.5em;
    font-size: 0.95rem;
    color: #333;
}

.wpcf7-form p {
    font-weight: bold;
    margin-bottom: 0 !important;
	color: #333;
}

.wpcf7-form h2 {
    line-height: 1;
    margin: 0.5em 0;
}

#sidebar .wpcf7 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0;
    box-shadow: none;
    padding: 0!important;
}

#sidebar .wpcf7 form {
    margin: 0;
}

#respond {
	background: #CCC;
	border: 1px solid #ccc;
	padding: 0.75em 1.5em 0;
	margin: 0.9375em 0;
	clear: both;
}

#respond label { font-size: 1em; color: #666; font-weight: bold;}

#respond input, #respond p { margin-bottom:0.5em; }

#respond p.texto-comentario { margin-bottom: 1.25em; }



#respond .comment-form-author .required, #respond .comment-form-email .required, .wpcf7-form .required , .required{
    color: #BD3500;
    font-size: 22px;
    font-weight: bold;
    margin-left: 5px;
}

.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    font-size: 14px!important;
    left: 0;
    padding: 5px 10px!important;
    position: absolute;
    top: -15px !important;
    width: 300px!important;
	color: #FFF;
	background: #c00;
	border:0;
}

.formulario h3 { text-transform: uppercase; font-size:1.1em; letter-spacing: 0.05em; margin-bottom:0; }

.formulario h2 { text-transform: uppercase; font-size:1.1em; letter-spacing: 0.05em; margin-bottom:1em; }

.widget_custom_cf7 {
    margin-bottom: 1.25em !important;
}

.form-widget .wpcf7-submit {
    padding: 0.5em 1em!important;
}

/* Sociable */

div.sociable {
    float: left!important;
}

.caja-sociable {
	height: 48px;
	float: right;
	clear: both;
}

.entry-content { clear: both;}

/* Recientes y Slider Destacados */

.other-recent-posts li.recent-title {
	margin: 0 0 10px 20px;
	list-style-image: url("../img/bolo8.png");
	font-family: 'TitilliumText22LBold', Arial, sans-serif;
	color: #C00;
	font-size: 1em;
	line-height: 1em;
}

.recent-posts {
	background: linear-gradient(#EEE, #CCC) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #ccc;
	padding: 0.9375em;
}

.other-recent-posts { margin-bottom: 0;}

.carouselwrap { border: 1px solid #ccc; background: #FFF; }

.tr-slider ul, #main .tr-slider ol { margin-bottom: 0;}

.tr-slide-post-wrap {
    padding: 0!important;
}

.tr-slide-post-featimg img {
    max-width: 50%!important;
}

.tr-slider .tr-slides .tr-slide { padding: 0!important; }

.tr-slides li .entry-title { margin: 0.5em 0!important;}

.tr-pagination li, .tr-pager li { padding: 10px 0 0!important; }

.widget-area h2 { color: #888888;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    margin-bottom: 0.25em;
    text-transform: uppercase;
}

.carrusel .entry-title {
	font-size: 1em;
	font-family: 'TitilliumText22LBold', Arial, sans-serif!important;
}

#metaslider_2524.flexslider .slides li { margin-left: 25px!important; }


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

.touchcarousel.tc-layout-1 .touchcarousel-item {
	width: 850px;
}

.touchcarousel.tc-layout-1 .touchcarousel-item a img {
    max-width: 600px !important;
}

.carrusel .entry-title {
	font-size: 1.75em;
}

}

h1.portada { text-transform: uppercase; letter-spacing: 0.05em; }

#author-info {
	clear:both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 2em;
	font-size: 0.9em;
	margin: 0;
}

#author-avatar {
	background: none repeat scroll 0 0 #EEE;
    float: left;
    margin-right: 1em;
    padding: 0.5em;
}

#author-description { display: inline-block; }

#author-link { margin-top:10px; }

#author-link a { text-decoration: underline; }

#author-info h3, #respond h3 { font-size: 1.4rem; }

.alignright {
    display: inline;
    float: right;
    margin-left: 4%;
}


figure img { border-radius: 0px;}

.img50 { max-width: 50%; float: center; }

.img75 { max-width: 75%; float: center; }

.img33 { max-width: 33%; float: center; }

.img50-right { max-width: 48%; float: right; margin: 0 0 0.9375rem 0.9375rem!important;}

.img33-right { max-width: 31%; float: right; margin: 0 0 0.9375rem 0.9375rem!important;}

.img25-right, img.derecha25 { max-width: 23%; float: right; margin: 0 0 0.9375rem 0.9375rem!important;}

img.aligncenter {
    margin: 2% auto;
}

img.alignright {
	float: right;
	display: inline;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 2% 0 4% 4%;
    max-width: 48%;
}

img.derecha50 {
    float: right;
    display: inline;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 0 4% 4%;
    max-width: 46%;
}

img.izda50 {
    float: left;
    display: inline;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 4% 4% 0;
    max-width: 46%;
}

img.derecha33 {
    max-width: 28%; 
    float: right; 
    margin: 0 0 4% 4%;
}

img.izda33 {
    max-width: 28%; 
    float: left; 
    margin: 0 4% 4% 0;
}

#sidebar .widget h4 {
    color: #888888;
    font-size: 1.1rem;
    letter-spacing: 0.05em;
    line-height: 1.1rem;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    text-transform: uppercase;
    font-weight: normal;
    border:0;
    padding-bottom: 0.25rem
}

.clear-none { clear: none; }

.clear-both { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }

.panel, .panel-rojo, .panel-gris, .panel-claro {
    background: #AAA;
    margin-bottom: 1.25rem;
    clear: both;
    display: inline-block;
    padding: 1.25rem;
    width: 100%;
}

.panel-gris {
    background: #AAA;
}

.panel-claro {
    background: #DDD;
}

.panel-gris p:last-child, p.sin-margen,
.panel ul, .panel-gris ul, .panel ol, .panel-gris ol { margin-bottom: 0;  }

.panel-gris h3 {
    color: #444;
    margin: 0 0 1rem 0;
}

.panel-rojo { background: #C50E1F; color: #FFF; padding: 1.25rem; }

.panel-rojo p { font-size: 1rem; }

.panel-rojo ul { margin: 0.5rem 0 0.5rem 1rem; }

.panel-gris ul.flecha-roja { margin: 0.5rem 0 1rem 1rem; }

.panel-rojo ul li { font-size: 1rem; }

.relacionados-tag article { width: 50%; border: 1px solid #f00; float:left;}

.relacionados-tag article:nth-child(2n) { border: 1px solid #0f0; clear: left;}

.pagination-centered { clear: both; }

/* Logos pie */

.logo-pie, .logo-pie p { margin-bottom:0!important; padding-bottom:0!important;}

.logo-pie a.ipyc, .logo-pie a.doeet, .logo-pie a.controldoc, .logo-pie a.commet {
    background: url("../img/logos-pie200b.png") no-repeat scroll;
    padding: 25px 100px;
    display: inline-block;
    font-size:0;
}

.logo-pie a.ipyc { background-position: 0 0px; }

.logo-pie a.ipyc:hover { background-position: 0 -50px; }

.logo-pie a.doeet{ background-position: 0 -100px; }

.logo-pie a.doeet:hover { background-position: 0 -150px; }

.logo-pie a.commet { background-position: 0 -200px; }

.logo-pie a.commet:hover { background-position: 0 -250px; }

.logo-pie a.controldoc{ background-position: 0 -300px; }

.logo-pie a.controldoc:hover { background-position: 0 -350px; }

.asociados { display: inline; }

.logo-pie p, .logos-externos p {
    font-size: 0.7rem!important;
    text-align: center;
    color: #666666;
}

.logos-externos a.upv, .logos-externos a.cluster, .logos-externos a.aenor , .logos-externos a.aec, .logos-externos a.terciario {
    background: url("../img/logos-externos.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);
    padding: 20px 50px;
    display: inline-block;
    font-size:0;
}

.logos-externos a.upv { background-position: 0 -40px; }

.logos-externos a.upv:hover { background-position: 0 0px; }

.logos-externos a.cluster { background-position: 0 -120px; }

.logos-externos a.cluster:hover { background-position: 0 -80px; }

.logos-externos a.aenor { background-position: -30px -200px; padding: 20px 20px; }

.logos-externos a.aenor:hover { background-position: -30px -160px; }

.logos-externos a.aec { background-position: -15px -280px; padding: 20px 35px; }

.logos-externos a.aec:hover { background-position: -15px -240px; }

.logos-externos a.terciario { background-position: -10px -360px; padding: 20px 40px; }

.logos-externos a.terciario:hover { background-position: -10px -320px; }

.telefono {
    color: #AAAAAA;
    float: right;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    margin-bottom:0;
}

.telefono strong {
    color: #c33;
    font-size: 24px;
}

.ipyc-texto {
    color: #666666;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 600;
    margin: 5px 0;
}



.page-numbers {
    display: inline-block;
    margin-left:0;
    margin-bottom:1.5em;
}

.page-numbers li {
    float: left;
    height: 32px;
    line-height: 30px;
}

.page-numbers li a {
    width: 36px;
    height: 32px;
}

.page-numbers li span.current {
    background: none repeat scroll 0 0 #C50E1F;
    height: 32px;
    width: 36px;
}

.pagination-centered .next {
    background: url("../img/flechas2-right.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    float: right;
    font-size: 0;
    padding: 16px;
}

.pagination-centered .prev{
    background: url("../img/flechas2-left.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    float: right;
    font-size: 0;
    padding: 16px;
}

.page-numbers li:hover a.next {
    background: url("../img/flechas2-right.png") no-repeat scroll 50% 50% #e6e6e6;
}

.page-numbers li:hover a.prev {
    background: url("../img/flechas2-left.png") no-repeat scroll 50% 50% #e6e6e6;
}

#nav-single {
    padding: 1em 0 2em;
    clear: both;
}

.nav-previous a {
    background: url("../img/flechas2-left.png") no-repeat scroll 10% 50% rgba(0, 0, 0, 0);
    padding: 8px 8px 8px 40px;
}

.nav-next a {
    background: url("../img/flechas2-right.png") no-repeat scroll 90% 50% rgba(0, 0, 0, 0);
    padding: 8px 40px 8px 8px;
    border-left: 1px solid #C50E1F;
    margin-left: -5px;
}

.nav-previous a:hover{
    background: url("../img/flechas2-left.png") no-repeat scroll 10% 50% #e6e6e6;
}

.nav-next a:hover{
    background: url("../img/flechas2-right.png") no-repeat scroll 90% 50% #e6e6e6;
}



/* Transposh traductor */

.trf {
    height: 26px!important;
    width: 38px!important;
}

#tr_credit, #tr_setdeflang, .widget_transposh { display: none; }

.transposh_flags { text-align: right; }

.transposh_flags a { background: transparent!important; padding: 0 0 0 15px!important; float: right!important; }

.top-bar-section .has-form {
    float: left;
}

.top-bar-section .has-form.buscar {
    float: right;
    margin-top: -12px;
    padding-right: 0;
}

.transposh_flags a span, .transposh_flags a img {
    border: 0!important;
}

.transposh_flags a span:hover, .transposh_flags a img:hover {
    border: 0!important;
    opacity: 0.7;
}


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

.top-bar-section ul {
    margin: -75px 0 0;
}

.top-bar-section .has-form.traductor {
    padding: 0;
}

}

/* edit by nandroid. Uber Menu */

.ubermenu .ubermenu-target { padding: 15px; }

.ubermenu-nav a.ubermenu-target, .ubermenu .ubermenu-target-text { text-transform: uppercase; font-weight: 600; font-size: 0.85rem; letter-spacing: 0.05rem; }

.ubermenu-submenu {  font-size: 0.75rem; }

.ubermenu .ubermenu-autocolumn, .ubermenu > .ubermenu-submenu-type-stack {
    padding-top: 0px;
}

.ubermenu-item-layout-default { border-bottom: 2px solid #0f0;}

.ubermenu-submenu .ubermenu-target-text { font-size: 0.75rem; }

.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target a {

    border-bottom: 1px solid #0f0;
}

.off-canvas.is-open { background-color: #C00; }

.contain-to-grid .top-bar.expanded { overflow: visible; }

#megaMenu { border: 0!important;}

#megaMenu.megaMenuHorizontal ul.megaMenu {
	z-index: 999!important;
	background: transparent!important;
}

.top-bar, .top-bar .name {
    background: none repeat scroll 0 0 #C50E1F;
	background: linear-gradient(#A00, #C00) repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
}

.top-bar.expanded .name{
    background: none repeat scroll 0 0 #A00;
	color: #f00!important;
}

#megaMenu ul li a { 
	background: linear-gradient(#A00, #C00) repeat scroll 0 0 rgba(0, 0, 0, 0)!important; }
	
#megaMenu ul li a:hover {  
	background: linear-gradient(#C00, #A00) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;}

.expanded #megaMenu ul li a  {
    background: none repeat scroll 0 0 #C50E1F !important;
}

.expanded #megaMenu ul li a:hover {  
	background: linear-gradient(#B00, #A00) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;}

.expanded #megaMenu ul li li a  {
    background: none repeat scroll 0 0 #A00 !important;
}

#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { border-bottom: 1px dotted #600!important;}

ul .sub-menu { background: #A00!important; border: 1px solid #A00!important; }
ul ul .sub-menu { border: 0!important; }

#megaMenu .wpmega-link-title { padding-left: 5px; font-weight: 600;}

#megaMenu ul li li a { background: #A00!important; color: #FFF!important; font-weight: normal;}

#megaMenu ul li li a:hover { background: #B00!important; color: #FCC!important;}

#megaMenu ul.megaMenu > li > a span.wpmega-link-title, 
#megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title,
menu ul li a
 {
    color: #FFF!important;
    text-shadow: none!important;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.top-bar ul.menu { background: transparent;  }

.top-bar ul.menu a { color: #FFF!important; text-transform: uppercase; font-weight: 600; }

#megaMenu ul.megaMenu > li > a span.wpmega-link-title:hover {
    color: #FCC!important;
}

#megaMenu ul li.mega-with-sub > a:after, #megaMenu ul li.ss-nav-menu-mega > a:after, #megaMenu ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after {
    border-top-color: #FFF!important;
	right: 12px !important;
}

#megaMenu ul.megaMenu > li {
    border: 0!important;
	    border-right: 1px solid #AA0000 !important;
}

#megaMenu ul.megaMenu > li li:hover {
    border-left: 0!important;
    border-right: 0!important;
}

#megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a {
    box-shadow: none!important;
}

#megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-top: 0!important;}

.wpmega-link-title { border: 0px solid #0f0!important; padding:0!important;}

#megaMenu ul li a { }

#menu-item-2394 li { clear:both;}

.expanded #megaMenu .wpmega-link-title { margin: 0 0.9375em!important;}

.expanded #megaMenu.megaMenuHorizontal ul.megaMenu > li > a
{ padding: 10px 0 !important; width: 100%;}

.expanded #megaMenu.megaResponsive ul.megaMenu li.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li { padding-left: 0.9375em!important; padding-right: 0.9375em!important; }

.top-bar-section .has-form{
	background: transparent !important;
}

.top-bar-section .divider { display: none!important; }

.expanded .top-bar-section ul { background: #B00;}

.top-bar.expanded .toggle-topbar a {
    color: #FFF;
}

.top-bar.expanded .toggle-topbar a span {
    box-shadow: 0 10px 0 1px #FFF, 0 16px 0 1px #FFF, 0 22px 0 1px #FFF;
}



.expanded #searchform input[type="text"] { border: 1px solid #A00!important;}

.top-bar input { top:0; }

#megaMenu ul.megaMenu > li.menu-item:last-child {
    padding: 4px 6px;
    margin-top: -10px;
    background: linear-gradient(#A00, #C00) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    border-radius: 3px!important;
    font-size: 1rem;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}

#megaMenu ul.megaMenu > li.menu-item:last-child:hover {
    background: linear-gradient(#C00, #A00) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
}

#megaMenu ul.megaMenu > li.menu-item:last-child a, #megaMenu ul.megaMenu > li.menu-item:last-child a:hover {
    font-size: 1rem;
    background: transparent!important;
}

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

/* .top-bar .title-area { display: none; } */

header.cabecera h1 { display: inline-block; margin: 10px 0; }

.top-bar-section ul li > a { width: auto;}

header.row.cabecera {
	padding: 0;
}

.container {
	padding: 2% 0.9375em;
}

.contain-to-grid .top-bar {
    margin: 0 auto;
	padding: 0;
	height: 45px;
}

#megaMenu a {
    -moz-box-sizing: border-box!important;
	border: 1px solid #f00;
}

.post-portada {
    padding: 0.9375em!important;
    margin-bottom: 2%;
    vertical-align: top;
	margin-right: 2%;
	width: 31%!important;
}

.menu-pie li {
    float: left;
}

.widget-area .large-9, .widget-area .large-3 {
	width: 100%;
}

}


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

header.row.cabecera, footer.pie-pagina {
	padding: 0 5%;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}

.container {
	padding: 2% 5%;
}

.contain-to-grid .top-bar {
	padding: 0 5%;
	height: 37px;
}

.top-bar-section ul {
    margin: -75px 0 0;
}

.widget-area .large-9 {
	width: 75%;
}

.widget-area .large-3 {
	width: 25%;
}

}


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

header.row.cabecera, footer.pie-pagina {
	padding: 0 10%;
}

.container {
	padding: 2% 10%;
}

.contain-to-grid .top-bar {
	padding: 0 10%;
	height: 37px;
}


}


/* MARTOP */

.martop-1 { margin-top: 1rem!important; }

.martop-2 { margin-top: 2rem!important; }

.martop-3 { margin-top: 3rem!important; }

.martop-4 { margin-top: 4rem!important; }

.martop-5 { margin-top: 5rem; }

.martop-6 { margin-top: 6rem; }

.martop-8 { margin-top: 8rem; }

.martop-10 { margin-top: 10rem; }

.martop-12 { margin-top: 12rem; }

.martop-small-1 { margin-top: 1rem; }

.martop-small-2 { margin-top: 2rem; }

.martop-small-3 { margin-top: 3rem; }

.martop-small-4 { margin-top: 4rem; }

.martop-small-5 { margin-top: 5rem; }

.martop-small-6 { margin-top: 6rem; }

.martop-small-8 { margin-top: 8rem; }

.martop-small-10 { margin-top: 10rem; }

.martop-small-12 { margin-top: 12rem; }


@media only screen and (min-width: 40.063em) { /* MEDIUM TABLET min-width: 641px a 1024 */

    .martop-small-1, .martop-small-2, .martop-small-3, .martop-small-4, .martop-small-5, .martop-small-6, .martop-small-8, .martop-small-10, .martop-small-12 { margin-top: 0; }

    .martop-medium-1 { margin-top: 1rem; }

    .martop-medium-2 { margin-top: 2rem; }

    .martop-medium-3 { margin-top: 3rem; }

    .martop-medium-4 { margin-top: 4rem; }

    .martop-medium-5 { margin-top: 5rem; }

    .martop-medium-6 { margin-top: 6rem; }

    .martop-medium-8 { margin-top: 8rem; }

    .martop-medium-10 { margin-top: 10rem; }

    .martop-medium-12 { margin-top: 12rem; }

}

@media only screen and (min-width: 64.063em) { /* LARGE PC min-width: 1025px a 1440px */

    .martop-medium-1, .martop-medium-2, .martop-medium-3, .martop-medium-4, .martop-medium-5, .martop-medium-6, .martop-medium-8, .martop-medium-10, .martop-medium-12 { margin-top: 0; }

    .martop-large-1 { margin-top: 1rem; }

    .martop-large-2 { margin-top: 2rem; }

    .martop-large-3 { margin-top: 3rem; }

    .martop-large-4 { margin-top: 4rem; }

    .martop-large-5 { margin-top: 5rem; }

    .martop-large-6 { margin-top: 6rem; }

    .martop-large-8 { margin-top: 8rem; }

    .martop-large-10 { margin-top: 10rem; }

    .martop-large-12 { margin-top: 12rem; }

}