/* CSS especial autogenerado para el item 4 */

	@font-face {
		font-family: "Roboto";
		src: url("../fonts/Roboto-Regular.ttf");
		}
	@font-face {
		font-family: "RobotoCondensed";
		src: url("../fonts/Roboto-Condensed.woff");
		}
	@font-face {
		font-family: "Poppins";
		src: url("../fonts/Poppins-Regular.ttf");
		}
	@font-face {
		font-family: "OpenSans";
		src: url("../fonts/OpenSans-Regular.ttf");
		}
.header{
	display: none;
}
	
.mm-menu {
	background: #000000;
	font-family:  Arial, Helvetica, sans-serif;
   max-width: 300px;
}

.mm-listview {
	font-size:16px ;
}
 
.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: #d8d8d8;
  background-color: #000000;

  font-family:OpenSans, sans-serif;  }
  
.franja00 {
	width: 100%;
	float: left;
	position:fixed;  
    top: 0px;
    left: 0px;
    z-index: 1; 	background-color:rgba(0, 0, 0, 1.00);
				
	
}	
		
.modul00 {
		width: 90%;
		margin: 0px 0%;
		padding: 1px 5%;
		
background-color:rgba(0, 0, 0, 1.00);
				
	}
.franja01 {
	width: 100%;
	float: left;
	
}	
		
.modul10 {
		width: 90%;
		margin: 0px 0%;
		padding: 37px 5%;
		
background-color:rgba(0, 0, 0, 1.00);
				
	}
.franja02 {
	width: 100%;
	float: left;
	
}	
		
.modul20 {
		width: 90%;
		margin: 0px 0%;
		padding: 2px 5%;
		
display: none;
	}
.franja03 {
	width: 100%;
	float: left;
	
}	
		
.modul30 {
		width: 80%;
		margin: 0px 0%;
		padding: 20px 10%;
		
	}
.franja04 {
	width: 100%;
	float: left;
	
}	
		
.modul40 {
		width: 90%;
		margin: 0px 0%;
		padding: 1px 5%;
		
	}


@media screen and (max-width: 710px) {
.modul00			{
				display: none;				width: 90%;
			}
.modul10			{
				display: none;				width: 90%;
			}
.modul20			{
				display: block;				width: 90%;
			}
.modul30			{
				display: block;				width: 80%;
			}
.modul40			{
				display: block;				width: 90%;
			}
	
	.header{
	display:block;
}
	}

@media screen and (max-width: 510px) {
.modul00			{
				display: none;				width: 90%;
			}
.modul10			{
				display: none;				width: 90%;
			}
.modul20			{
				display: block;				width: 90%;
			}
.modul30			{
				display: block;				width: 80%;
			}
.modul40			{
				display: block;				width: 90%;
			}
	
	.header{
	display:block;
}
	}