img {
    max-width: 100%;
    height: auto;
}

.header-two-bars{
width:100%; 
background-color:#ffffff;



}

.header-two-bars .header-limiter{
	max-width: 1400px;
	text-align: center;
	margin: 0 auto;


   
}




/* Logo */

.header-two-bars h1{
    float:left;
    font: normal 9px "Lato", Arial, sans-serif;
    line-height: 14px;
    margin:15px 30px 0;
    white-space:normal;
    
    
}

.header-two-bars h1 span {
	color: #bc40df;
}

.header-two-bars h3{
    float: left;
    
    font: normal 9px "Lato", Arial, sans-serif;
    line-height: 14px;
    
   
}

.header-two-bars h3 span {
	color: #bc40df;
}

/* Menú v */

.header-two-bars h2{
	 /* Main Menu Item widths */
    width:90px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #ffffff;
    text-decoration: none;
    padding-left:2px;  
    background: rgba(250, 250, 250, 0.90);
    position: relative; 
    font: normal 9px "Lato", Arial, sans-serif;
    line-height: 14px;
	margin: 0;
	float: left;
    list-style: none; 
    margin: 0; 
    padding: 0; 
    display:inline-block;
    z-index:9;
    }
    
.header-two-bars h2 span {
	color: #bc40df;
}

.header-two-bars h2 a {
	font: normal 9px "Lato", Arial, sans-serif;
    font-size: 13px;
	color: #c3a01c;
	text-decoration: none;
}

.header-two-bars h2 nav {
	font: normal 9px "Lato", Arial, sans-serif;
    color: #c3a01c;
    text-align: right;
	line-height: 14px;
	font-size: 9px;
    display:inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.header-two-bars .header-second-bar h2 {
	font: normal 9px "Lato", Arial, sans-serif;
    line-height: 14px;
	margin: 0;
	float: left;
}

.header-two-bars .header-second-bar h2 a {
	font: normal 9px "Lato", Arial, sans-serif;
    font-size: 13px;
	color: #c3a01c;
	text-decoration: none;
 
}

.header-two-bars .header-second-bar h2 nav {
	font: normal 9px "Lato", Arial, sans-serif;
    color: #c3a01c;
    text-align: right;
	line-height: 14px;
	font-size: 9px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.header-two-bars .header-second-bar h2 nav a {
	font: normal 9px "Lato", Arial, sans-serif;
    display: inline-block;
	color: #002e6c;
	text-decoration: none;
}

.header-two-bars .header-second-bar h2 nav a:hover {
	opacity: 1;
    color: #c3a01c;
}

.header-two-bars .header-second-bar h2 nav a.selected {
	border-radius: 2px;
	background-color: #002e6c;
	
}


.header-two-bars .header-second-bar h2 nav i.fa {
	font: normal 9px "Lato", Arial, sans-serif;
    color: #002e6c;
	margin: 0 4px 0 15px;
}



/* The first bar */

.header-two-bars .header-first-bar{
	background-color:#ffffff;
	box-shadow:0 1px 1px #ccc;
	padding: 20px 40px;
	height: 140px;
	color: #ffffff;
	box-sizing: border-box;
}

.header-two-bars .header-first-bar a {
	
    
    color: #002e6c; 
    text-decoration:none;
}

.header-two-bars .header-first-bar nav {
    font-family:'Lato', Arial, sans-serif; 
    font-weight:600; 
    font-size: 12px; 
  
    color: #002e6c; 
    text-transform: uppercase;
	float: left;
	margin: 45px 0 0px 0px;
	padding: 0;
    
}

.header-two-bars .header-first-bar nav a{
	
   
    color: #002e6c; 
    display: inline-block;
	padding: 0 1px;
	opacity: 0.9;
	text-decoration:none;
	
}

.header-two-bars .header-first-bar nav a:hover {
	opacity: 1;
    color: #c3a01c;
}

.header-two-bars .header-first-bar nav a.selected {
	border-radius: 2px;
	background-color: #002e6c;
	
}

.header-two-bars .header-first-bar a.logout-button {
	font-size: 13px;
	font-weight: bold;
	float: right;
	border-radius: 3px;
	background-color: rgba(58, 60, 62, 0);
	height: 40px;
	padding: 0 0px;
	border: 1px solid #5E6367;
	line-height: 40px;
	box-sizing: border-box;
}


/* Second Bar */

.header-two-bars .header-second-bar {
	 /* Main Menu Item widths */
    
    margin-top:-125px; 
    padding: 0; 
    
    z-index:9;
}


.header-two-bars .header-second-bar h2 {
	font: normal 9px "Lato", Arial, sans-serif;
    line-height: 14px;
	margin: 0;
	float: left;
}

.header-two-bars .header-second-bar h2 a {
	font: normal 9px "Lato", Arial, sans-serif;
    font-size: 13px;
	color: #c3a01c;
	text-decoration: none;
}

.header-two-bars .header-second-bar nav {
    width:85px;
    float:left;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #ffffff;
    text-decoration: none;
    line-height:12px;
    padding-left:2px;  
    background: rgba(244, 242, 237, 0.90);
    position: relative; 
    list-style: none; 
    margin: 0; 
    padding-top: 10px; 
    padding-bottom: 6px; 
    display:inline-block;
    z-index:9;
  
}



.header-two-bars .header-second-bar nav a {
	font: normal 9px "Lato", Arial, sans-serif;
    display: inline-block;
	color: #002e6c;
    padding-right:5px;
	text-decoration: none;
}

.header-two-bars .header-second-bar nav a:hover {
	opacity: 1;
    color: #c3a01c;
}

.header-two-bars .header-second-bar nav a.selected {
	border-radius: 2px;
	background-color: #002e6c;
	padding: 8px 12px;
}


.header-two-bars .header-second-bar nav i.fa {
	font: normal 9px "Lato", Arial, sans-serif;
    color: #002e6c;
	margin: 0 4px 0 15px;
}


/*	Making the header responsive. Remove these styles, if
	you don't need the header to work on mobile devices. */

    
/*800-900px */ 
@media all and (max-width: 1400px) {

img {
    max-width: 110%;
    height: auto;
    

}

.header-two-bars .header-limiter{
	
    height:0px;
	text-align: center;
	margin: 0 auto;
   
}


.header-two-bars .header-first-bar{
	background-color:#ffffff;
	box-shadow:0 1px 1px #ccc;
	padding: 0px 40px;
	height: 150px;
	color: #ffffff;
	box-sizing: border-box;
}


	

	.header-two-bars .header-first-bar h1 {
		float: none;
		
		text-align: left;
		font-size: 12px;
		line-height: 1;
        width:270px;
        
	}
    
    .header-two-bars .header-first-bar h3 {
        float:right;
        margin-top:-110px;
        margin-bottom:0px;
        margin-right:10px;
		text-align: right;
		font-size: 12px;
		line-height: 1.3;
        width:120px;
        background-color:none;
        content:none;
	}


	.header-two-bars .header-first-bar nav {
		margin: 0;
        float:none;
        font-family:'Lato', Arial, sans-serif; 
        font-weight:600; 
        font-size: 11px; 
        line-height: 1.3; 
        color: #002e6c; 
        
        text-transform: uppercase;
	    margin: 5px 0 0 0px;
	    padding: 0;
        
	}

    .header-two-bars .header-first-bar nav a{
	
    line-height: 1.3;
    color: #002e6c; 
    display: inline-block;
	padding: 0 2px;
	opacity: 0.9;
	text-decoration:none;
    text-align:center;
	
}

    .header-two-bars .header-first-bar nav a:hover {
	opacity: 1;
    color: #c3a01c;
}

  
	.header-two-bars .header-first-bar nav a.selected {
		padding: 5px 8px;
	}

	.header-two-bars .header-first-bar .logout-button {
		display: none;
	}

	.header-two-bars .header-second-bar{
        margin-top: -20px;
        padding: 2px 0;
        
	}

	.header-two-bars .header-second-bar h2{
		float:none;
		margin: 05px 0 12px;
	}

	.header-two-bars .header-second-bar nav{
		text-align: center;
        width:100%;
        height:20px;
        padding-top:3px;
        padding-bottom:3px;
        display:inline-block;
    }    
        
  .header-two-bars .header-second-bar nav a {
	font: normal 9px "Lato", Arial, sans-serif;
    display: inline-block;
	color: #002e6c;
    padding-right:5px;
	text-decoration: none;
}

.header-two-bars .header-second-bar nav a:hover {
	opacity: 1;
    color: #c3a01c;
}

.header-two-bars .header-second-bar nav a.selected {
	border-radius: 2px;
	background-color: #002e6c;
	padding: 8px 12px;
}  
        
	/*768-800px */ 
    
  @media all and (max-width: 800px) {
img {
    max-width: 120%;
    height: auto;
}

	.header-two-bars .header-limiter{
	
    height:0px;
	text-align: center;
	margin: 0 auto;
   
}

.header-two-bars .header-first-bar{
	background-color:#ffffff;
	box-shadow:0 1px 1px #ccc;
	padding: 20px 40px;
	height: 180px;
	color: #ffffff;
	box-sizing: border-box;
}




	.header-two-bars .header-first-bar h1 {
		float: none;
		
		text-align: left;
		font-size: 12px;
		line-height: 1;
        width:270px;
        
	}
    
    .header-two-bars .header-first-bar h3 {
        margin-top:-90px;
        margin-bottom:0px;
        margin-right:10px;
		text-align: right;
		font-size: 12px;
		line-height: 1;
        
        background-color:none;
        content:none;
	}


	.header-two-bars .header-first-bar nav {
		margin: 0;
		
		font-size:12px;
        
        font-family:'Lato', Arial, sans-serif; 
    font-weight:600; 
    font-size: 12px; 
    
    color: #002e6c; 
    text-transform: uppercase;
	margin: 5px 0 0 0px;
	padding: 0;
    vertical-align:middle;
    display:inline-block;
}
    


	.header-two-bars .header-first-bar nav a.selected {
		padding: 5px 8px;
	}

	.header-two-bars .header-first-bar .logout-button {
		display: none;
	}

	.header-two-bars .header-second-bar{
        
        padding: 2px 0;
        
	}

	.header-two-bars .header-second-bar h2{
		float:none;
		margin: 5px 0 12px;
	}

	.header-two-bars .header-second-bar nav{
				text-align: center;
        width:100%;
        height:20px;
        padding-top:3px;
        padding-bottom:3px;
        margin-top: 0px;
        
	}
    
    
   
/*610-700px */ 
    
@media all and (max-width: 700px) {
img {
    max-width: 80%;
    height: auto;
}

	.header-two-bars .header-limiter{
	
    height:0px;
	text-align: center;
	margin: 0 auto;
   
}

.header-two-bars .header-first-bar{
	background-color:#ffffff;
	box-shadow:0 1px 1px #ccc;
	padding: 20px 40px;
	height: 145px;
	color: #ffffff;
	box-sizing: border-box;
}



	.header-two-bars .header-first-bar h1 {
		float: none;
		
		text-align: left;
		font-size: 12px;
		line-height: 1;
        width:270px;
        margin-top:-20px;
        
	}
    
    .header-two-bars .header-first-bar h3 {
        margin-top:-130px;
        margin-bottom:0px;
        margin-right:10px;
		text-align: right;
		font-size: 12px;
		line-height: 1;
        width:120px;
        background-color:none;
        content:none;
	}


	.header-two-bars .header-first-bar nav {
		margin: 0;
		
		font-size:12px;
        
        font-family:'Lato', Arial, sans-serif; 
    font-weight:600; 
    font-size: 12px; 
    
    color: #002e6c; 
    text-transform: uppercase;
	margin: 5px 0 0 0px;
	padding: 0;
    vertical-align:middle;
    display:inline-block;
}
    


	.header-two-bars .header-first-bar nav a.selected {
		padding: 5px 8px;
	}

	.header-two-bars .header-first-bar .logout-button {
		display: none;
	}

	.header-two-bars .header-second-bar{
        margin-top: -60px;
        padding: 2px 0;
        
	}

	.header-two-bars .header-second-bar h2{
		float:none;
		margin: 05px 0 12px;
	}

	.header-two-bars .header-second-bar nav{
				text-align: center;
        width:100%;
        height:20px;
        padding-top:3px;
        padding-bottom:3px;
        margin-top:40px;
        
        
	}


    

/*400-600px */ 
@media all and (max-width: 610px) {

img {
    max-width: 80%;
    height: auto;
    

}

.header-two-bars .header-limiter{
	
    height:0px;
	text-align: center;
	margin: 0 auto;
   
}

.header-two-bars .header-first-bar{
	background-color:#ffffff;
	box-shadow:0 1px 1px #ccc;
	padding: 0px 0px;
	height: 150px;
	color: #ffffff;
	box-sizing: border-box;
}


	

	.header-two-bars .header-first-bar h1 {
		float: none;
		margin: -8px 10px 2px;
		text-align: left;
		font-size: 12px;
		line-height: 1;
        width:270px;
        
	}
    
    .header-two-bars .header-first-bar h3 {
        float:right;
        margin-top:-110px;
        margin-bottom:0px;
        margin-right:10px;
		text-align: right;
		font-size: 12px;
		line-height: 1.3;
      
        background-color:none;
        content:none;
	}


	.header-two-bars .header-first-bar nav {
		margin: 0;
        float:none;
        font-family:'Lato', Arial, sans-serif; 
        font-weight:600; 
        font-size: 11px; 
        line-height: 1.3; 
        color: #002e6c; 
        
        text-transform: uppercase;
	    margin: 5px 0 0 0px;
	    padding: 0;
        
	}

    .header-two-bars .header-first-bar nav a{
	
    line-height: 1.3;
    color: #002e6c; 
    display: inline-block;
	padding: 0 2px;
	opacity: 0.9;
	text-decoration:none;
	
}

    .header-two-bars .header-first-bar nav a:hover {
	opacity: 1;
    color: #c3a01c;
}

  
	.header-two-bars .header-first-bar nav a.selected {
		padding: 5px 8px;
	}

	.header-two-bars .header-first-bar .logout-button {
		display: none;
	}

	.header-two-bars .header-second-bar{
        margin-top: -20px;
        padding: 2px 0;
        
	}

	.header-two-bars .header-second-bar h2{
		float:none;
		margin: 05px 0 12px;
	}

	.header-two-bars .header-second-bar nav{
		text-align: center;
        width:100%;
        height:20px;
        padding-top:3px;
        padding-bottom:3px;
        display:inline-block;
        margin-top:0px;
        
 
	}

.header-two-bars .header-second-bar nav a {
	font: normal 9px "Lato", Arial, sans-serif;
    display: inline-block;
	color: #002e6c;
    padding-right:5px;
	text-decoration: none;
}

.header-two-bars .header-second-bar nav a:hover {
	opacity: 1;
    color: #c3a01c;
}

.header-two-bars .header-second-bar nav a.selected {
	border-radius: 2px;
	background-color: #002e6c;
	padding: 8px 12px;
}

/*400-600px */ 
@media all and (max-width: 500px) {

img {
    max-width: 80%;
    height: auto;
    

}

.header-two-bars .header-limiter{
	
    height:0px;
	text-align: center;
	margin: 0 auto;
   
}

.header-two-bars .header-first-bar{
	background-color:#ffffff;
	box-shadow:0 1px 1px #ccc;
	padding: 0px 0px;
	height: 150px;
	color: #ffffff;
	box-sizing: border-box;
}


	

	.header-two-bars .header-first-bar h1 {
		float: none;
		margin: -8px 10px 2px;
		text-align: left;
		font-size: 12px;
		line-height: 1;
       
        
	}
    
    .header-two-bars .header-first-bar h3 {
        float:right;
        margin-top:-120px;
        margin-bottom:0px;
        margin-right:10px;
		text-align: right;
		font-size: 12px;
		line-height: 1.3;
        
        background-color:none;
        content:none;
	}


	.header-two-bars .header-first-bar nav {
		margin: 0;
        float:none;
        font-family:'Lato', Arial, sans-serif; 
        font-weight:600; 
        font-size: 11px; 
        line-height: 1.3; 
        color: #002e6c; 
        
        text-transform: uppercase;
	    margin: 5px 0 0 0px;
	    padding: 0;
        
	}

    .header-two-bars .header-first-bar nav a{
	
    line-height: 1.3;
    color: #002e6c; 
    display: inline-block;
	padding: 0 2px;
	opacity: 0.9;
	text-decoration:none;
	
}

    .header-two-bars .header-first-bar nav a:hover {
	opacity: 1;
    color: #c3a01c;
}

  
	.header-two-bars .header-first-bar nav a.selected {
		padding: 5px 8px;
	}

	.header-two-bars .header-first-bar .logout-button {
		display: none;
	}

	.header-two-bars .header-second-bar{
        margin-top: -20px;
        padding: 2px 0;
        
	}

	.header-two-bars .header-second-bar h2{
		float:none;
		margin: 05px 0 12px;
	}

	.header-two-bars .header-second-bar nav{
		text-align: center;
        width:100%;
        height:20px;
        padding-top:3px;
        padding-bottom:3px;
        display:inline-block;
        margin-top:0px;
        
 
	}

.header-two-bars .header-second-bar nav a {
	font: normal 9px "Lato", Arial, sans-serif;
    display: inline-block;
	color: #002e6c;
    padding-right:5px;
	text-decoration: none;
}

.header-two-bars .header-second-bar nav a:hover {
	opacity: 1;
    color: #c3a01c;
}

.header-two-bars .header-second-bar nav a.selected {
	border-radius: 2px;
	background-color: #002e6c;
	padding: 8px 12px;
}  
    
    
p span 
{
    display:inline;
}
	.header-two-bars .header-second-bar nav a{
		/*display: block;*/
		padding: 2px;
	}

	.header-two-bars .header-second-bar nav i.fa{
		margin-left:0;
	}

    
}
    
}