/* CSS Document */

.navbar-inverse {
	background-color: transparent;
	font-size:15px;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	position: relative;
	margin-top: 0px;
	border: none;
}

.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	background-color: #fff;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	border-radius: 0px;
	padding:10px;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #FFFFFF;
}

.dropdown-menu {
	background-color: #FFFFFF;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-color: #73C1CC;
}

.navbar-inverse {
	background-image: none;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-image: none;
}

.navbar-inverse {
	border-color: #5E3D93;
}

.navbar-inverse .navbar-nav {
	margin-bottom:1px; margin-top:30px;
}

.navbar-inverse .navbar-nav>li>a {
	color: #111;
	padding:5px 10px;
	margin-left:5px;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus {
	color: #000;
	margin-left:5px;
	padding:5px 10px;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	color: #111;
	background-color: #e5e5e5;
}

.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	color: #00AAED;
}

.dropdown-menu>li>a {
	color: #FCFCFC;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #00AAED;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
	border-top-color: #999999;
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
	border-top-color: #FFFFFF;
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
	border-bottom-color: #999999;
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
	border-bottom-color: #FFFFFF;
}

.navbar {
    position: relative;
    margin-bottom: 0px;
    min-height: 100%;

}

.navbar .navbar-nav {
    display: inline-block;
    float: left;
    margin-left: 25px;
}



.navbar .navbar-collapse {
    text-align: center;
        border-top: 0px solid #000; border-bottom: 0px solid #000; 
}

.phone{
    font-size: 20px;
    color: #111;
    font-weight: 700;
    font-family: 'Crushed', cursive;
    position: absolute;
    padding: 5px 0 5px 40px;
    top:20px;
    right: 110px;
    background: url(../images/ic_phone.png) no-repeat left center ;
    
}

.phone>span>a{
	text-decoration: none;
    color: #111;
    
}

.phone>span>a:hover{
	text-decoration: underline;
    color: #111;
    
}


.phone2{
    font-size: 20px;
    color: #111;
    font-weight: 700;
    font-family: 'Crushed', cursive;
    position: absolute;
    padding: 5px 0 5px 5px;
    top:20px;
    right: 20px;
    
}

.phone_mobile{
    display: none;
} 

.flag_e{
   background:url(../images/english.jpg) center center no-repeat;
    height: 20px;
    width: 40px;
    margin-top: 4px auto 0 auto;
}

.bandera a:hover{
    background-color: #f5f5f3 !important;
}

.flag_c{
   background:url(../images/espanol.jpg) center center no-repeat;
    height: 20px;
    width: 40px;
    margin-top: 4px auto 0 auto;
}

    @media (max-width: 1250px) {
        
        .navbar-inverse .navbar-nav {
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 0px;
	width: auto;
	float: left;
		}
		
        .navbar-inverse .navbar-nav>li>a {
			color: #111;
			padding:5px 10px;
			margin-left:5px;
		}
		
        .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus {
			color: #000;
			margin-left:5px;
			padding:5px 10px;
		}


    }

@media (max-width: 1199px) {
        
        .navbar-inverse .navbar-nav {
	margin: 0 0;
	width: 100%;
	float: none;
		}
		
        .navbar-inverse .navbar-nav>li>a {
			color: #111;
			padding:5px 10px;
			margin-left:5px;
		}
		
        .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus {
			color: #000;
			margin-left:5px;
			padding:5px 10px;
		}


    }

    @media (max-width: 1190px) {
        .navbar-inverse .navbar-nav>li>a {
			color: #111;
			padding:5px 10px;
			margin-left:5px;
		}
		
        .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus {
			color: #000;
			margin-left:5px;
			padding:5px 5px;
		}


    }

    @media (max-width: 980px) {
        .navbar-inverse {
			font-size:14px;
			font-weight: 300;
		}
		
        .navbar-inverse .navbar-nav>li>a {
			color: #111;
			padding:10px 5px;
			margin-left:5px;
			font-size:14px;
		
		}
		
        .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus {
			color: #000;
			margin-left:5px;
			padding:10px 5px;
		}
		
        .navbar-inverse .navbar-nav {
			margin-bottom:4px;
			margin-top:4px;
			width: 100%;
		}


    }

  @media (max-width: 768px) {
     
        .navbar-nav {
			margin: 0 0;
			width: 100%;
	  }
	  
        .navbar .navbar-nav {
            display: inline-block;
            float: none;
            font-size: 19px;
            margin-left:0px;
        }
        
        .navbar .navbar-collapse {
            text-align: center;
        }
      
        .navbar {
            border-radius: 0px;
        } 
      
        .phone{
            right: 175px;
            background: url(../images/ic_phone.png) no-repeat left center ;

        }
      
        .phone2{

            right: 80px;

        }      
      
        .navbar-toggle {
          position: relative;
          float: right;
          padding: 9px 10px;
          margin-top: 25px;
          margin-right: 10px;
          margin-bottom: 8px;
          background-color: black;
          background-image: none;
          border: 1px solid transparent;
          border-radius: 4px;
        }
        .navbar-toggle:focus {
          outline: 0;
        }
        .navbar-toggle .icon-bar {  
          display: block;
          width: 22px;
          height: 2px;
          border-radius: 1px;
        }
        .navbar-toggle .icon-bar + .icon-bar {
          margin-top: 4px;
        }      
      
      
    }

  @media (max-width: 640px) {

        .phone{
            display: none !important;
        }
      
        .phone2{
            display: none !important;
        }      
        
        .phone_mobile{
            display: block;
            font-size: 25px;
            position: absolute;
            top: 20px;
            right: 120px;
        }        

    }

  @media (max-width: 480px) {

        .phone{
            display: none !important;
        }
        
        .phone_mobile{
            right: 80px;     
        }        

    }