/* CSS especial autogenerado para el item 4 */

	@font-face {
		font-family: "HappyMonkey";
		src: url("../../fonts/HappyMonkey-Regular.ttf");
		}
	@font-face {
		font-family: "OpenSans";
		src: url("../../fonts/OpenSans-Regular.ttf");
		}
.header{
	display: none;
}
	
.mm-menu {
	background: #000000;
	font-family:  'Courier New', Courier, monospace;
   max-width: 300px;
}

.mm-listview {
	font-size:16px !important;
}
 
.mm-menu.mm-theme-dark {
  background: #000000;
 } 

html.mm-opening .mm-slideout {
  -webkit-transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  transform: translate(300px, 0); }

@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0); } }

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-300px, 0);
    -moz-transform: translate(-300px, 0);
    -ms-transform: translate(-300px, 0);
    -o-transform: translate(-300px, 0);
    transform: translate(-300px, 0); } }


body {
  color: #0B1E2E;
  font-size: 16px;
  background-color: #194569;

  font-family:OpenSans, sans-serif;  }
  
.franja_ext00 {	
	width: 100%;
	float: left;
	background-color:rgba(25, 69, 105, 1.00);
}

.franja00 {
	width: 100%;
	float: left;
		background-color:rgba(25, 69, 105, 1.00);
			position:fixed;  
			top: 0px;
			left: 0px;
			z-index: 1; 		/* border-bottom: 1px solid #b6b6b6; */ }	
		
.modul00 {
		width: 90%;
		margin: 0px 0%;
		padding: 5px 5%;
		
display: none;
	}
.franja_ext01 {	
	width: 100%;
	float: left;
	background-color:rgba(25, 69, 105, 1.00);
}

.franja01 {
	width: 100%;
	float: left;
}	
		
.modul10 {
		width: 90%;
		margin: 0px 0%;
		padding: 110px 5%;
		
display: none;
	}
.franja_ext02 {	
	width: 100%;
	float: left;
	background-color:rgba(25, 69, 105, 1.00);
}

.franja02 {
	width: 100%;
	float: left;
}	
		
.modul20 {
		width: 23%;
		margin: 0px 0%;
		padding: 0px 5%;
		
	}
.modul21 {
		width: 33%;
		margin: 0px 0%;
		padding: 20px 0%;
		
	}
.modul22 {
		width: 23%;
		margin: 0px 0%;
		padding: 20px 5%;
		
	}
.franja_ext03 {	
	width: 100%;
	float: left;
	background-color:rgba(25, 69, 105, 1.00);
}

.franja03 {
	width: 100%;
	float: left;
}	
		
.modul30 {
		width: 90%;
		margin: 0px 0%;
		padding: 20px 5%;
		
display: none;
	}
.franja_ext04 {	
	width: 100%;
	float: left;
	background-color:rgba(25, 69, 105, 1.00);
}

.franja04 {
	width: 100%;
	float: left;
		background-color:rgba(25, 69, 105, 1.00);
		border-bottom: 1px solid #B6B6B6;		/* border-bottom: 1px solid #b6b6b6; */ }	
		
.modul40 {
		width: 90%;
		margin: 0px 0%;
		padding: 0px 5%;
		
background-color:rgba(25, 69, 105, 1.00);
				
	}
.franja_ext05 {	
	width: 100%;
	float: left;
	background-color:rgba(51, 84, 113, 1.00);
}

.franja05 {
	width: 100%;
	float: left;
		border-bottom: 1px solid #C7C7C7;}	
		
.modul50 {
		width: 90%;
		margin: 0px 0%;
		padding: 0px 5%;
		
	}
.franja_ext06 {	
	width: 100%;
	float: left;
	background-attachment: fixed; }

.franja06 {
	width: 100%;
	float: left;
}	
		
.modul60 {
		width: 90%;
		margin: 0px 0%;
		padding: 150px 5%;
		
	}
.franja_ext07 {	
	width: 100%;
	float: left;
}

.franja07 {
	width: 100%;
	float: left;
}	
		
.modul70 {
		width: 90%;
		margin: 0px 0%;
		padding: 1px 5%;
		
background-color:rgba(161, 177, 189, 1.00);
				
	}
.franja_ext08 {	
	width: 100%;
	float: left;
}

.franja08 {
	width: 100%;
	float: left;
}	
		
.modul80 {
		width: 90%;
		margin: 0px 0%;
		padding: 8px 5%;
		
	}
.franja_ext09 {	
	width: 100%;
	float: left;
}

.franja09 {
	width: 100%;
	float: left;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	float: none; }	
		
.modul90 {
		width: 90%;
		margin: 0px 0%;
		padding: 20px 5%;
		
background-color:rgba(222, 236, 244, 0.90);
				
	}
.franja_ext10 {	
	width: 100%;
	float: left;
}

.franja10 {
	width: 100%;
	float: left;
	max-width: 1270px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	float: none; }	
		
.modul100 {
		width: 90%;
		margin: 0px 0%;
		padding: 20px 5%;
		
	}
.franja_ext11 {	
	width: 100%;
	float: left;
	background-color:rgba(25, 69, 105, 1.00);
}

.franja11 {
	width: 100%;
	float: left;
		border-top: 1px solid #B6B6B6;}	
		
.modul110 {
		width: 90%;
		margin: 0px 0%;
		padding: 5px 5%;
		
	}
.franja_ext12 {	
	width: 100%;
	float: left;
}

.franja12 {
	width: 100%;
	float: left;
}	
		


@media screen and (max-width: 910px) {
.modul00			{
				display: block;				width: 90%;
			}
.modul10			{
				display: block;				width: 90%;
			}
.modul20			{
				display: none;				width: 90%;
			}
.modul21			{
				display: none;				width: 100%;
			}
.modul22			{
				display: none;				width: 90%;
			}
.modul30			{
				display: block;				width: 90%;
			}
.modul40			{
				display: none;				width: 90%;
			}
.modul50			{
				display: block;				width: 90%;
			}
.modul60			{
				display: block;				width: 90%;
			}
.modul70			{
				display: block;				width: 90%;
			}
.modul80			{
				display: block;				width: 90%;
			}
.modul90			{
				display: block;				width: 90%;
			}
.modul100			{
				display: block;				width: 90%;
			}
.modul110			{
				display: block;				width: 90%;
			}
	
	.header{
	display:block;
}
	}

@media screen and (max-width: 610px) {
.modul00			{
				display: block;				width: 90%;
			}
.modul10			{
				display: block;				width: 90%;
			}
.modul20			{
				display: none;				width: 90%;
			}
.modul21			{
				display: none;				width: 100%;
			}
.modul22			{
				display: none;				width: 90%;
			}
.modul30			{
				display: block;				width: 90%;
			}
.modul40			{
				display: none;				width: 90%;
			}
.modul50			{
				display: block;				width: 90%;
			}
.modul60			{
				display: block;				width: 90%;
			}
.modul70			{
				display: block;				width: 90%;
			}
.modul80			{
				display: block;				width: 90%;
			}
.modul90			{
				display: block;				width: 90%;
			}
.modul100			{
				display: block;				width: 90%;
			}
.modul110			{
				display: block;				width: 90%;
			}
	
	.header{
	display:block;
}
	}