@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);

/*!

 * Start Bootstrap - Logo Nav HTML Template (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



body {

    padding-top: 20vh;

    font-family:Oxygen;

    height: 100%;

}



h1{

    font-size:36px;

    color:rgba(51,51,51,1);

}



h2{

    font-size:24px;

    color:rgba(51,51,51,1);

}



h3{

    font-size:16px;

    color:rgba(51,51,51,1);

}



a{

    text-decoration: none;

}



.active {

    color: red;

}



.logo{

    width:180px;

}

/*//////////////////NAV///////////////////////*/



.dropdown:hover .dropdown-menu {

display: block;

}





.navbar-fixed-top .nav {

    margin-top: -72px;

    float: right;

    clear: both;

}



.navbar-header {

    min-height: 70px;

}



.navbar-fixed-top .navbar-brand {

    padding: 0 15px;

}



.navbar-inverse {

        background-color:rgba(255,255,255,1) !important; border:none;

            /* box-shadow: 0px 4px 14px -4px rgba(0,0,0,0.62) */;

}



.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {

    color: #BF2132 !important;
    background-color: white !important;
    border-bottom: 3px #BF2132 solid !important;


}



.navbar-inverse .navbar-nav>li>a:hover {

    color: #d9534f;

    background-color: transparent;

}



.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {

    color: #BF2132;

    background-color: transparent;

}



.acceso {

    width: 155px;

    float: right;

    font-size: 15px;

}



.acceso a {

    float: left;
    font-family: 'Montserrat' !important;
    font-size: 12px;
}



.btn-danger {

    background-color: #BE1E2D;   

}



.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {

    color: #be1e2d;

    background-color: transparent;

}









/*.dropdown-menu>li>a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #333;

    white-space: nowrap;

}



.drop{

    /*float: left;

    display: block;

    margin: 0 auto;

    position:absolute;}*/



/* .img-slides{} */



.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}



.scroll-top-wrapper {

    position: fixed;

    opacity: 0;

    visibility: hidden;

    overflow: hidden;

    text-align: center;

    z-index: 99999999;

    background-color: #777777;

    color: #eeeeee;

    width: 50px;

    height: 48px;

    line-height: 48px;

    right: 30px;

    bottom: 30px;

    padding-top: 2px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.scroll-top-wrapper:hover {

    background-color: #888888;

}

.scroll-top-wrapper.show {

    visibility:visible;

    cursor:pointer;

    opacity: 1.0;

}

.scroll-top-wrapper i.fa {

    line-height: inherit;

}





.btn-inicio {

    margin: 100px auto 0;

    text-align: center;

    display: block;

    width: 150px;

    position: relative;

    top: -270px;

    background: transparent!important;

    color: transparent!important;

}



.flecha {

    color: #fff;

}



.icon-background {

    color: #fff;

}



.collapse.in {

    display: block;

    display: block;

    text-align: -webkit-left;

    float: left;

    padding-top: 15px;

}



.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border-color: transparent;
    width: 100%;

}

.navbar-inverse .navbar-toggle{

    background-color: #ccc;

    border: none;

}



.dropdown-menu2 {

    margin-top: 37px;

    min-width: 100px;

    float: right;

    left: 118px;

    /* position: relative; */

}



/*///////////////////////////////Image hover effect/////////////////////////////*/

 

.thumbnail {

    position: relative;

    overflow: hidden;

    padding: 0px;

}

 

.caption {

    position:absolute;

    top:-100%;

    right:0;

    background:#be1e2d;

    width:100%;

    height:100%;

    padding:2%;

    text-align:center;

    color:#fff !important;

    z-index:2;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.thumbnail:hover .caption {

    top:0%;

}



/*///////////////////////////////carrusel/////////////////////////////*/



.carousel,

.item,

.active {

    height: 100%;

}



.carousel-inner {

    height: 100%;

}



/* Background images are set within the HTML using inline CSS, not here */



.fill {

    width: 100%;

    height: 100%;

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}





header.carousel {

    height: 400px;

}



header.carousel .item,

header.carousel .item.active,

header.carousel .carousel-inner {

    height: 100%;

}



header.carousel .fill {

    width: 100%;

    height: 100%;

    background-position: center;

    background-size: cover;
    display: block;

}



control:hover {

    color: #fff;

    text-decoration: none;

    filter: alpha(opacity=90);

    outline: 0;

    opacity: .9;

}



.carousel-inner>.item {

    -webkit-transition: -webkit-transform .6s ease-in-out;

    -o-transition: -o-transform .6s ease-in-out;

    transition: transform .2s ease-in-out;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-perspective: 1000;

    perspective: 1000;

}



.carousel {
    position: relative;
    top: -7px; 
}









/*///////////////////////////////body/////////////////////////////*/



.inicio h1{

    font-size: 2em;

    font-weight:bold;

    color:#be1e2d;

    text-align:center;

    margin-bottom: 50px;

    margin-top:110px;

}



.inicio h2{

    font-family: Oxygen;

    font-size: 1.8em;

    font-weight: bold;

    color: #be1e2d;

    /*text-align: center;*/

    margin-bottom: 30px;

    margin-top: 60px;

    /* line-height: 50px;

    letter-spacing: 5px; */

}



.inicio h3{

    font-size: 1em;

    font-weight:bold;

    color:rgba(51,51,51,1);

    margin-bottom: 40px;

    

}



.publicidad{

    margin: 0 auto;

    margin-top: 70px;

}



.btn-registrarse{

    margin: 30px auto 0px;

    background-image:url(../img/boton01.jpg);

    width: 360px;

    height: 272px;

}



.btn-buscar{

    margin: 30px auto 0px;

    background-image:url(../img/boton01.jpg);

    width: 360px;

    height: 272px;

}



.btn-novedad{

    margin: 30px auto 0px;

    background-image:url(../img/boton02.jpg);

    width: 360px;

    height: 272px;

}



.btn-consultar{

    margin: 30px auto 0px;

    background-image:url(../img/boton03.jpg);

    width: 360px;

    height: 272px;

}



.btn-lineas {

    margin: 30px auto 0px;

    border: #fff solid 1px;

    border-radius: 2px;

    width: 208px;

    height: 31px;

    color: #fff;

    text-align: center;

    padding: 5px;

}



.iconos-inicio {

    margin: 0 auto;

    /* padding-top: 103px; */

    position: absolute;

    top: 33%;

    left: 33%;

    right: 33%;

}



.thumbnail h4 {

    padding-top: 20%;

    font-weight: bolder;

    font-size: 19px;

}



.thumbnail p {

    font-weight: 100;

    font-size: 19px;

}





.fa-boton-inicio{

    color:rgba(153,153,153,1);

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

}



.img-nosotros{

    background-image:url(../img/nosotros.jpg);

    background-repeat:no-repeat;

    height:520px;

}



.intro {

    display: table;

    width: 100%;

    height: auto;

    padding: 100px 0;

    text-align: center;

    /* color: #fff; */

    background: url(../img/slide2.jpg) no-repeat bottom center scroll;

    background-color: #000;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

    -webkit-font-smoothing: antialiased;

}





#home h1{ 

    color: rgba(255,255,255,1);

    text-shadow: rgba(0,0,0,0.8) 1px 1px 7px;

    margin: 0 auto;

    text-align: center;

    position: absolute;

    z-index: 1000;

    margin-top: 200px;

    width: 100%;



}



#nosotros { 

    background: url(../img/nosotros.jpg);

    height: 400px;

    margin:-102px auto 0;

    width: 100%;

    position: relative;

    /* box-shadow: 0 0 50px rgba(0,0,0,0.8); */

    background-repeat: no-repeat;

    padding: 154px 0;

}



#nosotros h1{ 

    color:rgba(255,255,255,1);

    text-shadow:rgba(0,0,0,0.8) 2px 2px;

    margin:0 auto;

    text-align:center;}



#lineas {

    background: url(../img/img-consultar-lineas.jpg);

    /* height: 400px; */

    margin: 50px auto 0;

    width: 100%;

    position: relative;

    /* box-shadow: 0 0 50px rgba(0,0,0,0.8); */

    background-repeat: no-repeat;

    padding: 154px 0;

}



#lineas h1{ 

    color:rgba(255,255,255,1);

    text-shadow:rgba(0,0,0,0.8) 2px 2px;

    margin:0 auto;

    text-align:center;

}



#novedades {

    background: url(../img/editorial.jpg);

    /* height: 400px; */

    margin: -102px auto 0;

    width: 100%;

    position: relative;

    /* box-shadow: 0 0 50px rgba(0,0,0,0.8); */

    background-repeat: no-repeat;

    padding: 154px 0;

}



#novedades h1{ 

    color:rgba(255,255,255,1);

    text-shadow:rgba(0,0,0,0.8) 2px 2px;

    margin:0 auto;

    text-align:center;

}



#contacto {

    background: url(../img/contacto.jpg);

    /* height: 400px; */

    margin: -102px auto 0;

    width: 100%;

    position: relative;

    /* box-shadow: 0 0 50px rgba(0,0,0,0.8); */

    background-repeat: no-repeat;

    padding: 154px 0;

}



#contacto h1{ 

color:rgba(255,255,255,1);

    text-shadow:rgba(0,0,0,0.8) 2px 2px;

    margin:0 auto;

    text-align:center;

}



#registrarse {

    background: url(../img/img-loogin.jpg);

    height: 280px;

   

    width: 100%;

    position: relative;

    /* box-shadow: 0 0 50px rgba(0,0,0,0.8); */

    background-repeat: no-repeat;

    

}

.leer-mas{

    margin: 6px auto 26px;

    /*border: #414042 solid 2px;*/

    border-radius: 2px;

    width: 100px;

    height: 25px;

    color: #be1e2d;

    text-align: center;

    padding: 0px;

    float: right;

}



.bg-gris {

    background-color: #e6e7e8;

    margin: 20px auto 0;

    padding: 23px;

    margin-bottom: 23px;

}

.bg-gris1{
    background-color: #999;
    margin: 20px auto 0;
    padding: 15px;
    padding: 8px;
}

.bg-gris1 p {
        margin: 2px 0 4px;
}



.porcentaje-gris {

    font-family: Oxygen;

    font-size: 40px;

    color: #414042;

    font-weight: lighter;

}



.porcentaje-rojo {

    font-family: Oxygen;

    font-size: 40px;

    color:#be1e2d;

    font-weight: lighter;

}



.txt-porcentaje{

    margin-top: 25px;

}



.titulo-nosotros{

    font-size: 22px;

    color:#be1e2d;

}



.rojo {

    color: #be1e2d;

    margin-top: 50px;

    padding-left: 13px;

}



.gris{

    color: #414042;

}



.texto_pie {

    font-size: 14px;

}

/*///////////////titulo////////////////prueba/////////////////////////////*/



.box-image {

    position: relative;

    overflow: hidden;

    text-align: center;

    margin: 15px 0;

}



.box-image .bg {

    position: absolute;

    top: auto;

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    filter: alpha(opacity=0);

    background: #A2A1A0;

}



.box-image .text {

    position: absolute;

    width: 100%;

    height: 45%;

    top: 0;

    -webkit-transform: translate(0, -150%);

    -ms-transform: translate(0, -150%);

    -o-transform: translate(0, -150%);

    transform: translate(0, -150%);

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

    color: #fff;

    padding: 0 20px;

}



.buttons {

    margin-top: 0px;

}





.btn {
    font-weight: 700;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 4px 7px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 0;
    width: 100%;
    margin-top: 11px;
}

.form-numeros p{

    text-align: center;

    color: #414042;

}





.btn-template-transparent-primary {

    color: #ffffff;

    background-color: transparent;

    border-color: #ffffff;

}





/*///////////////////////////////////////footer/////////////////////////////////////*/



.footer {

    background: rgb(41,40,42);

    padding: 30px 0 30px 0;

    margin: 30px auto 0;

}



.footer p {

    margin: 5px!important;

    font-size: 12px;

    line-height: 12px;

}



.footer-izq {

    color: #fff; 

}



.footer-der {

    float: right;

    color: #999999;

    text-align: right;

}



.footer-der a {

    color: #fff;

}



.publicidad {

    margin: 30px auto;

}



.space30 {

    margin-bottom: 30px;

}





/*///////////////////////////////forms/////////////////////////////*/



.form-control {

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

     border-radius: 6px; 

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}



.form-control1 {

    display: block;

    width: 100%;

    height: 35px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: rgba(0,0,0,0.8);

    background-color: #fff;

    background-image: none;

    border: 1px solid #dddddd;
    
    border-radius: 6px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    

}

.form-margin{
    margin: 10px 0px;
}

.form-control-consulta {

    display: block;

    width: 100%;

    height: 92px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

   border-radius: 6px; 

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}



.form-inicio {

    padding: 8px;

    width: 100%;

    margin: 0 auto;

    margin-bottom: 20px;

   color: #9d9d9d;

}



#iframe{

    /*width:100%;*/

    margin-bottom:25px;

    margin-top:25px;

}



.margin-top{

    margin-top:60px;

}



.fa-circulo {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-weight: bold;

    color:#be1e2d;

    margin-right:10px;

}



.bt-registrarse{

    background-color:#be1e2d;

    border:none;

    border-radius: 2px;

    text-align:center;

    display:block;

    margin:0 auto;

    color:#fff;

    margin-top:40px;

    width:200px;

}



.bt-buscar{

    background-color:#be1e2d;

    border:none;

    border-radius: 2px;

    text-align:center;

    display:block;

    margin:0 auto;

    color:#fff;

}



.fa-5x {

    font-size: 5em;

    margin: 25px auto 0;

    text-align: center;

    display: block;

    color:#be1e2d;

    /* margin-top: 25px; */

}



.btn-primary {

    color: #fff;

    background-color: #be1e2d;

    border-color: #be1e2d;

    /*width: 120px;*/

    display: block;

    /* margin: 0 auto; */

    text-align: center;

    float: right;

        font-size: 15px;

}



.btn-primary1 {
    color: #fff;
    background-color: #222;
    /* border-color: #be1e2d; */
    border-radius: 12px;
    /* width: 120px; */
    display: block;
    margin: 29px 0 auto;
    text-align: center;
    float: right;
    font-size: 22px;
    padding: 10px;
    font-family: 'Montserrat';
}



.primary:hover, .open>.dropdown-toggle.btn-primary {

    color: #fff;

    background-color: #9d9d9d;

    border-color: #9d9d9d;

}



#txt-exito{

    text-align: center;

    margin:100px auto 35px;

}



#txt-exito2 {

    text-align: center;

    margin: 0 auto 100px;

}



form p{

    position:relative; 

    padding:3px 0 3px 35px;



    display: -webkit-inline-box;

    float: left;

    position: relative;

    margin: 0 auto;

    margin-right: 115px;

} 



.txt-form {

    position: relative;

    padding: 3px 25px 30px 0px;

    color: #000;

    display: -webkit-inline-box;

    float: left;

    position: relative;

    margin: 0 auto;

    /* margin-right: 115px; */

}



.txt-form1{

    

    color:#000 important;

   

} 



input[type=checkbox], input[type=radio] {

    margin: 7px 5px 0px;

    margin-top: 1px \9;

    line-height: normal;

}



input[ type=radio ] + label:before

{ 

    content: "";

    display:inline-block;  

    width:20px; 

    height:20px; 

    border:1px solid #ddd;

    text-align:center;  

    line-height:14px;

    margin:0 3px 0 0;

    padding:0; 

    position:absolute;  

    left:8px;

    }



input[ type=radio ] + label:before{ border-radius:100px;}



input[ type=radio ]:checked + label:before{ 

    padding:4px;

    background-clip : content-box;

    background-color:red;

    } 



input[ type=radio ]:focus + label:before

{box-shadow : 0px 0px 3px 1px #ccc;}



input[ type=radio ]:checked + label:before{ 

    padding:4px;

    background-clip : content-box;

    background-color:red;

    } 



    input[ type=checkbox ]:checked + label:before{ 

    content: "\02713"; 

    font-size:30px;

    color:red;

    }



input[name="chec[]"],input[name="rad"]  {

    position: absolute;

    left: -1000em;

    }



input[ type=checkbox ] + label{

    height:30px;

     

    }



.alert-success {

    color: #be1e2d;

    /* background-color: #dff0d8; */

    /* border-color: #d6e9c6; */

}

/*//////////////////////////////parallax//////////////////////*/



#intro {

    background: url(../img/parallax1.jpg) 50% 0 fixed;

    height: 250px;

    margin: 50px auto 0;

    width: 100%;

    position: relative;

    /* box-shadow: 0 0 50px rgba(0,0,0,0.8); */

    padding: 100px 0;

    background-repeat: no-repeat;

}



#intro h2 { 

    color:rgba(255,255,255,1);

    text-shadow:rgba(0,0,0,0.8) 2px 2px;

    margin:0 auto;

    text-align:center;

}





/* #home { 

    background: url(images/home.jpg) 50% 0 fixed; 

    height: auto;  

    margin: 0 auto; 

    width: 100%; 

    position: relative; 

    box-shadow: 0 0 50px rgba(0,0,0,0.8);

    padding: 200px 0;

}

#about { 

    background: url(images/about.png) 50% 0 fixed; 

    height: auto;

    margin: 0 auto; 

    width: 100%; 

    position: relative; 

    box-shadow: 0 0 50px rgba(0,0,0,0.8);

    padding: 100px 0;

    color: #fff;

}*/



/* .txt-responsive{    } */





/*///////////////////////////////map/////////////////////////////*/



  #map {

    background-image: url(../img/map.jpg);

    width: 1920px;

    height: 380px;

 }



/*///////////////////////////////media/////////////////////////////*/



/* Large desktops and laptops */

@media (min-width: 1200px) {



}



/* Landscape tablets and medium desktops */

@media (min-width: 992px) {

    [data-prov]{
        display: none;
        border-radius: 6px;
    }

    [data-prov]:not(:first-child){
        margin-top: 10px;
    }

    #home h1{ 

    color: rgba(255,255,255,1);

    text-shadow: rgba(0,0,0,0.8) 1px 1px 7px;

    margin: 0 auto;

    text-align: center;

    position: absolute;

    z-index: 1000;

    margin-top: 200px;

}

.logo{

    width:180px;

}

:root {
--red:#BE1E2D;
}

.circle-client {
    width:25px;
    height:25px;
    border-radius:12px;
    font-size:25px;
    color:#fff;
    line-height:25px;
    text-align:center;
    background:var(--red);
    position: absolute;
 }
    /* estilos para mapa */
path:hover {
    cursor: pointer;
    opacity: .8;
}
#Layer_3 path:hover {
    opacity: 1;
}
g#Layer_3 path {
    fill: #BE1E2D;
    cursor: auto;
}

#mapa-svg {
    display: block;
}

}



/* Portrait tablets and small desktops */

@media (min-width: 768px) {

    .logo{

        width:160px;
    
    }
    
    }

body {

        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */

    }



    .navbar-fixed-top .navbar-brand {

        padding: 15px 0;

    }



    .navbar-inverse {

        background-color:rgba (255,255,255,0.6);

        background-color:rgba (255,255,255,0.6);

    }





    #home h1{ 

    color: rgba(255,255,255,1);

    text-shadow: rgba(0,0,0,0.8) 1px 1px 7px;

    margin: 0 auto;

    text-align: center;

    position: absolute;

    z-index: 1000;

    margin-top: 100px;

}







/* Landscape phones and portrait tablets */

@media (max-width: 767px) {



 .txt-responsive{

        text-align: center;

        margin: 0 auto;

    }



    #home h1{ 

    color: rgba(255,255,255,1);

    text-shadow: rgba(0,0,0,0.8) 1px 1px 7px;

    margin: 0 auto;

    text-align: center;

    position: absolute;

    z-index: 1000;

    margin-top: 200px;

}

.acceso {width: 100%;}
.navbar-fixed-top .nav {
    margin-top: 0px;
    width: 100%;
}


}



/* Portrait phones and smaller */

@media (max-width: 480px) {



 .txt-responsive{

        text-align: center;

        margin: 0 auto;

    }



    #home h1{ 

    color: rgba(255,255,255,1);

    text-shadow: rgba(0,0,0,0.8) 1px 1px 7px;

    margin: 0 auto;

    text-align: center;

    position: absolute;

    z-index: 1000;

    margin-top: 200px;

}

.acceso {width: 100%;}
.navbar-fixed-top .nav {
    margin-top: 0px;
    width: 100%;
}

}



/* Portrait phones and smaller */

@media (max-width: 360px) {



 .txt-responsive{

        text-align: center;

        margin: 0 auto;

    }

    .acceso {width: 100%;}
    .navbar-fixed-top .nav {
    margin-top: 0px;
    width: 100%;
}
}



.form-group .form-control {

    margin-bottom: 10px;

}








.th-pub {
    height: 276px;
    /* padding: 0px!important; */
    /* margin: 0px!important; */
}

.th-pub .caption {
    padding: 0px!important;
    border:0px;
}

.th-pub p {
    padding: 19% 0;
}

.float-comparar {
    position: fixed;
    left: 0px;
    width: 126px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    background-color: whitesmoke;
    border: 1px solid #E2E1E1;
    z-index: 500;
    padding: 10px 0 0;
    top: 50%;
}