/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02/01/2017, 01:32:17
    Author     : Jime
*/
@media screen and (max-width: 1200px) { 
    .header-in div{
       display: inline-block;
       margin-left: 100px; 
    }
   
   .spot1 article div:nth-child(2),.spot1 article div:nth-child(1) {
        display: inline-block;
        vertical-align:top; 
    }

    .spot3 section article div:nth-child(1) div:nth-child(1),.spot3 section article div:nth-child(1) div:nth-child(2),.spot3 section article div:nth-child(1) div:nth-child(3){
        display: inline-block;
        vertical-align:top; 
    }
    
    .spot5 ul, .spot5 img{
        display: inline-block;
        vertical-align:top; 
    }
    .footer div:nth-child(1) div{
        display:inline-block;
        text-align: center;
        padding-top: 5px;
    }
   
}

@media screen and (max-width: 992px) { 
   .header-in div{
        margin-left: 10px;    
    }
    .spot1 article div:nth-child(2) {
        margin-left: 130px;
        padding-top: 0px !important;
    }
    
    .footer div:nth-child(1) div{
        padding-bottom: 8px;
    }
}

@media only screen and (max-width: 768px) {
    .header-in div{
       display: inline-block;
       margin-left: 20px; 
       padding-top: 5px;
    }
    
    .navbar-nav li a:hover{
        background: #666666 !important;
        color: #ffffff !important;
        border-bottom:0px !important;
        padding:10px !important;
     }
   
  
    .navbar{
        border: 1px solid #f9f7f7;
        padding: 0px;
        border:1px solid red;
    }

    .navbar-brand h1 img{
        width: 100px;
    }
}

/* ----------- generales --------  */
*{
    padding: 0px;
    margin: 0px;
}

.padding{
    padding:40px 0px;
}
body{
    background-color: #f9f7f7;
}

.outpadding{
    padding:0px;
    margin: 0px;
}


/* -----------header--------  */
.header{
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    background-color: #545351;
    text-align: center;
}


.header i, .footer i{
    padding: 0px 4px;
    font-size: 22px;  
    color: white;
    vertical-align:middle;         
}

/* ----------- carrousel  --------  */
.carousel-caption h3{
    line-height: 150%;
    color:#0078d6;
    text-align: left;
    text-shadow: 2px 2px 5px #999999;
    padding-bottom: 3%; 
}
/* ----------- barra navegacion --------  */
.navbar{
    border: 1px solid #f9f7f7;
    padding: 10px;
}

.navbar-brand{
    padding-top: 0px;
    margin-top: 0px;
    display:inline;
}


.navbar-brand h1{
    padding-top: 0px;
    margin-top: 0px;
}


.navbar-nav{
   padding-top: 10px;
}

.navbar-nav li a{
   padding-right: 2px;
   padding-left: 2px;
   margin-left: 10px;
}

.navbar-nav li a:hover{
   border-bottom: 10px solid #00b2b3;
   padding-right: 2px;
   padding-left: 2px;
   padding-bottom: 0px;
}

/* ----------- division  --------  */

.linea{
    margin-right: 0px;
    padding-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

/* ----------- spot1 home--------  */
    
.spot1 article div:nth-child(2) {
    text-align:center;  
    font-size: 16px;
    padding-top: 100px;
    letter-spacing: 1px;
}

.spot1 article div:nth-child(2) i{
    padding: 5px;
    color:#2e97d1;
    font-size: 20px;
}

.spot1 article div:nth-child(2) span{
   vertical-align:middle;  
}

/* ----------- spot2 home--------  */

.spot2{
   padding-right: 50px;
}

.spot2-a{
    padding: 0px;
    color:#fff;
    background-color: #0179da;
}

.spot2-a div:nth-child(1), .spot2-a div:nth-child(2){
    display: inline-block;
}

.spot2-a div:nth-child(1){
    background-color: #3ebedb;
    font-size: 25px;
    padding: 10px;
    margin:0px;
}

.spot2-a div:nth-child(2) h2{
    font-size: 16px;
    padding-left: 20px;
    display: inline;
}

.spot2-b{
    padding:15px 10px;
    line-height: 25px;
}

.spot3{
    background-color: #897b7b;
    color:white;
    margin-top: 50px;
}


.spot3 section article div:nth-child(1) div:nth-child(1) ul li{
    list-style:none;
}

.spot3 section article div:nth-child(1) div:nth-child(1) ul li i{
    list-style:none;
    font-size: 22px;
}

.spot3 section article div:nth-child(1) div:nth-child(1) h3{
    font-size: 18px;
}


.spot3 section article div:nth-child(1) div:nth-child(2) img,.spot3 section article div:nth-child(1) div:nth-child(3) img{
    padding-top: 40px;
}

.spot3 section article div:nth-child(1) div:nth-child(2) a:nth-child(1),.spot3 section article div:nth-child(1) div:nth-child(3)  a:nth-child(1){
    padding-top: 10px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: text-top;
    color:#fff;
}

/* ----------- footer--------  */

.spot4 img{
    margin: 20px;
}

footer{
    color:white;
    background-color: #333333;
    font-size: 13px;
}

.dire i{
    font-size:12px;
}
   

.spot1 h2{
    color:#0078d6;
}

.spot1 p{
    padding-right: 120px;
    line-height: 250%;
}
.spot5 h2{
    color:#0078d6;
}
.spot5 ul{
    padding-top: 10px;
}
.spot5 li{
    padding-right: 200px;
    list-style:none;
    text-align: center;
    line-height: 30px;
}