body
{
    height: auto;
    line-height:25px;
    overflow-x: hidden;
    font-family: 'Helvetica-Light';
}
img
{
    vertical-align: top;
}
label
{
    font-family: 'Helvetica-Light';
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-bottom: 20px;
    padding-right: 10px;
    color: #A6A8AB;
}
form
{
    float: right;
}
h4
{
    font-family: 'Helvetica-Medium-65';
}
table
{
    width: 100%;
    float: left;
    margin-bottom:60px; 
}
.contenido_desplegable
{    
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    background-color: #F4F4F4;
    border-radius: 20px;
    padding: 10px;
}
.linea_verde
{
    position: relative;
    bottom:-19px; left:0px;width:100%;
}
#linea_verde_principal
{
    position:absolute; bottom:-15px; left:0px;width:100%;
}
.redes_sociales
{
    width: 80%;
    float: center;
    margin: auto;
    margin-bottom: 50px;
    margin-top: 0px;
}
.redes_sociales img
{
    float: left;
    width: 50px;
    height: 50px;
}
.boton
{
    font-family: 'Helvetica-Light';
    background-color: #A6A8AB;
    border-color: transparent;
    width: 100px;
    color: white;
    float: right;
}
.boton:hover
{
    background-color: #888889;
}
.navbar-default .navbar-nav>li>a
{
    font-family: 'Helvetica-Bold';
    color: #8C8B8B;
    font-size: 14px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus
{
    font-family: 'Helvetica-Bold';
    color: #82BC00;
    background-color: transparent;    
}
.navbar-default
{
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 3px 35px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 35px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 35px -2px rgba(0,0,0,0.75);
}
.container
{
    width: 100%;
    padding: 0;
}
.row
{
    margin: 0;
}
.logo
{
    position: absolute;
    top: 0;
    height: 55px;
}
.col-lg-12
{
    padding: 0;
    margin-bottom: -15px;
}

.intro-section
{
    background-color: black;
    padding-top: 0px;      
    text-align: center;
    overflow: hidden;
}
.fondo_inicio
{             
    min-width: 100%;
    height: auto;
    min-height: 100%;
    margin-bottom: 0px;    
    opacity: 0.6;    
}  
.titulo_intro
{
    position: absolute;
    top: 30%;    
    width: 100%;        
    color: white;    
}
.titulo_formato3
{
    font-family: 'Helvetica-Light';
    font-size: 15pt;
    color: #BEBFC2;
}
.asteristico_formato3
{
    width: 20px;
    float: left;
}
.contenido_formato3
{
    width: 95%;
    float: left;
}
.seccion_1
{
    height: auto;
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
    padding: 0px;
}
.contenedor_titulo_seccion
{
    width: 100%;
    height: 160px;    
    background-color: black;
    overflow: hidden;
    margin-bottom: 90px;
}
.contenedor_titulo_seccion h1
{
    font-size: 50px;
}
.contenedor_titulo_seccion img
{
    width: 100%;        
    height: auto;
    opacity: 0.6;
}
.titulo_seccion
{
    position: absolute;
    top: 50px;    
    width: 100%;        
}
.titulo_seccion h1
{
    font-family: 'Helvetica-Light';
    font-size: 44pt;
    float: center;
    margin: auto;
    color: white;    
}
.contenido_formato1
{    
    width: 100%;
}
.contenido_seccion2
{
    width: 70%;
    float: center;
    margin: auto;
}
.titulo1_contenido
{
    font-family: 'Gotham-Bold';
    width: 100%;
    float: left;
    color: white;
    height: 33px;
    font-size: 18pt;
    font-weight: bold;
    text-align: left;
    padding: 3px;    
    padding-left: 5px;
    background: -moz-linear-gradient(left, rgba(96,96,96,0.96) 28%, rgba(96,96,96,0.75) 44%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(28%,rgba(96,96,96,0.96)), color-stop(44%,rgba(96,96,96,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(96,96,96,0.96) 28%,rgba(96,96,96,0.75) 44%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(96,96,96,0.96) 28%,rgba(96,96,96,0.75) 44%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(96,96,96,0.96) 28%,rgba(96,96,96,0.75) 44%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(96,96,96,0.96) 28%,rgba(96,96,96,0.75) 44%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5606060', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    background-color: #D0D2D3;        
    margin-top: 0px;
    margin-bottom: 10px;
}
.contenedor_contenido
{
    width: 100%;
    float: left;
    margin-bottom: 35px;
    cursor: pointer;
}
.imagen_contenido_seccion2
{
    width: 100%;
    height: 150px;
    overflow: hidden;
    float: left;
    background-color: black;
    cursor: pointer;
    margin-bottom:-60px; 
}
.imagen_contenido_seccion2 img
{
    width: 100%;
    opacity: 0.8;
}
.titulo_contenido_seccion2
{
    font-family: 'Helvetica-Light';
    width: 100%;
    color: white;
    text-align: right;    
    opacity: .99;
    margin-top: 0px;
    font-size: 25pt;
    padding: 20px;
    padding-bottom: 0px;
    margin-top: 85px;
}

.seccion_2
{
    height: auto;
    padding-top: 0px;
    text-align: center;
    background: #fff;
}

.seccion_3
{
    height: auto;
    padding-top: 0px;
    text-align: center;
    background: #fff;
}

.seccion_4
{
    height: auto;
    padding-top: 0px;
    text-align: center;
    background: #fff;
}
.seccion_5
{
    height: auto;
    padding-top: 0px;
    text-align: center;
    background: #fff;
    
    padding-top: 80px;
}

.contacto {
    height: auto;
    padding-top: 0px;
    text-align: center;
    background: white;
}
.mensaje_contacto
{
    font-family: 'Helvetica-Medium';
    float: left;
    font-size: 10px;
    text-align: center;
    margin-top: -10px;
    padding-right: 10px;
    color: #A6A8AB;
}


.div_right_formato_1
{
    float: right;
    width: 100%;     
    padding-right: 80px;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 0px;
    border-top: 1px solid #00CC33;
    border-bottom: 1px solid #00CC33;      
    margin-top: 70px;
    margin-bottom: 70px;
}
.div_left_formato_1
{
    float: left;
    width: 100%;        
    padding: 70px;    
    margin-top: 70px;
    margin-bottom: 70px;
}

.imagen_left_formato_1
{
    max-width: 100%;            
}
.titulo_formato_2, .titulo_formato_2 h1
{
    font-family: 'Helvetica-Bold';
    float: left;
    width: 100%;
    height: auto;
    color: #82BC00;
    margin-bottom: 35px;
    margin-top: 0px;
    font-size: 33pt;
}
.contenido_formato_2
{
    width: 100%;
    padding: 30px;
    float: left;                
    overflow: hidden;
}
.contenido_formato_2 img
{
    height: 60px;
}
.contenido_formato_2 h4
{
    text-align: left;
    font-size: 110%;
}
.top_formato_2
{
    width: 100%;
    float: center;
    margin: auto;
    height: 240px;            
    padding: 75px;
}
.contenido_formato_4
{    
    width: 100%;
    height: auto;
    margin-bottom: 80px;
}

.top_formato_5
{
    width: 100%;    
    height: 240px;            
    padding: 75px;
}
.div_left_formato_5
{
    float: left;
    width: 100%;        
    padding: 10px;
    border-right: 2px solid #BBBDBF;
    margin-bottom: 80px;
}
.div_right_formato_5
{
    float: left;
    width: 100%;
    padding: 2% 0.5%;                  
}
.div_right_formato_5 img
{
    width: 100%;
}
.div_left_formato_5 h3
{
    font-family: 'Gotham-Bold';
    text-align: left;            
    color: #BBBDBF;
    font-size: 120%;
}
.div_left_formato_5 p
{
    text-align: justify;
}
.flecha
{
    visibility: hidden;
    display: none;
}
.imagen_formato_4_movil
{
    display: block;
    width: 90%;
}
.imagen_formato_4_escritorio
{
    display: none;
    visibility: hidden;        
}
    
.contenedor_lista_contacto
{
    width: 50%;
    float: left;
    margin-bottom: 50px;
    border-right: 2px solid #A6A8AB;
}
.contenedor_lista_contacto .lista_contacto
{
    float: center;
    width: 95%;
    margin-left:5%;
}
.formulario_contacto
{
    width: 41%;
    float: right;
    margin-bottom: 50px;
    margin-right: 5%;
}
.contenedor_mapa
{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-top: 20px;
}
.contenedor_mapa img
{
    width: 90%;
    height: auto;
    float: center;
    margin: auto;
}
.contacto
{
    min-height: cover;
    height: auto;
}
.lista_formato_4, .lista_contacto
    {
        float: left;
        width: auto;
        max-width: 22%;
    }

    .lista_formato_4 ul li, .lista_contacto ul li
    {        
        text-align: left;
        list-style: none;
    }
    .lista_formato_4 ul li a, .lista_contacto ul li a
    {   
        font-family: 'Helvetica-Light';
        background-color: #A6A8AB;
        color: white;
        text-decoration: none;
        padding: 0px 5px;
        border-radius: 20px;
        font-size: 14px;
    }    
    .lista_formato_4 ul li a img, .lista_contacto ul li a img
    {
        vertical-align: middle;
        height: 19px;
        margin-left: -5px;
        width: 18px;
        margin-bottom: 1px;
    }
    .imagen_formato_4
    {
        width: 100%;
        height: 100%;
    }
    .lista_formato_4 ul li a:hover, .lista_formato_4 ul li a:focus, .lista_contacto ul li a:hover, .lista_contacto ul li a:focus
    {
        background-color: #888889;
        min-height: 18px;

    }
    .lista_icon
    {
        width: 20px;
        height: 10px;        
        vertical-align: middle;
        background-color: green;
        border-radius: 10px;
    }
    .lista_formato_4_contenido
    {
        float: right;        
        width: 78%;
        border-radius: 20px;
        background-color: #F1F1F2;
        padding: 10px;
        padding-bottom: 0px;
        margin-bottom:0px; 
    }

.direccion {
    /*border-bottom: 1px dotted #000000;*/
    color: #000000;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    position: relative;    
}
.direccion:focus
{
    background-color: #A6A8AB;
}
.direccion span {
margin-left: -999em;
position: absolute;
}
.direccion:hover span 
{     
    position: absolute; 
    left: auto; 
    top: 1em; 
    z-index: 99; 
    margin-left: 0; 
    width: 400px;
}
.direccion_texto{
    margin-left:20px; width:80%;
}
#title
{ 
    font-family: 'Helvetica-Light';
    font-size: 12px;
    position: absolute;     
    left: auto; 
    top: 1em; 
    z-index: 99; 
    margin-left: 0; 
    width: 400px;
}
.direccion:hover img { 
}
.direccion:hover em { 

font-size: 1.2em; 
font-weight: bold; 
display: block; 
padding: 0.2em 0 0.6em 0;
}
.classic {
padding: 0.8em 1em;
}
.classic 
{ 
    background: #E9F1D0; 
    /*border: 1px solid green; */
    color: gray; 
    border-radius: 20px;
    border-top-left-radius: 0px;
}
.campo_formulario
{
    width: 100%;
}

.contenedor_mensaje
{
    width: 55%;
    float: right;
}
.contenedor_boton
{
    width: auto;
    float: right;
}
.contenedor_lista_contacto .lista_contacto ul li
{
    min-width: 420px;        
}

/* Móviles en horizontal o tablets en vertical
------------------------------------------------------------------------- */
@media (max-width:768px){
    #linea_verde_principal,#linea_verde
    {
        display: none;
    }
    #title
    { 
        width: 340%;
    }
    .contenedor_lista_contacto
    {
        width: 100%;
    }
    .div_left_formato_1
    {
        padding: 0px;
        margin: 0px;
    }
    .contenedor_titulo_seccion
    {
        margin: 0px;
    }
    .titulo_seccion
    {
        top: 0px;
    }
    .div_right_formato_1
    {
        margin: 0px;
    }
    .div_right_formato_1
    {
        padding: 10px;
    }
    .contenido_formato_2
    {
        padding: 10px;
    }
    .titulo_formato_2, .titulo_formato_2 h1
    {
        height: auto;
    }

    .titulo_seccion h1
    {
        font-size: 25px;
    }
    .contenido_seccion2
    {
        width: 100%;
    }
    .titulo1_contenido
    {
        font-size: 20px;
    }
    .titulo_contenido_seccion2
    {
        font-size: 15px;
    }
    .imagen_contenido_seccion2
    {
        height: 70px;        
    }
    .div_left_formato_5
    {
        margin: 0px;
    }
    .div_left_formato_5 h3
    {
        font-size: 15px;
    }
    .div_left_formato_4
    {
        display: none;
    }
    .lista_formato_4 ul
    {
        padding: 0px;
    }
    .texto_lista_formato4 h1
    {
        font-size: 25px;        
        color: #8BC53F;
        margin: 0px;
    }
    .div_center_formato_4
    {
        margin-top: 15px;        
    }
    .container
    {
        margin-bottom: -11px;
    }
    .div_right_formato_4
    {
        display: none;
    }
    .lista_formato_4_contenido
    {
        margin-bottom: 15px;
    }
    .contenedor_lista_contacto .lista_contacto
    {
        width: 100%;
        float: left;
    }
    .contenedor_lista_contacto .lista_contacto ul
    {
        padding: 5px;
    }
    .direccion:hover span
    {
        font-size: 13px;
        width: 240px;
    }    
    p
    {
        text-align: left;
    }
    .contenedor_mapa img
    {
        width: 100%;
    }
    .logo
    {
        height: 50px;
    }
    .formulario_contacto
    {
        width: 100%;
    }  
    .campo_formulario
    {
        width: auto;
    }
}
@media (min-width:768px){        
    .logo
    {
        position: absolute;
        top: 0;
        height: 100%;  
        padding-top: 35px;          
        padding-bottom: 25px;
        padding-left: 35px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .div_left_formato_1
    {
        float: left;
        width: 35%;   
        height: auto;     
        padding-top: 35px;
        padding-bottom: 90px;
        margin-top:0px; 
    }
    .div_right_formato_1
    {
        float: right;
        width: 65%;
        border-top: 1px solid #00CC33;
        border-bottom: 1px solid #00CC33;      
        padding-top: 31px;
        padding-bottom: 30px;
        margin-top:0px; 
    }
    .imagen_left_formato_1
    {
        width: 80%;            
    }
    .top_formato_2 h1
    {
        font-size: 4.5em;
        color: #fff;
        font-weight: bold;
    }
    .contenido_formato_2
    {
        width: 70%;                
        padding: 5%;        
        margin: 0px 0px;
        padding-top: 1%;
        overflow: hidden;
    }
    .contenido_formato_2 img
    {
        height: 170px;
    }
    .titulo_formato_3
    {
        font-size: 4.5em;
        color: #00CC33;
        font-weight: bold;
    }
    .div_left_formato_4
    {
        float: left;
        width: 20%;        
        padding: 80px 20px;
    }
    .div_center_formato_4
    {
        float: left;
        width: 65%;
        padding: 0.5%;
        margin-bottom: 40px;
        padding-top: 6%;
        min-height: 422px;
    }
    
    .texto_lista_formato4
    {
        max-width: 100%;
        float: left;
        width: 70%;
        text-align: justify;
        line-height: 21px;
    }
    .texto_lista_formato4 h1
    {
        font-size: 25px;
        font-weight: bold;
        color: #8BC53F;
    }
    .imagen_lista_formato4
    {
        float: left;
        width: 30%;
        padding: 0% 1%;
    }
    .imagen_lista_formato4 img
    {
        max-width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;        
    }



    .div_right_formato_4
    {
        float: right;
        width: 15%;
        padding-right: 0px;
        margin-bottom: 40px;        
        height: auto;
    }
    .div_right_formato_4 img
    {
        float: right;
    }
    .div_left_formato_5
    {
        float: left;
        width: 44%;        
        padding: 30px 50px;                    
        border-right: 2px solid #BBBDBF;
    }
    .div_right_formato_5
    {
        float: left;
        width: 56%;
        padding: 2% 0.5%;                  
    }

    .flecha
    {
        visibility: inherit;
        display: inline;
    }
    .imagen_formato_4_movil
    {
        display: none;
        visibility: hidden;
    }
    .imagen_formato_4_escritorio
    {
        display: block;
        visibility: inherit;
        width: 200px;
    }
    a.tt{
        position:relative;
        z-index:24;
        color:#3CA3FF;
        font-weight:bold;
        text-decoration:none;    
    }
    a.tt span{ display: none; }
    a.tt>.tooltipVisible{display: block;width: 700px;}
    a.tt:hover
    {
        z-index:25; 
        color: #aaaaff; 
        background-color: #DCDCDC;
    }
    a.tt:hover span.tooltip
    {
        display:block;
        position:absolute;
        top:0px; left:0;
        padding: 0 0 0 0;
        width:600px;
        color: #993300;
        text-align: center;
        margin-left: 60px;
        margin-top: 5px;
    }
    span.tooltipVisible
    {
        display:block;
        position:absolute;
        top:0px; left:0;
        padding: 0 0 0 0;
        width:600px;
        color: #993300;
        text-align: center;
        margin-left: 80px;
    }
    span.top, .tooltipVisible>.top
    {
        display: block;
        height: 10px;
        width: 10px;
        padding: 0;
        margin-left: -10px; 
        margin-right: 0;
        float: left;
        /*background: url(fecha.png) no-repeat top; */
    }
    span.middle, .tooltipVisible>.middle
    { /* altura del fondo variable */
        display: block;
        padding: 0 0; 
        /*background: url(bubble_filler.gif) repeat bottom; */
        border-radius: 20px;
        border-top-left-radius: 0;
        background-color: #DCDCDC;
        border: 2px solid black;
    }
    span.bottom, .tooltipVisible>.bottom
    {
        display: block;
        padding:3px 8px 10px;
        color: #548912;
        /*background: url(bubble.gif) no-repeat bottom;*/
        /*background-color: gray;*/
    }
}
 
@media (min-width: 768px) AND (max-width: 1200px){ 
    .div_left_formato_4, .div_right_formato_4
    {
        visibility: none;
        display: none;
    }
    .div_center_formato_4
    {
        width: 100%;
    }
}        
/* Tablets en horizonal y escritorios normales
------------------------------------------------------------------------- */
@media (max-width: 767px){             
    .titulo_contenido_seccion2
    {
        margin-top: 20px;
    }
    .contenedor_titulo_seccion
    {
        height: auto;
    }
    .contenedor_lista_contacto .lista_contacto ul li
    {
        min-width: 420px;        
    }
    .formulario_contacto
    {
        padding-left: 40px;
    }
    .contenedor_mensaje
    {
        width: 100%;
        float: right;
    }
    .contenedor_boton
    {
        width: 30%;
        float: center;
        margin: auto;
    }
    .campo_formulario
    {
        width: 100%;
    }
    .titulo_intro h1 p
    {
        text-align: center;
    }
    .fondo_inicio img
    {            
        width: 100%;
        height: full;
    }
}

/* Escritorios muy anchos
------------------------------------------------------------------------- */
@media (min-width: 1200px){ 
}

@media (max-width: 480px){  
    .contenedor_lista_contacto .lista_contacto{
        min-width: 95%;        
        max-width: 95%;
        margin: 0;
    }
    .contenedor_lista_contacto .lista_contacto ul li{
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    .contenedor_lista_contacto{
        border: 0;
    }
    .mensaje_contacto{
        margin-top: 10px;
    }    
    #title,.direccion:hover span{        
        left:30px;
    }
    .direccion:hover span{             
        left:30px;
    }
    .direccion_texto{
        margin-left:5%; width:95%;
    }
    .lista_formato_4_contenido{
        width: 100%;
    }
    .lista_formato_4, .lista_contacto{
        max-width: 100%;        
    }
    .lista_formato_4 ul li, .lista_contacto ul li{
        float: left;
    }
    .lista_formato_4 ul li a, .lista_contacto ul li a{
        margin: 2px;
    }
    .titulo_formato_2, .titulo_formato_2 h1{
        margin-top: 10px;
        line-height: 40px;
    }
    .titulo_intro p{
        text-align: center;
    }
    .titulo_seccion h1{
        margin-top: 15px;
    }
    .lista_formato_4 ul li a, .lista_contacto ul li a
    {
        padding: 1px 5px;
    }
    .contenido_seccion2{
        width: 100%;
        margin-top: 35px;
    }
    .navbar-nav{
        padding-left: 10px;
    }
    .navbar-brand>img{
        margin-left: 5px;
    }
}