/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


ul {
    list-style: none;
    padding-left: 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* 
    Laoyout
*/


.container{
    width: 870px;
    margin: 0 auto;
}



#header {
    position: relative;
    padding: 20px 0 0 0;
}

    #header #logo {
        position: absolute;
        top: 28px;
        background-image: url(img/logo-tiresur.png);
        width: 149px;
        height: 85px;
    }

#iframeb2b {
    display: none;
    position: absolute;
    top: 85px;
    right: 35px;
    width: 254px;
    height: 245px;
    /*border: 1px solid #ACACAC;*/
    border-radius: 2px;
    z-index: 999;
    /*background-color: #FFF;*/
    text-align: center;
    /*box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.75); */
    overflow: hidden;
}


#main-menu {
    font-size: 20px;
    color: #262626;
    height: 80px;
}

    #main-menu ul {
        margin: 0px;
        padding: 0px;
        margin-left: 175px;
    }

    #main-menu > ul > li {
        display: inline-block;
        border-left: 1px solid transparent;
        padding-left: 5px;
        line-height: 38px;
        padding: 0px;
    }

        #main-menu > ul > li > a {
            color: #262626;
            text-decoration: none;
            margin-left: -1px;
            border-left: 1px solid #262626;
            padding-left: 20px;
            padding-right: 20px;
        }

        #main-menu > ul > li:first-child > a {
            color: #262626;
            text-decoration: none;
            margin-left: -1px;
            border-left: 1px solid transparent;
            padding-left: 20px;
            padding-right: 20px;
        }


        #main-menu > ul > li:hover,
        #main-menu > ul > li.current {
            border-left: 1px solid #262626;
        }

        #main-menu > ul > li a:hover,
        #main-menu > ul > li.selected {
            color: #ffcc00;
        }


        #main-menu > ul > li > ul {
            list-style: none;
            display: block;
            visibility: hidden;
            position: absolute;
            margin-left: -1px;
            padding-left: 16px;
            font-size: 16px;
        }

            #main-menu > ul > li > ul > li {
                width: auto;
                display: inline-block;
                padding-left: 5px;
                margin-right: 0px;
                line-height: 20px;
            }

            #main-menu > ul > li > ul > li a {
                text-decoration: none;
                color: #262626;
            }

                #main-menu > ul > li > ul > li a:hover {
                    color: #ffcc00;
                }

            #main-menu > ul > li > ul > li:after {
                content: '.';
                padding-left: 5px;
            }

            #main-menu > ul > li > ul > li:last-child:after {
                content: "";
                padding-left: 0px;
            }


        #main-menu > ul > li:hover > ul,
        #main-menu > ul > li.selected > ul {
            visibility: visible;
            border-left: 1px solid #262626;
        }

        #main-menu > ul > li:hover > ul,
        #main-menu > ul > li.current > ul {
            visibility: visible;
            border-left: 1px solid #262626;
        }

        #main-menu > ul > li > ul > li.current{
            font-weight: 400;
        }


li#b2b-link {
    background-image: url(img/b2b.png);
    background-repeat: no-repeat;
    background-position: 18px 0px;
}

    li#b2b-link a {
        padding-left: 65px !important;
    }

    li#b2b-link:hover {
        /*border-left: 1px solid transparent !important;*/
    }



/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/

#footer {
    background-color: rgb(54,54,54);
    position: relative;
}

.footer-inner {
    min-height: 100px;
    color: #fff;
    padding-top: 20px;
    text-align: center;
    position: relative;
}

ul#footer-menu {
    font-size: 18px;
    margin: 0 auto;
}

    ul#footer-menu li {
        display: inline-block;
        width: 103px;
        text-align: center;
    }

        ul#footer-menu li:after {
            content: '\00B7';
            padding-left: 15px;
        }

        ul#footer-menu li:last-child:after {
            content: "";
            padding-left: 0px;
        }

        ul#footer-menu li a {
            color: #fff;
            text-decoration: none;
        }

            ul#footer-menu li a:hover {
                color: #ffcc00;
            }



#footer div.contact {
    font-size: 14px;
    font-weight: 300;
    color: #898989;
}


ul#footer-menu2 {
    font-size: 16px;
    margin: 0 auto;
}

    ul#footer-menu2 li {
        display: inline-block;
        /*width: 162px;*/
        text-align: center;
    }

        ul#footer-menu2 li:after {
            content: 'I';
            padding-left: 15px;
            padding-right: 15px;
        }

        ul#footer-menu2 li:last-child:after {
            content: "";
        }

        ul#footer-menu2 li a {
            color: #fff;
            text-decoration: none;
        }

            ul#footer-menu2 li a:hover {
                color: #ffcc00;
            }


.footer-inner div.social {
    position: absolute;
    width: 95px;
    height: 46px;
    right: 36px;
    top: 31px;
}

    .footer-inner div.social a.facebook {
        width: 21px;
        height: 45px;
        background-image: url(img/social-facebook.png);
        display: inline-block;
    }

    .footer-inner div.social a.twitter {
        width: 21px;
        height: 44px;
        background-image: url(img/social-twitter.png);
        display: inline-block;
        margin-left: 30px;
    }

.footer-inner div.lang {
position: absolute;
height: 22px;
bottom: 29px;
right: 169px;
padding-left: 24px;
color: #FFF;
text-decoration: none;
width: 90px;
}

    .footer-inner div.lang a {
        color: #fff;
    }

    .footer-inner div.lang a:hover {
        color: #ffcc00;
    }

    .footer-inner a.lang.esp {
        background-image: url(img/lang-esp.png);
        background-repeat: no-repeat;
    }




#content-wrapper a {
    text-decoration: none;
    color: #262626;
}

    #content-wrapper a:hover {
        color: #ffcc00;
    }



#main-content,
.main-content {
    font-size: 20px;
    color: #363636;
    line-height: 22px;
}

#main-content h1,
.main-content h1 {
    font-size: 26px;
    font-weight: 300;
}

#main-content h2,
.main-content h2 {
    font-size: 22px;
    font-weight: 300;
}

.slider {
    width: 100%;
    text-align: center;
    overflow: hidden;
    /*height: 518px;*/
}

    .slider img {
        position: relative;
        left: 100%;
        margin-left: -200%;
    }

.logos-marcas {
    background-image: url(img/logos-marcas.png);
    background-repeat: no-repeat;
    height: 40px;
}


/* formateo de texto */
.center {
    text-align: center;
}

.underline {
    padding-bottom: 18px;
    border-bottom: 1px solid #7d7d7d;
}

.h1 {
    font-size: 26px !important;
    font-weight: 300 !important;
}

.h2 {
     font-size: 22px;
    font-weight: 300;   
}

.h1-naranja {
    font-size: 26px !important;
    font-weight: 300 !important;
    color: #ffcc00;
}

.withmargintop {
    margin-top: 80px;
}

.withmarginbottom {
    margin-bottom: 80px;
}


/* ==========================================================================
   Slider (old)
   ========================================================================== */

.slider {
    height: 545px;
}

ul.images {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 518px;
    list-style: none;
}

    ul.images li {
        position: relative;
        top: 0;
        left: 0;
    }

        ul.images li img {
            position: relative;
            left: 100%;
            margin-left: -200%;
        }


ul.triggers {
    list-style: none;
    margin-top: 0px;
}

    ul.triggers li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: transparent;
        border: 1px solid #000;
        border-radius: 10px;
    }

        ul.triggers li.active {
            background-color: rgb(251, 189, 4);
            border: 1px solid rgb(251, 189, 4);
        }

/* Slider Captions */
/*ul.images li*/ div.wrapper {
    position: relative;
}

/*ul.images li*/ p.caption-home-1 {
    z-index: 99;
    position: absolute;
    top: -15px;
    right: 10px;
    width: 640px;
}

    p.caption-home-1 span.a {
        /*font-size: 41px;*/
        padding-left: 50px;
        font-size: 30px;
        color: #363636;
        display: block;
        text-align: left;
    }

    p.caption-home-1 span.b {
        font-size: 20px;
        color: #626262;
        display: block;
        text-align: right;
    }

    p.caption-home-1 span.c {
        font-size: 31px;
        color: #626262;
    }

    p.caption-home-1 span.d {
        font-size: 31px;
        color: #fbbe05;
    }

/* caption slider 2 */
/* ul.images li*/ p.caption-home-2 {
    z-index: 99;
    position: absolute;
    top: -5px;
    right: 10px;
    width: 500px;
}

    p.caption-home-2 span.a {
        font-size: 30px;
        color: #363636;
        display: block;
        text-align: left;
    }

    p.caption-home-2 span.b {
        font-size: 20px;
        color: #626262;
        display: block;
        text-align: right;
    }

    p.caption-home-2 span.c {
        font-size: 31px;
        color: #fbbe05;
    }


    p.caption-home-2 span.d {
        font-size: 31px;
        color: #626262;
    }

/* caption slider 3 */
/*ul.images li*/ p.caption-home-3 {
    margin-top: 0;
    z-index: 99;
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #363636;
}


/*ul.images li*/ p.caption-home-3-2 {
    margin-top: 0;
    z-index: 99;
    position: absolute;
    width: 400px;
    text-align: left;
    font-size: 22px;
    left: 30px;
    top: 100px;
    color: #fff;
}

    p.caption-home-3-2 span.a {
        font-size: 33px;
        color: #fff;
    }

    p.caption-home-3-2 span.b {
        font-size: 33px;
        color: #fbbe05;
    }





/* ==========================================================================
   Selector de países
   ========================================================================== */


#header div.selector-pais {
    color: #ffcc00;
    text-align: right;
    padding-right: 40px;
    position: relative;
}


    #header div.selector-pais a {
        color: #ffcc00;
        text-decoration: none;
    }


.mapa-wrapper{
    background-image: url(img/selector-paises/start.png);
    position: absolute;
    margin:0;
    width: 450px;
    height: 256px;
}

.mapa-paises {
    display: none;
    position: absolute;
    top: 30px;
    right: 35px;
    width: 450px;
    height: 256px;
    border: 1px solid #acacac;
    border-radius: 2px;
    z-index: 999;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}

    .mapa-paises ul {
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
        padding-top: 0px;
        margin-top: 10px;
    }

        .mapa-paises ul li:first-child {
            width: auto;
        }

        .mapa-paises ul li:last-child {
            width: auto;
        }

        .mapa-paises ul li {
            display: inline-block;
            width: auto;
            padding-left: 5px;
            padding-right: 5px;
        }

            .mapa-paises ul li:after {
                content: ".";
                margin-left: 7px;
            }

            .mapa-paises ul li:first-child:after,
            .mapa-paises ul li:last-child:after,
            .mapa-paises ul li:nth-child(6):after {
                content: "";
            }



    .mapa-paises.start {
        background-image: url(img/selector-paises/start.png);
    }

    .mapa-paises.esp {
        background-image: url(img/selector-paises/esp.png);
    }

    .mapa-paises.port {
        background-image: url(img/selector-paises/port.png);
    }

    .mapa-paises.bra {
        background-image: url(img/selector-paises/bra.png);
    }

    .mapa-paises.lat {
        background-image: url(img/selector-paises/lat.png);
    }

    .mapa-paises.afr {
        background-image: url(img/selector-paises/afr.png);
    }


/* ==========================================================================
   Seccion Producto
   ========================================================================== */

.container ul.producto-gama {
    font-size: 29px;
}

ul.producto-gama {
    list-style: none;
    padding-left: 0px;
    text-align: center;
}

    ul.producto-gama li {
        display: inline-block;
        width: auto;
        margin-left: 30px;
    }

        ul.producto-gama li:after {
            content: ".";
            padding-left: 30px;
        }

        ul.producto-gama li:last-child:after {
            content: "";
        }



p.caption-producto-2 {
    z-index: 99;
    text-align: center;
    /*width: 300px;*/
    position: absolute;
    top: 62px;
    right: 10px;
    color: #fff;
    font-size: 22px;
}


div.producto-gt-info {
    width: 220px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
}

    div.producto-gt-info > span,
    div.producto-budget-info > span {
        font-size: 29px;
    }


div.producto-budget-info {
    width: 105px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: text-top;
}


.producto-budget-left {
    display: inline-block;
    margin-left: 40px;
}


.producto-budget-right {
    display: inline-block;
    margin-left: 115px;
}



    a.link-mas-info {
        background-image: url(img/info.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 25px;
        text-decoration: none;
        color: #262626;
    }



    a.link-mas-info:hover {
        color: #ffcc00;
    }

     a.link-facebook {
        background-image: url(img/icono-facebook.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 35px;
        text-decoration: none;
        color: #262626;
    }



    a.link-facebook:hover {
        color: #ffcc00;
    }


    a.link-catalogo {
        background-image: url("img/icono-catalogo.png");
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 50px;
        text-decoration: none;
        line-height: 85px;
        height: 80px;
        color: #262626;
        display: inline-block;
        font-size: 20px;
        margin-bottom: 50px;
    }



    a.link-catalogo:hover {
        color: #ffcc00;
    }    

/* ==========================================================================
   Seccion Empresa / Tiresur España
   ========================================================================== */

.bloque-servicio {
    display: table-cell;
    text-align: center;
    font-size: 20px;
    padding: 0 10px 0 10px;
}

.ico-envio-gratuito,
.ico-reloj,
.ico-camion,
.ico-marcas,
.ico-marcas,
.ico-telefono,
.ico-email,
.ico-skype
 {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    line-height: 37px;
    text-align: left;
    margin: 0 auto;
    padding-bottom: 10px;
}

.ico-envio-gratuito {
    background-image: url(img/icono-envio.png);
}

.ico-reloj {
    background-image: url(img/icono-reloj.png);
}

.ico-camion {
    background-image: url(img/icono-camion.png);
    padding-left: 64px;
}

.ico-marcas {
    background-image: url(img/icono-marcas.png);
}

.ico-telefono {
    background-image: url(img/icono-telefono.png);
}

.ico-email {
    background-image: url(img/icono-email.png);
}

.ico-skype {
    background-image: url(img/icono-skype.png);
}

.bloque-centro-logistico ul {
    width: 60%;
    margin: 10px auto;
}


.bloque-centro-logistico li {
    display: inline-block;
    padding: 10px;
}

.bloque-centro-logistico li > a:after {
    content: "."; 
    margin-left: 17px;
}

.bloque-centro-logistico li:last-child > a:after{
    content: "";
}

.bloque-centro-logistico li > a:hover:after{
    color: #262626;
}


.bloque-centro-logistico li a {
    display: block;
    background-image: url(img/info.png);    
    background-repeat: no-repeat;
    /*background-position: 23px bottom;*/
    background-position: center bottom;
    height: 50px;
}

.rounded {
    border-radius: 15px;
    border:1px solid black;
    padding: 5px;
    display: inline-block;
    font-size: 19px;
}

.location-wrapper{
    display: table;
    width: 100%;
}

.location {
    /*background-image: url("img/icono-ubicacion.png");
    background-position: left center;
    background-repeat: no-repeat;*/
    height: 40px;
    font-size: 15px;
    vertical-align: middle;
    display: table-cell;
    background-size: 40px;
    text-align: center;
}

a.link-gmaps{
    color: #ffcc00 !important;
}

a.link-gmaps:hover{
    text-decoration: underline !important;
}

/* ==========================================================================
    Empresa / Tiresur Internacional
   ========================================================================== */

#mapa-mundi-map {
    position: relative;
    top: 0px;
    height: 523px;
    width: 1016px;    
    margin: 0 auto;
    z-index: 999;
}

.mapa-mundi-map-es{
    background-image: url(img/mapa-mundi.png);
}

.mapa-mundi-map-en{
    background-image: url(img/mapa-mundi-en.png);
}

#mapa-mundi-map a {
    /*border: 1px solid red;*/
}


.webui-popover{
    background-color: rgba(255,255,255, 0.7);
    border-radius: 0;
    border: 0px;
    border-left: 2px solid #9e9e9e;
}

.webui-popover.right .arrow,
.webui-popover-title {
    display: none;    
}

.webui-popover-content {
    background-color: rgb(255, 255, 255, 0.9);
}


.webui-popover .webui-popover-content {
    overflow: visible;
}


#point-granada-content .edificio{
    width: 237px;
    height: 105px;
    position: absolute;
    top: -110px;
    left: 0px;
    background-image: url(img/sede-granada.png);
    z-index: 999;
}


#point-portugal-content .edificio {
    width: 220px;
    height: 118px;
    position: absolute;
    top: -120px;
    left: 0px;
    background-image: url(img/sede-portugal.png);
    z-index: 999;    
}

#point-panama-content .edificio {
    width: 120px;
    height: 158px;
    position: absolute;
    top: -160px;
    left: 0px;
    background-image: url(img/sede-panama.png);
    z-index: 999;        
}

#point-brasil-content .edificio {
    width: 182px;
    height: 137px;
    position: absolute;
    top: -140px;
    left: 0px;
    background-image: url(img/sede-brasil.png);
    z-index: 999;
}

#point-coruna-content .edificio {
    width: 166px;
    height: 119px;
    position: absolute;
    top: -118px;
    left: 0px;
    background-image: url(img/sede-almacen-coruna.png);
    z-index: 999;
}

#point-coruna-content.mapa-pop {
    min-width: 160px !important;
}


#point-madrid-content .edificio {
    width: 244px;
    height: 109px;
    position: absolute;
    top: -112px;
    left: 0px;
    background-image: url(img/sede-almacen-madrid.png);
    z-index: 999;
}

#point-madrid-content.mapa-pop {
    min-width: 238px !important;
}

#point-barcelona-content .edificio {
    width: 166px;
    height: 109px;
    position: absolute;
    top: -110px;
    left: 0px;
    background-image: url(img/sede-almacen-barcelona.png);
    z-index: 999;
}

#point-barcelona-content.mapa-pop {
    min-width: 160px !important;
}

#point-fortaleza-content .edificio {
    width: 163px;
    height: 120px;
    position: absolute;
    top: -117px;
    left: 0px;
    background-image: url(img/sede-almacen-fortaleza.png);
    z-index: 999;
}

#point-fortaleza-content.mapa-pop {
    min-width: 160px !important;
}


#point-recife-content .edificio {
    width: 163px;
    height: 120px;
    position: absolute;
    top: -117px;
    left: 0px;
    background-image: url(img/sede-almacen-recife.png);
    z-index: 999;
}

#point-recife-content.mapa-pop {
    min-width: 160px !important;
}


#point-espirito-santo-content .edificio {
    width: 163px;
    height: 120px;
    position: absolute;
    top: -117px;
    left: 0px;
    background-image: url(img/sede-almacen-espirito-santo.png);
    z-index: 999;
}

#point-espirito-santo-content.mapa-pop {
    min-width: 160px !important;
}




#point-portugal-content .almacen {
    margin-top: 60px;
}


.mapa-pop {
    display: none;
    position: relative;
    min-width: 350px;
}

.mapa-pop-small {
    display: none;
    position: relative;    
}

.mapa-pop .almacen{
    font-size: 20px;
    margin-top: 50px;
}

.mapa-pop .detalle{
    font-size: 16px;
}

.mapa-pop .logo-tiresur{
    width: 105px;
    height: 29px;
    background-image: url(img/logo-tiresur-2.png);
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}



/* ==========================================================================
   Seccion Empresa / Red de talleres
   ========================================================================== */

#titulo-red-talleres{
    width: 79%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    height: 2em;

}

#titulo-red-talleres .line1{
    display: block;
    float: left;
    font-size: 40px;
}

#titulo-red-talleres .line2{
    display: block;
    float: right;
    font-size: 20px;
}

#titulo-red-talleres .line2 .big{
    font-size: 30px;
}


#red-talleres-mapa-caption{
    width: 300px; 
    position:absolute; 
    top:0px; 
    right: 0px;
    z-index: 999;    
}

div#mapa-red-talleres {
    position: relative;
    top: 0px;
    height: 610px;
    width: 784px;    
    margin: 0 auto;
    z-index: 999;
    text-align: left;
    background-image: url(img/slider/red_talleres_2.png);    
    padding: 0;
    background-position: center 30px;
    background-repeat: no-repeat;
}



/* ==========================================================================
   Seccion Contacta
   ========================================================================== */

   div.contacta-info-telefono,
    div.contacta-info-email {
        font-size: 25px;
        background-position: left center;
        background-repeat: no-repeat;
        height: 53px;
        line-height: 53px;
        padding-left: 60px;
        display: inline-block;        
    }   

   div.contacta-info-telefono{
        background-image: url(img/icono-telefono.png);
   }

   div.contacta-info-email {
        background-image: url(img/icono-email.png);
        margin-left: 30px;
    }

    .contacta-centro-logistico {
        margin-bottom: 40px;
    }

    .contacta-centro-logistico .image {
        float: left;
    }

    .contacta-centro-logistico .datos {
        float: right;
        width: 370px;        
    }

    .contacta-centro-logistico .direccion {
        background-image: url(img/icono-ubicacion.png);
        background-size: 40px;
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 60px;
        min-height: 53px; 
        margin-bottom: 10px;   
        font-size: 16px;    
    }

    .contacta-centro-logistico .telefono {
        background-image: url(img/icono-telefono.png);
        background-size: 40px;
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 60px;
        height: 53px;
        line-height: 53px;        
    }    

    .contacta-centro-logistico .email {
        background-image: url(img/icono-email.png);
        background-size: 40px;
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 60px;
        height: 53px;
        line-height: 53px;        
    }   

    .contacta-centro-logistico:after {
        height: 20px;
        margin-left: 25%;
        display: block;
        width: 50%;
        border-bottom: 2px solid #ffcc00;
        content: '';
    }

    h3 {
        font-size: 26px;
        font-weight: 300;
    }

    .naranja{
        color: #ffcc00;
    }    

    .clear {
        clear: both;
    }


    label{
        display: block;
        margin-bottom: 10px;
    }

    label input,
    label textarea {
        width: 100%;
        border-radius: 10px;
        padding:5px;
        appearance: none;
        border: 1px solid black;
        margin-top: 5px;
        transition: box-shadow 0.3s;

    }

    label input:focus,
    label textarea:focus {
        box-shadow: 0 0 5px 1px #969696;

    }    

.btn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #ffffff;
  background: #53595e;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: 1px solid transparent;
}

.btn:hover {
  background: #53595e;
  background-image: -webkit-linear-gradient(top, #53595e, #1e1e1f);
  background-image: -moz-linear-gradient(top, #53595e, #1e1e1f);
  background-image: -ms-linear-gradient(top, #53595e, #1e1e1f);
  background-image: -o-linear-gradient(top, #53595e, #1e1e1f);
  background-image: linear-gradient(to bottom, #53595e, #1e1e1f);
  text-decoration: none;
}

/* ==========================================================================
   Sección noticas
   ========================================================================== */

article.noticia {

}

article.noticia:after,
article.blog-post:after {
        height: 20px;
        margin-left: 15%;
        display: block;
        width: 60%;
        border-bottom: 2px solid #ccc;
        margin-bottom: 20px;
        content: '';
}

.noticia .imagen,
article.blog-post .media-library-picker-field-imagen {
    display: block;
    width: 35%;
    margin: 0;
    float: left;
    padding-top: 50px;
}

.noticia .resumen,
article.blog-post .resumen {
    display: block;
    width: 60%;
    margin: 0;
    float: right;
}

.noticia .resumen .fecha{

}

.noticia .resumen h2 ,
article.blog-post .resumen h2,
.noticia-detail h2
{
    font-size: 30px !important;
    line-height: 1em;
}

.noticia .resumen p,
.noticia-detail p {
    font-size: 20px;
}

.noticia-detail {
    margin-top: 50px;
    margin-bottom: 50px;
}

.noticia .resumen a.lnk-mas-info {
    
}


/* ==========================================================================
   Slides Carousel
   ========================================================================== */


.carouser-wrapper {
    overflow: hidden;
    height: 540px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

.carousel.slide {
    max-width: 1920px;
    //the largest you want the image to stretch min-width: 870px;
    //the "container" width overflow: hidden;
}

.carousel-inner {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
}


    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        width: 1920px;
        margin: 0 auto;
    }

/*
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}*/



@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
            left: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            left: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control:hover,
    .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators-wrapper {
    position: relative;
    height: 70px;
    margin: 0px;
}

.carousel-indicators {
    position: absolute;
    left: 50%;
    z-index: 99;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}


    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: transparent;
        border: 1px solid #000;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: rgb(251, 189, 4);
        border: 1px solid rgb(251, 189, 4);
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    margin-left: -15px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    margin-right: -15px;
}

.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
}

.carousel-indicators {
    bottom: -40px;
}


.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}



/* ==========================================================================
   Modal window
   ========================================================================== */

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:fixed;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window{
    position:fixed;
    width:440px;
    height:200px;
    display:none;
    z-index:9999;
    padding:20px;

    width: 450px;
    height: 256px;
    border: 1px solid #acacac;
    border-radius: 2px;
    z-index: 999;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);  
    opacity: 0.96;
}

#boxes .winbig {
    height: 350px !important;
    width: 548px !important;
}

#boxes .winbig2 {
    /*height: 360px !important;*/
    height: auto !important;
    width: 548px !important;
}


/* ==========================================================================
   Blog
   ========================================================================== */



 .published{
    font-size: 12px;
}

 .blog-post h1 {
    font-size: 26px;
    font-weight: 300;     
 }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


.logos-aenor {
    background: url(img/certificados-aenor.png);
    width: 145px;
    height: 96px;   
    position: absolute;
    top: 14px;
    left: 50px;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        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) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]: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;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}