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

/*
Theme Name: 
Theme URL: http://www.720desarrollos.com
Author: Mariana Stariolo
Author URI: http://www.720desarrollos.com
Version: 1.0
*/

/*-------------------------------------------------------------------------------------------

INDEX:

1. GLOBAL
-1.1 Defaults
-1.2 Text

2. APPEARANCE AND STRUCTURE OF THE SITE
-2.1 Header/Top
-2.2 Containers of information
-2.3 Footer

3. HOMEPAGE
-3.1 Banner
-3.2 Buscar
-3.3 3 Columns
-3.4 Cerificados

4. NOTAS TÉCNICAS
-4.1 Breadcrums
-4.2 Buscador de Productos
-4.3 Paginador
-4.4 Buscador Notas Técnicas
-4.5 Listado Notas Técnicas

5. RESULTADOS DE BUSQUEDA
-5.1 Column Left
-5.2 Column Right

6. DETALLE DE PRODUCTO
-6.1 Descripcion
-6.2 Equivalencias

7. CONTACTO
-7.1 Formulario
-7.2 Aside

8. EMPRESA

9. ENCUESTA

10. DETALLE NOTAS TECNICAS

11. TALLER

-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* 1. GLOBAL */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 1.1 Defaults ----------------------- */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    margin: 0;
    padding: 0;
    background: #FFF;
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: #FFF;
    width: 100%;
    height: 100%;
}

*{
    font-family: 'Montserrat', Helvetica, Arial, sans-serif; 
    font-size: 10px; 
    color: #737373; 
    line-height: 18px;
}

.right{ 
    float: right; 
}

.left{ 
    float: left; 
}

::-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,
img,
video {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

/* ----------------------- 1.2 Text ----------------------- */
p{
    margin: 0; 
    padding: 0 0 20px 0; 
    text-align: left;
}

p em{ 
    color: #999; 
}

a{ 
    text-decoration: none;
    font-size: inherit; 
    outline: none; 
    -webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; 
    -o-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; 
    -moz-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; 
    -ms-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s;
    transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, outline 0.2s ease 0s; 
}

a:hover, a:active{ 
    text-decoration: none; 
    outline: none;
}

strong{
    font-size: inherit;
}

/* --- Títulos --- */
h2{ 
    font-size: 22px; 
    font-weight: normal; 
    line-height: 24px; 
    margin: 0; 
    padding: 0; 
    color: #0263b6;
    letter-spacing: -1px
}

h2 a{ 
    font-size: 22px; 
    font-weight: normal; 
    line-height: 24px; 
    margin: 0; 
    padding: 0; 
    color: #0263b6; 
}

h2 a:hover{ 
    text-decoration: none; 
    color: #ff9d27; 
}

h3{ 
    font-size: 45px; 
    font-weight: normal; 
    line-height: 47px; 
    margin: 0 0 35px; 
    padding: 0; 
    color: #005298;
    letter-spacing: -2px
}


/*-------------------------------------------------------------------------------------------*/
/* 2. APPEARANCE AND STRUCTURE OF THE SITE */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 2.1 Header/Top ----------------------- */
#header{ 
    width: 100%;
    margin: 0; 
    padding: 0; 
    background: #002656 url(../content/images/bg-header.png) repeat-x top left; 
    height: 87px;
    -webkit-box-shadow: 0px 4px 4px #ccc;
    box-shadow: 0px 4px 4px #ccc;
}

#header .content{
    position: relative;
}

/* --- Logo --- */
#header #logo{
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 0;  
    margin: 0; 
    padding: 0;
    background: url(../content/images/logo.png) no-repeat top left;
    width: 226px;
    height: 47px;
}

#header #logo h1{
    display: block; 
    float: left;  
    margin: 0; 
    padding: 0;
    width: 226px;
    height: 47px;
}

#header #logo h1 a{
    display: block; 
    float: left;  
    margin: 0; 
    padding: 0;
    width: 226px;
    height: 47px;
    text-indent: -10000px;
}

/* --- Menu --- */
.menu{
    float: right; 
    margin: 40px 0 0;
    padding: 0;
    width: 100%;
}

#header .idioma {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 4px;
    width: 220px;
    z-index: 9999;
}

#header .taller {
    position: absolute;
    /*padding-left: 560px;*/
    padding-top: 0px;
    top: 6px;
    /*width: 500px;*/
    right: 230px;
}
#header .taller a {
    color: #FFFFFF;  
    font-size: 13px;
}
#header .taller img {
    vertical-align: sub;
}
#header .idioma ul, #header .idioma ul table tr td ul li {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 104%;
}
#header .idioma ul li table tr td a {
    display: block;
    float: left;
    line-height: 28px;
    margin: 0;
    padding: 0 7.7%;
    width: 84.6%;
}
#header .idioma ul li table tr td a.first {
    background: url("../content/images/arrow-idiomas.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
#header .idioma ul li table tr td:hover ul, #header .idioma ul li table tr td:active ul, #header .idioma ul li.active table tr td ul, #header .idioma ul li table tr td:hover .first, #header .idioma ul li table tr td:active .first, #header .idioma ul li table tr td.active .first {
    background-color: #12619C;
}
#header .idioma ul li table tr td a img {
    display: block;
    float: left;
    padding: 8px 6px 0 0;
}
#header .idioma ul li table tr td a span {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    padding: 0;
}
#header .idioma ul li table tr td ul li a:hover, #header .idioma ul li table tr td ul li a:active {
    background-color: #04487A;
}
#header .idioma ul li table tr td ul {
    display: none;
}
#header .idioma ul li table tr td.active ul {
    display: block;
}

/* ----------------------- 2.2 Containers of information ----------------------- */
.content{
    width: 90%; 
    margin: 0 auto; 
    padding: 0;
}

.full100{
    width: 100%; 
    margin: 0 auto 45px; 
    padding: 0;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 6px 10px #ccc;
    box-shadow: 0px 6px 10px #ccc;
    min-height: 345px;
}

.main{
    width: 100%; 
    margin: 0; 
    padding: 0 0 20px; 
    float: left;
    min-height: 250px;
}

.bg-resultados{
    width: 100%; 
    margin: 0 auto; 
    padding: 0;
    /*background: url(../content/images/bg-resultados.png) repeat-y top;*/
}


/* ----------------------- 2.3 Footer ----------------------- */
footer{
    width: 100%; 
    margin: 0; 
    padding: 0; 
    float: left; 
    background: #37373c url(../content/images/bg-footer.png) repeat-x bottom left;
    min-height: 222px;
}

footer .row{
    width: 100%; 
    margin: 0; 
    padding: 30px 0 0; 
    float: left;
    min-height: 136px;
}

footer .row .column1{
    width: 18.3%; 
    margin: 0; 
    padding: 0 4.16% 0 0; 
    float: left;
    min-height: 136px;
}

footer .row .column1 img{
    width: 100% !important;
    height: auto !important;
}

footer .row .column2{
    width: 29.79%; 
    margin: 0; 
    padding: 0; 
    float: left;
    color: #FFF;
    font-size: 12px;
    line-height: 20px;
}

footer .row .column2 a{
    color: #FFF;
    font-size: 12px;
    line-height: 20px;
}

footer .row .column2 a:hover{
    text-decoration: underline;
}

footer .row .column3{
    width: 16.77%; 
    margin: 0; 
    padding: 0; 
    float: left;
}

footer .row ul, footer .row ul li{
    display: block;
    width: 100%; 
    margin: 0; 
    padding: 0; 
    float: left;
    list-style: none;
}

footer .row ul li{
    padding: 0 0 4px;
}

footer .row ul li a{
    text-transform: uppercase;
    color: #FFF;
    font-size: 12px;
    line-height: 14px;
}

footer .row ul li a:hover, footer .row ul li a:active{
    color: #ed8302;
    text-decoration: none;
}

footer .row .column4{
    width: 21.5%; 
    margin: 0; 
    padding: 0; 
    float: left;
}

footer .row .right{
    margin: 0; 
    padding: 0; 
    float: right;
    width: 7.39%;
}

footer .row .right img{ 
    float: left;
    width: 100% !important;
    height: auto !important;
}

footer .row2{
    width: 100%; 
    margin: 0; 
    padding: 18px 0 10px 0;
    float: left;
}

footer .row2 .left{
    width: 50%; 
    margin: 5px 0 0; 
    padding: 0; 
    float: left;
    color: #878788;
    font-size: 12px;
    line-height: 14px;
}

footer .row2 .right{
    width: 40%; 
    margin: 0; 
    padding: 0; 
    float: right;
}

footer .row2 .right .social1{
    display: block;
    float: right;
    background: url(../content/images/social1.png) no-repeat 0 0;
    width: 28px;
    height: 28px;
    margin: 0 0 0 12px; 
    padding: 0; 
    float: right;
    text-indent: -10000px;
}

footer .row2 .right .social2{
    display: block;
    float: right;
    background: url(../content/images/social2.png) no-repeat 0 0;
    width: 28px;
    height: 28px;
    margin: 0 0 0 12px; 
    padding: 0; 
    float: right;
    text-indent: -10000px;
}

footer .row2 .right .social1:hover, footer .row2 .right .social1:active, footer .row2 .right .social2:hover, footer .row2 .right .social2:active{
    background-position: 0 -28px;
}




/*-------------------------------------------------------------------------------------------*/
/* 3. HOMEPAGE */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 3.1 Banner ----------------------- */
#banner{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

#banner .content{
    display: block;
    position: relative;
}

#banner .caption{
    display: block;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 140px;
    width: 630px;
    float: left;
    margin: 0;
    padding: 0;
}

#banner .caption strong{
    display: block;
    margin: 0 0 7px;
    padding: 0;
    font-weight: normal;
    font-size: 65px;
    line-height: 65px;
    color: #FFF;
    text-shadow: 0 5px 0 #012f5e;
    letter-spacing: -2px;
}

#banner .caption span{
    display: block;
    width: 470px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 32px;
    line-height: 32px;
    color: #FFF;
    text-shadow: 0 3px 0 #012f5e;
}

/* ----------------------- 3.2 Buscar ----------------------- */
.buscar{
    background: url(../content/images/bg-buscar.png) repeat top left;
    width: 37%;
    height: 100%;
    /*min-height: 100vh;*/
    position: absolute;
    right: 0;
    top: 0;
    /*transition: min-height .25s ease-out;*/
}

    

.form-buscar{
    float: left;
    padding: 12px 0 0 25px;
    width: 90%;
    margin: 0;
}

.form-buscar h3{
    display: block;
    padding: 0 0 4px;
    margin: 0;
    color: #FFF;
    font-weight: normal;
    font-size: 22px;
    line-height: 22px;
}

.form-buscar p{
    display: block;
    margin: 0;
    padding: 0 0 0 0;
    color: #FFF;
    font-size: 14px;
    line-height: 18px;
}

.acordion{
    width: 100%;
    height: auto;
    padding: 0 0 6px 0;
}

.form-buscar .row{
    padding: 0 0 5px;
    width: 100%;
    margin: 0;
    position: relative;
}

.form-buscar .row:last-child{
    padding: 0;
}

.form-buscar .input{
    display: block;
    padding: 0 20px;
    width: 92%;
    margin: 0;
    background: #FFF;
    line-height: 20px;
    height: 35px;
    color: #556b84;
    font-size: 14px;
    border: none;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-buscar .input.boxing {
    box-sizing: border-box;
    width: 100% !important;
}

.form-buscar .cmb_flechita select{
    opacity: 0;
    z-index: 900;
}

.form-buscar select {
    display: block;
    padding: 0;
    width: 100%;
    margin: 0;
    background: #FFF;
    line-height: 35px;
    height: 35px;
    color: #556b84;
    font-size: 14px;
    border: none;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-buscar .cmb_flechita{ 
    display: inline-block; 
    position: relative; 
    z-index: 1001;
    width: 100%;
    margin: 0;
}

.form-buscar .cmb_flechita .fo { 
    display: block;
    padding: 0 40px 0 20px;
    width: 87%;
    margin: 0;
    background: #FFF;
    line-height: 35px;
    height: 35px;
    color: #556b84;
    font-size: 14px;
    border: none;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    left: 0; 
    position: absolute; 
    top: 0;
    background: #fff url(../content/images/select.png) no-repeat right;
}

.form-buscar .cmb_flechita .boxing {
    box-sizing: border-box;
    width: 100% !important;
}

.btn-buscar{
    display: block;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    outline: none;
    height: 47px;
    text-transform: uppercase;
    color: #FFF;
    background: url(../content/images/bg-btn.png) repeat-x top left;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
}

.btn-buscar:hover, .btn-buscar:active{
    -moz-opacity: 0.80; 
    opacity: 0.80; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); 
    filter:alpha(opacity=80);
}

/* ----------------------- 3.3 3 Columns ----------------------- */
.columnsx3{
    width: 100%;
    background: url(../content/images/separador.png) no-repeat bottom;
    margin: 0;
    padding: 0 0 110px;
    float: left;
}

.columnsx3 article{
    width: 31.46%;
    margin: 0;
    padding: 0;
    float: left;
}

.columnsx3 article.middle{
    padding: 0 2.81%;
}

.columnsx3 article header{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    height: 58px;
}

.columnsx3 article figure{
    width: 100%;
    margin: 0;
    padding: 0 0 10px;
    float: left;
}

.columnsx3 article figure img{
    width: 100% !important;
    height: auto !important;
}

.columnsx3 article .text{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}

.columnsx3 article .text p{
    padding: 0 0 8px;
}

.btn-more{
    display: block;
    float: left;
    padding: 0 13px 0 0;
    background: url(../content/images/arrow-orange.png) no-repeat right;
    color: #f08a0f;
    line-height: 16px;
}

.btn-more:hover, .btn-more:active{
    text-decoration: underline;
}

/* ----------------------- 3.4 Cerificados ----------------------- */
.certificados, .certificados *{
    box-sizing: border-box;
}
.certificados{
    width: 100%;
    padding: 0 0 20px;
    float: left;
    text-align: center;
}

.certificados .col { float:left; text-align:center; }
.certificados .col-50{
    width:50%;
}
.certificados .col > a  
{
    padding-right:1.6%
}

@media (max-width: 767px) 
{
    .certificados .col-50{
        width:100%;
    }
    .certificados .col > a img
    {
        padding-bottom:40px
    }

}


/* ----------------------- 3.5 Flexslider ----------------------- */
.flex-direction-nav .flex-next { right: 37%; }

.flexslider:hover .flex-next { right: 38%; }

@media (min-width: 768px) and (max-width: 960px) 
{
    .flex-direction-nav .flex-next { right: 30%; }
    .flexslider:hover .flex-next {  right: 31%; }
}

@media (min-width: 1px) and (max-width: 767px) 
{
    .flex-direction-nav .flex-next { right: 10px; }
    .flexslider:hover .flex-next {  right: 10px; }
}

/*-------------------------------------------------------------------------------------------*/
/* 4. NOTAS TÉCNICAS */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 4.1 Breadcrums ----------------------- */
.breadcrumbs{ 
    width: 100%;
    float: left;
    padding: 0 0 12px;
    height: 45px;
}

.breadcrumbs .left{
    padding: 10px 0 0;
}

.breadcrumbs .left ul, .breadcrumbs .left ul li{ 
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}

.breadcrumbs .left ul li{ 
    padding: 0 4px 0 0;
    width: auto;
}

.breadcrumbs .left ul li a{ 
    display: block;
    float: left;
    padding: 0 10px 0 0;
    background: url(../content/images/breadcrum-icon.png) no-repeat right;
    font-size: 12px;
    line-height: 14px;
}

.breadcrumbs .left ul li span{ 
    display: block;
    float: left;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}


/* ----------------------- 4.2 Buscador de Productos ----------------------- */
.breadcrumbs .buscador-productos{
    float: right;
}

.breadcrumbs .buscador-productos ul, .breadcrumbs .buscador-productos ul li{ 
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    min-width: 326px;
}

.breadcrumbs .buscador-productos ul li .btn-producto{ 
    display: block;
    float: right;
    padding: 0 35px;
    margin: 0;
    background: #4c6f93;
    line-height: 45px;
    color: #FFF;
    font-size: 22px;
    height: 45px;
}

.breadcrumbs .buscador-productos ul li .btn-producto:hover, .breadcrumbs .buscador-productos ul li .btn-producto:active{
    background: #5c88b4;
}

.breadcrumbs .buscador-productos ul li ul{ 
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: none;
}

.breadcrumbs .buscador-productos ul li ul li .buscar{
    width: 160%;
    height: auto;
    position: static;
    float: left;
    padding: 0 0 26px;
    background: url(../content/images/bg-bucarprod.png) repeat top left;
}

.form-buscar .txt{
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #FFF;
    margin: 18px 0 22px;
}

.btn-tabla{
    display: block;
    padding: 0;
    width: 98%;
    border: 2px solid #3f6a96;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: url(../content/images/btn-tabla.png);
    height: 57px;
    margin: 0;
}

.btn-tabla .icon{
    display: block;
    float: left;
    background: url(../content/images/icon-tabla.png) no-repeat top left;
    width: 32px;
    height: 29px;
    margin: 14px 9px 0 14px;
}

.btn-tabla .text{
    display: block;
    float: left;
    color: #FFF;
    font-size: 16px;
    line-height: 57px;
}

.btn-tabla:hover, .btn-tabla:active{
    -moz-opacity: 0.50; 
    opacity: 0.50; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); 
    filter:alpha(opacity=50);
}




/* ----------------------- 4.3 Paginador ----------------------- */
.main header{
    width: 100%;
    border-bottom: 1px solid #d1d5db;
    margin: 0 0 26px;
    padding: 0 0 10px;
    float: left;
}

.main header h2{
    font-size: 32px;
    line-height: 34px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

.main header h2 strong{
    font-weight: normal;
    color: #6497ce;
}

.paginador{
    float: right;
    padding: 12px 0 5px;
}

.paginador .btn-ant{
    display: block;
    float: left;
    background: url(../content/images/btn-ant.png) no-repeat left;
    width: 9px;
    height: 16px;
    text-indent: -10000px;
    margin: 0 17px 0 0;
}

.paginador .btn-sig{
    display: block;
    float: left;
    background: url(../content/images/btn-sig.png) no-repeat left;
    width: 9px;
    height: 16px;
    text-indent: -10000px;
    margin: 0 0 0 12px;
}

.paginador .btn-ant:hover, .paginador .btn-ant:active, .paginador .btn-sig:hover, .paginador .btn-sig:active{
    -moz-opacity: 0.50; 
    opacity: 0.50; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); 
    filter:alpha(opacity=50);
}

.paginador span{
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    color: #556b84;
    font-size: 14px;
    line-height: 16px;
}

/* ----------------------- 4.4 Buscador Notas Técnicas ----------------------- */
.form-notas{
    width: 100%;
    float: left;
    padding: 0 0 35px;
    margin: 0;
}

.form-notas .input{
    background: #FFF;
    padding: 0 20px;
    margin: 0;
    border: none;
    outline: none;
    -webkit-box-shadow: inset 0px 2px 5px #d6d6d6;
    box-shadow: inset 0px 2px 5px #d6d6d6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    color: #556b84;
    font-size: 14px;
    width: 730px;
    border: 1px solid #d6d6d6;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.btn{
    display: block;
    float: right;
    width: 174px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    outline: none;
    height: 43px;
    text-transform: uppercase;
    color: #FFF;
    background: url(../content/images/btn-buscar.png) repeat-x top left;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    -webkit-box-shadow: 0px 2px 0px #cab7aa;
    box-shadow: 0px 2px 0px #cab7aa;
}

.btn:hover, .btn:active{
    background-position: 0 -43px;
}

/* ----------------------- 4.5 Listado Notas Técnicas ----------------------- */
.lista-paginador{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.lista-paginador ul, .lista-paginador ul li{ 
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

.lista-paginador ul{ 
    border-top: 1px solid #d1d5db;
}

.lista-paginador ul li{ 
    border-bottom: 1px solid #d1d5db;
}

.lista-paginador ul li a{
    display: block;
    float: left;
    padding: 28px 2% 18px;
    width: 96%;
}

.lista-paginador ul li a{
    display: block;
    float: left;
    padding: 28px 2%;
    width: 96%;
}

.lista-paginador ul li a p{
    margin: 0;
    padding: 0 0 4px;
}

.lista-paginador ul li a:hover, .lista-paginador ul li a:active{
    background-color: #edeef1;
}

/*-------------------------------------------------------------------------------------------*/
/* 5. RESULTADOS DE BUSQUEDA */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 5.1 Column Left ----------------------- */
.column-left{
    float: left;
    width: 52%;
    padding-left: 10%;
}

.column-left .breadcrumbs{
    padding: 0 0 15px;
}

.column-left .main header{
    margin: 0 0 1px;
}

.column-left .main .paginador{
    padding-bottom: 28px;
}

/* --- List --- */
.list-resultados{
    margin: 0;
    padding: 0 0 18px;
    display: block;
    float: left;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #d1d5db;
}

.list-resultados li{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #FFF;
}

.list-resultados li a{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 100%;
    background: #f2f7fb;
}

.list-resultados li a.blue{
    background: #e8eff6;
}

.list-resultados li a:hover, .list-resultados li a:active, .list-resultados li a.blue:hover, .list-resultados li a.blue:active{
    background-color: #edeef1;
}

.list-resultados li a figure{
    display: block;
    float: left;
    padding: 0 21px 0 0;
    width: 167px;
}

.list-resultados li a figure img{
    float: left;
}

.list-resultados li a .text{
    display: block;
    float: left;
    padding: 25px 0 0;
    width: auto;
}

.list-resultados li a .text h2{
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0;
    padding: 0 0 2px;
}

.list-resultados li a .text h2 em{
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0;
    font-style: normal;
    color: #0263b6;
}

.list-resultados li a .text p{
    margin: 0;
    padding: 0 0 10px;
}

/* ----------------------- 5.2 Column Right ----------------------- */
.column-right{
    float: right;
    width: 310px;
}


/*-------------------------------------------------------------------------------------------*/
/* 6. DETALLE DE PRODUCTO */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 6.1 Detalle ----------------------- */
.detalle{
    width: 100%;
    float: left;
    padding: 20px 0 0;
}

.detalle .datos{
    width: 100%;
    float: left;
    padding: 0 0 7px;
}

.detalle .datos h3{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 24px;
    color: #005298;
    font-weight: normal;
    letter-spacing: 0;
}

.detalle .datos .codigo{
    display: block;
    float: right;
    background: #a1b0c3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 8px;
    line-height: 23px;
    margin: 4px 0 0;
    color: #fff;
    font-size: 14px;
}

.detalle .text{
    width: 100%;
    float: left;
    padding: 0 0 18px;
}

.detalle .text p{
    padding: 0 0 10px;
    font-size: 17px;
}

.detalle .text p.blue{
    color: #005298;
    margin-top: 25px;
}

.detalle .text .equivalencias p.blue{
    margin-top: 0px;
}

.detalle .text img{
    margin: 0 0 15px;
}

.detalle .text img:last-child{
    margin: 0;
}



/* ----------------------- 6.2 Equivalencias ----------------------- */
.row-equivalencias{
    width: 100%;
    float: left;
    padding: 20px 0 0;
}

.row-equivalencias .buttons{
    width: 100%;
    float: left;
    padding: 0 0 8px;
}

.row-equivalencias .buttons .left{
    display: block;
    float: left;
    padding: 0 17px 0 0;
    background: url(../content/images/icon-equivalencias.png) no-repeat right 4px;
    color: #0263b6;
    font-size: 14px;
    line-height: 16px;
}

.row-equivalencias .buttons .left:hover, .row-equivalencias .buttons .left:active, .row-equivalencias .buttons .left.active{
    color: #5b8bc0;
    background-position: right -16px;
}

.row-equivalencias .buttons .right, .prospecto A{
    display: block;
    float: right;
    padding: 0 17px 0 0;
    background: url(../content/images/icon-notas-tecnicas.png) no-repeat right 2px;
    color: #ed8302;
    font-size: 14px;
    line-height: 16px;
}

.row-equivalencias .buttons .right:hover, .row-equivalencias .buttons .right:active, .row-equivalencias .buttons .right.active{
    color: #5b8bc0;
    background-position: right -18px;
}

.row-equivalencias .equivalencias{
    width: 90%;
    float: left;
    padding: 16px 5%;
    background: #f2f7fb;
}

.row-equivalencias .equivalencias p{
    color: #005298;
    padding: 0 0 13px;
}

.row-equivalencias .equivalencias p:last-child{
    padding: 0;
}

.text .equivalencias {
    width: 90%;
    float: left;
    padding: 16px 5%;
    margin: 0 0 10px 0;
    background: #f2f7fb;
}

/*-------------------------------------------------------------------------------------------*/
/* 7. CONTACTO */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 7.1 Formulario ----------------------- */
.contacto{
    width: 49%;
    float: left;
    margin: 0;
    padding: 0;
}

.contacto .row{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 0 4px;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    color: #737373;
    font-size: 13px;
    line-height: 18px;
}

.contacto .input{
    background: #FFF;
    padding: 0 20px;
    margin: 0;
    border: none;
    outline: none;
    -webkit-box-shadow: inset 0px 2px 5px #d6d6d6;
    box-shadow: inset 0px 2px 5px #d6d6d6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    width: 100%;
    border: 1px solid #d6d6d6;
    box-sizing : border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.contacto textarea{
    background: #FFF;
    padding: 0 20px 20px;
    margin: 0;
    border: none;
    outline: none;
    -webkit-box-shadow: inset 0px 2px 5px #d6d6d6;
    box-shadow: inset 0px 2px 5px #d6d6d6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 92px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    width: 100%;
    border: 1px solid #d6d6d6;
    box-sizing : border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.contacto .fila{
    width: 100%;
    float: left;
    margin: 0;
    padding: 8px 0 9px;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    color: #737373;
    font-size: 14px;
    line-height: 18px;
}

.contacto .left, .contacto .right{
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    color: #737373;
    font-size: 13px;
    line-height: 18px;
}

.contacto span{
    display: block;
    float: left;
    margin: 0;
    padding: 0 0 0 9px;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    color: #737373;
    font-size: 13px;
    line-height: 18px;
}

.contacto .check{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 17px;
    height: 17px;
}

.contacto .row2{
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 4px 0 16px;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    color: #737373;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #d1d5db;
}


/* ----------------------- 7.2 Aside ----------------------- */
.aside-contacto{
    float: right;
    width: 46%;
    margin: 0;
    padding: 0;
}

.aside-contacto .row{
    float: right;
    width: 100%;
    margin: 0;
    padding: 0 0 22px;
}

.aside-contacto ul{
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.aside-contacto ul li{
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 18px;
    padding: 0 0 0 56px;
    list-style: none;
    box-sizing : border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #005298;
    font-size: 14px;
    line-height: 36px;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.aside-contacto ul li.icon1{
    line-height: 37px;
    background: url(../content/images/icon1.png) no-repeat left;
}

.aside-contacto ul li.icon2{
    background: url(../content/images/icon2.png) no-repeat left;
}

.aside-contacto ul li.icon3{
    background: url(../content/images/icon3.png) no-repeat left;
}

.aside-contacto .map{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 9px solid #dcecfa;
    box-sizing : border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.aside-contacto .map img, .aside-contacto .map iframe{
    width: 100% !important;
    height: auto !important;
}


/*-------------------------------------------------------------------------------------------*/
/* 8. EMPRESA */
/*-------------------------------------------------------------------------------------------*/
.doble-column{
    width: 100%;
    padding: 10px 0 95px;
    margin: 0;
    background: url(../content/images/separador.png) no-repeat center bottom;
    float: left;
}

.doble-column .left{
    width: 44.4%;
    padding: 0;
    margin: 0;
    float: left;
}

.doble-column .right{
    width: 44.4%;
    padding: 0;
    margin: 0;
    float: right;
}

.doble-column .text{
    width: 100%;
    padding: 0;
    margin: 0;
    float: left;
    min-height: 190px;
}

.doble-column .text img{
    width: 100% !important;
    height: auto !important;
    border: 9px solid #dcecfa;
    box-sizing : border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.doble-column h3{
    padding: 0 0 7px;
    margin: 0;
}

.doble-column .right h3{
    padding: 0 0 14px;
    margin: 0;
}

.doble-column p{
    padding: 0;
    margin: 0;
    font-size: 17px;
    line-height: 20px;
    color: #005298;
}

.doble-column .left2{
    width: 53.125%;
    padding: 0;
    margin: 33px 0 0;
    float: left;
}

.doble-column .left2 h3{
    padding: 0 0 25px;
    margin: 0;
}

.doble-column .right2{
    width: 39.3%;
    padding: 0;
    margin: 0;
    float: right;
}

.doble-column .right2 img{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    float: left;
}


/*-------------------------------------------------------------------------------------------*/
/* 9. ENCUESTA */
/*-------------------------------------------------------------------------------------------*/
.explicacion{
    width: 100%;
    margin: -10px 0 0;
    padding: 0 0 15px;
    color: #005298;
    font-size: 17px;
    line-height: 20px;
    float: left;
}

.contacto.right{
    float: right;
}

.row-btn{
    width: 100%;
    border-top: 1px solid #d1d5db;
    margin: 15px 0 0;
    padding: 15px 0 0;
    float: left;
}

.contacto .row3{
    float: left;
    width: 100%;
    padding: 20px 0 23px;
    margin: 0;
}

.contacto.right .row .row:last-child{
    padding: 0 0 7px;
}


/*-------------------------------------------------------------------------------------------*/
/* 10. DETALLE NOTAS TECNICAS */
/*-------------------------------------------------------------------------------------------*/
header .autor{
    width: 100%;
    margin: 0;
    padding: 7px 0 0;
    color: #005298;
    font-size: 17px;
    line-height: 20px;
    float: left;
}

.detalle-notas{
    width: 100%;
    float: left;
    margin: 0; 
    padding: 0; 
}

.detalle-notas figure{
    float: left;
    padding: 0; 
    margin: 0 17px 8px 0; 
    position: relative;
}

.detalle-notas figure a:hover, .detalle-notas figure a:active{
    -moz-opacity: 0.50; 
    opacity: 0.50; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); 
    filter:alpha(opacity=50);
}

.detalle-notas figure img{
    float: left;
    margin: 0; 
    padding: 0;
    border: 1px solid #dcecfa;
}

.detalle-notas figure .lupa{
    display: block;
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    width: 27px;
    height: 27px;
    background: url(../images/lupa.png) no-repeat top left;
}

.detalle-notas p.first:first-letter{
    text-transform: capitalize;
    font-size: 74px;
    line-height: 74px;
    color: #005298;
    float: left;
    font-weight: bold;
    padding: 5px 3px 0 0;
}

.detalle-notas p{
    font-size: 15px;
    line-height: 21px;
    color: #737373;
}

.row-btn a{
    display: block;
    float: right;
    font-size: 14px;
    line-height: 18px;
    color: #556b84;
    padding: 0 0 0 15px;
    background: url(../content/images/arrow-notas.png) no-repeat left;
}

.row-btn a:hover, .row-btn a:active{
    color: #333;
}


/* =========================================================================
   Media Queries
   ========================================================================== */
   
/* ----------------------- Resolución Tablet 768-960 ----------------------- */

@media (min-width: 768px) and (max-width: 959px) {

/*-------------------------------------------------------------------------------------------*/
/* 2. APPEARANCE AND STRUCTURE OF THE SITE */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 2.1 Header/Top ----------------------- */
#header{ 
    height: auto;
    min-height: 87px;
}

/* --- Menu --- */
.menu{
    margin: 30px 0 0;
    width: 140px;
}


/* ----------------------- 2.2 Containers of information ----------------------- */
.content{
    width: 768px;
}

.full100{
    width: 100%; 
    margin: 0 auto 45px; 
    padding: 0;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 6px 10px #ccc;
    box-shadow: 0px 6px 10px #ccc;
    min-height: 320px;
}

/*-------------------------------------------------------------------------------------------*/
/* 3. HOMEPAGE */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 3.1 Banner ----------------------- */
#banner .caption{
    top: 100px;
    width: 430px;
}

#banner .caption strong{
    font-size: 45px;
    line-height: 45px;
}

#banner .caption span{
    width: 430px;
    font-size: 25px;
    line-height: 25px;
}

/* ----------------------- 3.2 Buscar ----------------------- */
/*.buscar{
    right: -7%;
}
*/
.form-buscar p{
    display: none;
}

/*-------------------------------------------------------------------------------------------*/
/* 4. NOTAS TÉCNICAS */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 4.4 Buscador Notas Técnicas ----------------------- */
.form-notas .input{
    width: 540px;
}


/*-------------------------------------------------------------------------------------------*/
/* 5. RESULTADOS DE BUSQUEDA */
/*-------------------------------------------------------------------------------------------*/

.bg-resultados{
    background: url(../content/images/bg-resultados2.png) repeat-y top;
}

/* ----------------------- 5.1 Column Left ----------------------- */
/*.column-left{
    float: left;
    width: 450px;
}
*/

/*-------------------------------------------------------------------------------------------*/
/* 8. EMPRESA */
/*-------------------------------------------------------------------------------------------*/
.doble-column h3{
    font-size: 41px;
}

.doble-column .text{
    min-height: 207px;
}

.doble-column .left2{
    margin: 0;
}


}

/* ----------------------- Resolución Mobile & Tablet verical ----------------------- */
@media (min-width: 1px) and (max-width: 767px) {

/*-------------------------------------------------------------------------------------------*/
/* 2. APPEARANCE AND STRUCTURE OF THE SITE */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 2.1 Header/Top ----------------------- */
#header{
    height: auto !important;
}

/* --- Logo --- */
#header #logo{
    top: 27px;
    width: 166px;
    height: 37px;
    background-size: 100%;
}

#header #logo h1{
    width: 100%;
    height: 37px;
}

#header #logo h1 a{
    width: 100%;
    height: 37px;
}

/* --- Menu --- */
.menu{
    margin: 30px 0 0;
    width: 150px;
}

.rmm-toggled-title{ display: none; }

.menu .rmm .rmm-toggled ul {
    width: 320px !important;
    margin-right: -10px !important;
}


/* ----------------------- 2.2 Containers of information ----------------------- */
.content{
    width: 320px; 
    margin: 0 auto; 
    padding: 0;
}

.full100{
    margin: 0 auto 45px; 
    overflow: visible;
}

.main{
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
    /*margin: 0 10px; */
}


/* ----------------------- 2.3 Footer ----------------------- */
footer .row{
    padding: 30px 10px 10px; 
    width: 300px;
}

footer .row .column1{
    width: 100%;
    padding: 0 0 15px; 
    min-height: 10px;
}

footer .row .column1 img{
    width: auto !important;
    height: auto !important;
}

footer .row .column2{
    width: 100%;
    padding: 0 0 30px; 
}

footer .row .column3{
    float:left;
}

footer .row .column4{
    float: right;
    margin-right: 20%;
}

footer .row .right{
    width: 100%;
}

footer .row .right img{ 
    width: auto !important;
    height: auto !important;
}

footer .row2{
    height: 46px;
    padding: 18px 10px 0;
    width: 300px;
}

footer .row2 .left{
    margin: 2px 0 0; 
}


/*-------------------------------------------------------------------------------------------*/
/* 3. HOMEPAGE */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 3.1 Banner ----------------------- */
#banner{
    float: left;
}
#banner .caption{
    display: none;
}

/* ----------------------- 3.2 Buscar ----------------------- */
.buscar{
    background: url(../content/images/bg-buscar.png) repeat top left;
    width: 100%;
    height: auto;
    position: static;
    right: 0;
    top: 0;
    float: left;
}

.form-buscar{
    float: none;
    padding: 22px 10px;
    width: 300px;
    margin: 0 auto;
}

.form-buscar .row{
    padding: 0 0 5px;
    width: 300px;
    margin: 0;
}

.form-buscar .input{
    width: 260px;
}

.form-buscar select {
    width: 300px;
}

.form-buscar .cmb_flechita{ 
    width: 300px;
}

.form-buscar .cmb_flechita .fo {
    width: 240px;
}

.btn-buscar{
    width: 300px;
}


/* ----------------------- 3.3 3 Columns ----------------------- */
.columnsx3{
    padding: 0 10px;
    width: 300px;
    background: none;
}

.columnsx3 article{
    width: 100%;
    padding-bottom: 30px;
}

.columnsx3 article.middle{
    padding: 0 0 30px;
}

.columnsx3 article header{
    height: auto;
    margin: 0 0 7px;
}


/* ----------------------- 3.4 Cerificados ----------------------- */
h3 {
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 27px;
    margin: 0 0 20px;
}

.certificados{
    padding: 0 10px 20px;
    width: 300px;
}

.certificados ul{
    width: 100%;
    padding: 0;
}

.certificados ul li{
    width: 100%;
    padding: 0 0 px;
}

.certificados ul li img{
    float: left;
}

.column-left {
  width: 100%;
  box-sizing: border-box;
}


/*-------------------------------------------------------------------------------------------*/
/* 4. NOTAS TÉCNICAS */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 4.1 Breadcrums ----------------------- */
.breadcrumbs {
    padding-bottom: 30px;
}

.breadcrumbs .left{
    padding: 20px 0 0 10px;
}


/* ----------------------- 4.2 Buscador de Productos ----------------------- */
.breadcrumbs .buscador-productos{
    float: left;
}

.breadcrumbs .buscador-productos ul, .breadcrumbs .buscador-productos ul li{
    padding: 0 10px;
    min-width: 300px;
    width: 300px;
}
.breadcrumbs .buscador-productos ul li{
    padding: 0;
}

.breadcrumbs .buscador-productos ul li .btn-producto{ 
    float: left;
    padding: 0;
    width: 300px;
    text-align: center;
    font-size: 20px;
}

.breadcrumbs .buscador-productos ul li ul{ 
    left: -33px;
}


/* ----------------------- 4.4 Buscador Notas Técnicas ----------------------- */
.form-notas .input{
    padding: 0 10px;
    width: 278px;
}

.btn{
    margin-top: 10px;
}

/* ----------------------- 4.5 Listado Notas Técnicas ----------------------- */
.lista-paginador{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.lista-paginador ul li a{
    padding: 28px 5% 18px;
    width: 90%;
}


/*-------------------------------------------------------------------------------------------*/
/* 5. RESULTADOS DE BUSQUEDA */
/*-------------------------------------------------------------------------------------------*/

.bg-resultados{
    background: none;
}

/* ----------------------- 5.1 Column Left ----------------------- */
/*.column-left{
    width: 320px;
}
/*

/* --- List --- */
.list-resultados li a figure{
    padding: 0 10px 0 0;
    width: 100px;
}

.list-resultados li a figure img{
    width: 100px !important;
    height: auto !important;
}

.list-resultados li a .text{
    padding: 5px 0 0;
}

.list-resultados li a .text h2{
    font-size: 15px;
    line-height: 19px;
}

.list-resultados li a .text h2 em{
    font-size: 15px;
    line-height: 19px;
}

.list-resultados li a .text p{
    padding: 0 0 5px;
}

/* ----------------------- 5.2 Column Right ----------------------- */
.column-right{
    float: left;
    width: 320px;
    background-color: #003c7a;
    margin: 0 0 20px;
}


/*-------------------------------------------------------------------------------------------*/
/* 6. DETALLE DE PRODUCTO */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 6.1 Detalle ----------------------- */
.detalle .datos .codigo{
    margin: 0 0 10px;
}

/*-------------------------------------------------------------------------------------------*/
/* 7. CONTACTO */
/*-------------------------------------------------------------------------------------------*/

/* ----------------------- 7.1 Formulario ----------------------- */
.contacto{
    width: 100%;
    padding: 0 0 40px;
}

.contacto .row .row{
    padding: 0;
}

.contacto .left, .contacto .right{
    width: 100%;
    padding: 0 0 4px;
}

/* ----------------------- 7.2 Aside ----------------------- */
.aside-contacto{
    float: left;
    width: 100%;
}


/*-------------------------------------------------------------------------------------------*/
/* 8. EMPRESA */
/*-------------------------------------------------------------------------------------------*/

.doble-column .left{
    width: 100%;
    padding: 0 0 30px;
}

.doble-column .right{
    width: 100%;
}

.doble-column .text{
    padding: 0 0 20px;
    min-height: 19px;
}

.doble-column .left2{
    width: 100%;
    margin: 0;
}

.doble-column .right2{
    width: 100%;
    float: left;
    padding: 20px 0 0;
}


/*-------------------------------------------------------------------------------------------*/
/* 10. DETALLE NOTAS TECNICAS */
/*-------------------------------------------------------------------------------------------*/
.detalle-notas figure{
    margin: 0 0 20px;
    width: 100%;
}

.detalle-notas figure img{
    width: 99%;
    height: auto;
}

}
/*-------------------------------------------------------------------------------------------*/
/* 11. TALLER */
/*-------------------------------------------------------------------------------------------*/
.select-taller
{
    padding: 0 20px;
    margin: 0;
	box-shadow: inset 0px 2px 5px #d6d6d6;
	border-radius: 4px;
	border: 1px solid #d6d6d6;
	width:240px;
	height:38px;
	font-size: 14px;
	color: #737373;
}
.select-taller option
{
    font-size: 14px;
}

.doble-column-taller .left{
    width: 35%;
}

.doble-column-taller .right{
    width: 65%;
}

.doble-column-taller .lista-paginador{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.doble-column-taller .lista-paginador ul li a{
    padding: 10px 5% 18px;
}
#ul-taller{
    height: 400px;
    overflow: auto;
    overflow-x: hidden;
}

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

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

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

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

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

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

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        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) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

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

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

.txtParrafo {
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11.3px;
    line-height: 22px;
    text-decoration: none;
}

.style1 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.txtboxL {
    border: 1px solid;
    font-family: Verdana;
    font-size: 12px;
    width: 350px;
}

.txtboxS {
    border: 1px solid;
    font-family: Verdana;
    font-size: 12px;
}

.linkIdioma {
    display: block;
    font-size: 32px;
    line-height: 34px;
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
    width: 100px;
    margin-left: 50%;
}

.mapaSitio
{
    list-style-position:inside;
}

.mapaSitio li
{
    margin-bottom: 15px;
}

.mapaSitio li a 
{
    font-size: 25px;
    line-height: 27px;
    margin: 0;
    padding: 0;
    color: #0263B6;
    font-weight: normal;
    letter-spacing: -1px;
    font-family: 'Montserrat',Helvetica,Arial,sans-serif;
}

#list thead tr td
{
    color: White;
    font-weight: bold;
}

#list tbody tr.descripcion td
{
    color: Black;
    font-weight: bold;
}

#errorPage .row-fluid:before, #errorPage .row-fluid:after
{
    content: "";
    display: table;
    line-height: 0;
}
#errorPage .row-fluid:before, #errorPage .row-fluid:after
{
    content: "";
    display: table;
    line-height: 0;
}
#errorPage .row-fluid:after
{
    clear: both;
}
#errorPage .row-fluid:before, #errorPage .row-fluid:after
{
    content: "";
    display: table;
    line-height: 0;
}
#errorPage .row-fluid:after
{
    clear: both;
}
#errorPage .row-fluid:before, #errorPage .row-fluid:after
{
    content: "";
    display: table;
    line-height: 0;
}
#errorPage .row-fluid
{
    width: 100%;
}
#errorPage .row-fluid
{
    width: 100%;
}
#errorPage .row-fluid [class*="span"]:first-child
{
    margin-left: 0;
}
#errorPage .row-fluid [class*="span"]:first-child
{
    margin-left: 0;
}
#errorPage .row-fluid .span12
{
    width: 100%;
}
#errorPage .row-fluid [class*="span"]
{
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.5641%;
    min-height: 30px;
    width: 100%;
}
#errorPage .row-fluid .span12
{
    width: 100%;
}
#errorPage .row-fluid [class*="span"]
{
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.12766%;
    min-height: 30px;
    width: 100%;
}
#errorPage .span12
{
    width: 1170px;
}
#errorPage [class*="span"]
{
    float: left;
    margin-left: 30px;
    min-height: 1px;
}
#errorPage .span12
{
    width: 940px;
}
#errorPage [class*="span"]
{
    float: left;
    margin-left: 20px;
    min-height: 1px;
}
#errorPage #login-container
{
    margin-top: 120px;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    width: 425px;
}
#errorPage .clearfix:before, .clearfix:after
{
    content: "";
    display: table;
    line-height: 0;
}
#errorPage .clearfix:before, .clearfix:after
{
    content: "";
    display: table;
    line-height: 0;
}
#errorPage .clearfix:after
{
    clear: both;
}
#errorPage .clearfix:before, .clearfix:after
{
    content: "";
    display: table;
    line-height: 0;
}
#errorPage .clearfix:after
{
    clear: both;
}
#errorPage .clearfix:before, .clearfix:after
{
    content: "";
    display: table;
    line-height: 0;
}
#errorPage #login-content
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
}
#errorPage .clearfix
{
    clear: both;
}
#errorPage .clearfix
{
}
#errorPage .clearfix
{
}
#errorPage h2
{
    font-size: 31.5px;
}
#errorPage h1, h2, h3
{
    line-height: 40px;
}
#errorPage p
{
    margin: 0 0 10px;
    font-size: 15px;
}

A:hover .Mask { background: #000000; width: 100%; height: 99.6%; position: absolute; left: 0; top: 0; z-index: 1; display: block; opacity: 0.5; }
A:hover .Icon { background: url(/Content/Images/zoom.png) no-repeat; height: 45px; width: 45px; margin-top: -23px; margin-left: -23px; position: absolute; z-index: 2; left: 50%; top: 50%; display: block; }

.informacion-principal h2 {
    font-size: 18px;
    margin-bottom: 15px;
}

.taller-buscar .form-notas input:first-child {
    width:240px;
    height:36px;
    font-size: 14px;
}

@media (max-width: 767px) 
{
    .hide-cel {
        display:none !important;
    }   
    
.taller-buscar .form-notas input:first-child {
    width: 93%;
    margin-bottom: 5px;
}

.taller-buscar .form-notas select {
    width: 100%;
    margin-bottom: 5px;
}
.doble-column-taller .right,
.doble-column-taller .left {
    width: 100%;
}
 
 #ul-taller {
     height: initial;
     overflow:auto;
 }
 .doble-column-taller #map-container,
 .doble-column-taller #map_canvas  {
    height:200px; 
    width:inherit;
 }
}

@media (min-width: 768px)
{
    .hide-desktop {
        display:none !important;
    }
         
    .doble-column-taller #map-container,
    .doble-column-taller #map_canvas  {
        height:400px; 
        width:100%;
    }

    .buscar.-short {
        height: auto;
	    padding-bottom: 20px;
    }

    .buscar.-fijo {
        position: fixed;
        /*min-height: 300px;*/
        /*transition: min-height .25s ease-in;*/
    }
}