/* 
    Document   : bootstrap.yoing
    Created on : 06-jul-2015, 9:33:02
    Author     : criarnac
    Description:
        Modificaciones al css básico de bootstrap para adaptar al estilo Yo Ingeniero
*/

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}

/* footer */

.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 100px;
  margin-bottom: -100px;
}

/* Header */


.link_idioma{
    border-radius: 5px;
    text-align: center;
    margin: 12px 5px 0px;
    background-color: rgb(117, 166, 227) !important;
    border: 1px solid rgb(117, 166, 227) !important;
    color: rgb(60, 60, 60) !important;
    padding: 0px !important;
    height: 15px;
    width: 35px;
    line-height: 13px !important;
}

.link_idioma:focus, .link_idioma:hover{
    color: #FFF !important;
}

@media (max-width:1199px){
    .link_idioma{
        margin: 2px 10px 0px !important;
    }
}

#navbar_YI{
    z-index: 9000;
    height: 180px;
    min-height:75px;
    background: white;
    border-color: white;
    overflow: hidden;
    opacity: 0.9;
    transition: all .35s;    
}

.navbar-nav {
    float: right;
    margin-right: 0;
}

.navbar-brand {
    height: 60px;    
    padding: 10px;
    float: left;
}

.navbar li{
    line-height: 48px;
    padding: 0 0;
    min-width: 50px;
    margin-top: 20px;
    opacity: 0.9;
}

 .navbar-nav > li > a{
    color: #1869FF;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
}

.imagen_logo{
    margin: 70px 0 0 30px;
    border: 0;
    height: 55px;
    width: auto;
}

.imagen_logoYI{
    height: 85px;
    margin: 40px 0 0 0;
}

.navbar-nav > li > .dropdown-menu {
    top: 35px;
    left: 0px;
    background: white none repeat scroll 0% 0%;
    border-color: white;
    font-size: 11px;
}

.dropdown-toggle{
    margin-top: 0px;
    height: 40px;
    text-align: center;
}

.dropdown-menu li{
    margin-top: 0px;
}

.dropdown-menu > li > a{
    color: #1869FF;
    padding: 0px 10px;
}

.dropdown-menu > li > a:hover{
    /*background: #4F4F4F none repeat scroll 0% 0%;*/
    color: #1869FF;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.navbar-nav > .active > a {
    background: transparent;
    color: #FF006B;
    font-size: 12px;
}

.navbar-nav > .active > a:focus, .navbar-nav > .active > a:hover{
/*    background: transparent;
    color: #FFF;
    font-size: 12px;*/
}

@media (max-width:1365px){    
}

@media (max-width:1199px){
    #navbar_YI{
        height: 150px;
    }
    
    .imagen_logo{
        margin: 50px 0 0 50px;
        height: 40px;
    }

    .imagen_logoYI{
        height: 75px;
        margin: 20px 0 0 0;
    }    
}

@media (max-width:991px){    
    .imagen_logo{
            margin-left: 15px;
        }                
}

@media (max-width:767px){
    .imagen_logo{
        /*margin: 50px 0 0 0px;*/
        margin: 0!important;
        height: 35px;
    }
    .imagen_logoYI{
        height: 45px;
        margin: 25px 0 0 10px;
    }   
}

@media (max-width:550px){
    .navbar-brand{
        height: 50px; 
        float: left;
    }    
    .imagen_logo{
        margin: 10px 0 0 0px;
    } 
    .imagen_logoYI{
        margin: 15px 0 0 20px;
    }    
}

.texto_rosa{
    color: #FF006B;
}

.texto_azul{
    color: #0069FF;
}

.texto_blanco{
    color: white;
}

/* Modificaciones para la clase carousel */

.container-carousel {
    padding: 0px;
    margin-top: 0px;
    height: 100%;
    overflow: hidden;
}

.carousel-caption {
    text-align: left;
    top: 20%;
    right: 35%;
    font-weight: bold;
    font-size: 200%;
    text-shadow: none;
    height: 500px;
}

.carousel-indicators {
    top: 200px;
    height: 50px;
    margin-left: -30px;
}

.carousel-indicators li {
    border-color: grey;
}

.carousel-indicators .active {
    border-color: #FF006B;
    width: 10px;
    height: 10px;
    background-color: #FF006B;
    margin: 1px;
}

.carousel-inner > .item > img {
    width: 100%;
}

.home_normal{
    display: block !important;
}

.home_big{
    display: none !important;
}

@media (min-width:2000px){    
    .home_normal{
        display: none !important;
    }

    .home_big{
        display: block !important;
    }   
}

@media (max-width:1365px){    
    .container-carousel{
        margin-top: 80px;
    }    
}

@media (max-width:1199px){
    .container-carousel{
        margin-top: 100px;
    }    
    
    .carousel-caption {
        top: 15%;
        right: 20%;
        font-size: 130%;
    }
    .carousel-indicators {
        top: 10%;
    }
}

@media (max-width:767px){

    .container-carousel{
        margin-top: 120px;
    }     
    
    .carousel-caption {
        top: 10%;
        right: 10%;
        font-weight: bold;
        font-size: 100%;
    }
    .carousel-caption h1{
        font-size: 190%;
    }
    .carousel-indicators {
        top: 5%;
    }
}

@media (max-width:550px){
    .carousel-inner > .item{
        height: 400px;
        background-size: cover;
        background-position: center;
    }
    
    .carousel-inner > .item > img{
        display: none !important;
    }
    
    .container-carousel{
        margin-top: 145px;
    }
    
    .carousel-caption h1{
        font-size: 160%;
    }
}

/* Paginas con banner de inicio */

.banner_big{
    padding: 0px; 
    margin-top: 70px;              
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    overflow: visible;
    height: 490px;
}

.banner_small{
        display:none;
        padding-top: 5px;
        z-index: 10;
} 

.banner_interior{
    padding: 0px 10px; 
    margin-top: 0px;              
    background-color: white;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    overflow: visible;
    min-height: 400px;
}


.contenedor{
    padding:50px;
}
.bloque_presentacion{
    float:left;
    font-size:24px;
    font-weight: normal;
    margin-right: 5%;
    padding-bottom: 25px;
    display:block;
    color: #58585A;
    line-height: 34px;
}
.bloque_caracteristicas{
    float:left;
    font-size:17px;
    color:#87888A;
    display:block;
    margin-right: 0px;
    padding-top: 15px;
    padding-bottom: 20px;
    line-height: 24px;
}

.hidden-xxs{
    display: inherit;
}        
.visible-xxs{
    display: none;
} 

/* Modificaciones dependientes del tamaño */

@media (max-width:1920px){
        .banner_big{
            height: inherit;
            background-image: none !important;
        }  
        
        .banner_interior{
            background-position: right center;
            background-size: cover;
            overflow: hidden;
        }
        
        .banner_small{
            display:inline;
        }
}

@media (max-width:1365px){    
        
        .banner_interior{
            background-position: right top;
        }        
}


@media (max-width:1199px){
        
        .navbar-nav {
            float: right;
            margin-right: 0px;
            margin-top: 30px;
        }

        .navbar li {
            min-width: 30px;
            margin-top: 0px;
        }
        .nav > li > a {
            position: relative;
            display: block;
            padding: 0px 10px;
        }

        .navbar-nav > li > .dropdown-menu {
            top: 20px;
        }

        #barraaceptacion {
            min-height: 40px;
        }   

        .inner{
            top: 0;
        }
        
        .banner_interior{
            background-position: center top;
        }
}

@media (min-width:768px) {
	.container {
		width:750px
	}
        
        .sm-padleft-0{
            padding-left: 0;
        }
}
@media (min-width:992px) {
	.container {
		width:980px
	}
}
@media (min-width:1200px) {
	.container {
		width:1170px
	}
}

@media (max-width:992px){

      /*Toda esta parte es para colapsar antes el menu*/
        .navbar-header {
          float: none;
        }
        .navbar-left,
        .navbar-right {
          float: none !important;
        }
        
        .navbar-toggle {
          display: block;
        }
        .navbar-collapse {
          border-top: 1px solid transparent;
          box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-fixed-top {
          top: 0;
          border-width: 0 0 1px;
        }
        .navbar-collapse.collapse {
          display: none!important;
        }
        .collapse.in {
          display: block !important;
        }

        /*El resto de esta sección media estaban en 767 antes*/
        .navbar-nav {
            float: left;
            margin-top: 0px;
            min-height: 50px;
        }

        .navbar li {
            margin-top: 10px;
        }

        .navbar-nav > li > .dropdown-menu {
            top: 10px;
        }        
        
        .dropdown-toggle{
            margin-top: 0;
            padding-top: 5px;
            height: inherit;
        }
        
        .dropdown-menu li {
            margin-top: 5px;
        }
        
        .bloque_presentacion{
        font-size:19px;
        line-height: 24px;
        font-weight: normal;
        }
        
        .bloque_caracteristicas{
        font-size:16px;
        }        
       
  }

@media (max-width:767px){
    
        .navbar-nav {
            float: left;
            margin-top: 0px;
            min-height: 200px;
        }
        
        .dropdown-toggle{
            text-align: left;
        }

        #barraaceptacion {
            min-height: 60px;
        }   
        
        .bloque_presentacion{
        font-size:16px;
        line-height: 22px;
        }
        
        .bloque_caracteristicas{
        font-size:15px;
        }
        
        .contenedor{
        padding: 15px;
        }
        
        .banner_interior{
            background-position: center top;
        }         
}

@media (max-width:550px){    
        
        .col-xxs-12{
            width: 100%;
            left: 0;
        }
        .hidden-xxs{
            display: none;
        }        
        .visible-xxs{
            display: inherit;
        }         
}

.mayusculas{
    text-transform: uppercase;
}

/* Paginas con banner de inicio */

.rayita{
    border-top: 10px solid #FF006B;
    width: 90px;
    margin: 1px 0 20px;
    height: 1px;
}

.texto_banner{
    width: 1170px;
    height: 0px;
    top: 200px;
    margin-right: auto;
    margin-left: auto;
    left: 0px;
    right: 0px;
    padding-left: 15px;
    padding-right: 15px;

}

.texto_banner > h1{
    font-family: 'Raleway';
    font-size: 300%;
    font-weight: 800;
    color: #0069FF;
    border: 0px none;
}

.texto_banner > .corto {
    width: 250px;
}

.texto_banner > h1 {
    width: 550px;
}

.texto_banner > .largo{
    width: 60%;
}

.texto_banner > .extralargo{
    width: 90%;
}

.icono_bajar{
    color: white;
    position: absolute;
    bottom: 60px;
    left: 50%;
    z-index: 15;
    text-align: center;    
    font-size: 15px;
    opacity: .8;
}

.icono_bajar:hover {
    opacity: 1;
}

.icono_bajar img{
    width: 100%;
}

#ancla{
    position: absolute;
    bottom: 80px;    
}

/* Modificaciones dependientes del tamaño */

@media(max-width:1920px){
    .banner_big{
        height: inherit;
        background-image: none !important;
    }    
    .banner_small{
        display:inline;
    } 
}

@media (max-width:1365px){    
        .texto_banner{
            top: 110px;
        }
        .texto_banner > h1{
            font-size: 280%;        
        }
        .carousel-indicators {
            top: 125px;
            margin-left: 0px;
        }
        .icono_bajar{
            bottom: 30px;    
        }
        .icono_bajar img{
            width: 85%;
        }
        .ancla{
            bottom: 70px;    
        }          
}

@media (max-width:1199px){
        .texto_banner{
            top: 70px;
            width: 970px;
        }
        .texto_banner > .corto{
            width: 200px;
        }
        .texto_banner > h1{
            width: 450px;
        }
        .texto_banner > .largo, .texto_banner > .extralargo{
            width: 750px;
        }
        .rayita{
            border-width: 6px;
            width: 75px;
            margin-bottom: 15px;
        }
        .carousel-indicators {
            top: 90px;
        }        
}

@media (max-width:991px){
        .texto_banner{
            top: 70px;
            width: 720px;
            padding-left: 0px;
        }     
        .texto_banner > h1{
            width: 400px;
        }
        .texto_banner > .largo, .texto_banner > .extralargo{
            width: 550px;
        }
        .icono_bajar{
            bottom: 10px;    
        }
        .icono_bajar img{
            width: 70%;
        }
        .ancla{
            bottom: 60px;    
        }        
  }

@media (max-width:767px){
        .texto_banner{
            top: 30px;
            left: 15px;
            width: 97%;
            padding-right: 0;
        }
        .texto_banner > h1, .texto_banner > .largo, .texto_banner > .extralargo{
            width: 380px;
        }   
        .carousel-indicators {
            top: 50px;
            margin-left: 40px;
        }  
        .rayita{
            width: 60px;
            margin-bottom: 10px;
        }        
}

@media (max-width:550px){    
        .texto_banner{
            top: 0px;
            left: 10px;
            margin-left: 0;
        }

        .texto_banner > h1, .texto_banner > .largo, .texto_banner > .extralargo{
            width: 310px;
        }   

        .item > .texto_banner > h1, .item > .texto_banner > .largo, .item > .texto_banner > .extralargo{
            width: 280px;
        }   
        .carousel-indicators {
            top: 20px;
            margin-left: 30px;
        }       
}

@media (min-width:768px) {
	.container {
		width:750px
	}
}
@media (min-width:992px) {
	.container {
		width:980px
	}
}
@media (min-width:1200px) {
	.container {
		width:1170px
	}
}

.sinMargin{
    margin:0;
}

.sinPadding{
    padding: 0;
}

*:focus {
    outline: none;
}