@charset "utf-8";

* {
margin: 0;
padding: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	line-height: 1.5;
    text-align:justify;
    background-color:#ffffff;    
	}

	
#contenedor {
background-color: #ffffff;
width: 80%;
margin: 0 auto;
/*max-width:960px;*/
min-width: 500px;
margin-top: 10px;
}



#header {
background-color: #ffffff;
padding: 1% 1% 1% 1% ;
color: #2c2c2c;
position:fixed;
z-index: 1;
}

	#h1_formato{
        text-decoration:none;
        font-size: 25px;
		/*font-family: Tahoma, Geneva, sans-serif;*/
        font-family: 'Montserrat', sans-serif;
		text-align:left;
		color:#ff0000;
		font-style: normal;
		/*text-transform:uppercase;*/
		letter-spacing: 7px;
        text-decoration:none;
		
	}

#h1_formato a, #h1_formato a:visited{
    text-decoration: none:
}

#h1_formato a:visited{
	color:#666;
text-decoration:none;}

#h2_formato{
        text-decoration:none;
        font-family: 'Montserrat', sans-serif;
		text-align:center;
		color:#000000;
		font-style: normal;
		letter-spacing: 3px;
        text-decoration:none;
	}
	
	#p {
		font-family: 'Montserrat', sans-serif;
        font-size:8px;
		text-align:center;
		color:#30b9ae;
		
	}

#li {
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	color:#666;
	font-size:9px;
	
	
}

a:link {
	color: #666;
	font-style: inherit;
	font-weight: 100;
    text-decoration:none;
}

a:visited {
    text-decoration: none;
	
}

a:hover {
color: #ff00eb;
text-decoration: none;
	
	
}

a:active {
	background-color:#ceff00;
color: #9F0;	
}


#grid_colores {
  
z-index: -1; 
  padding:10% 20% 10% 10%;
    float:left;
    
}
#contents {
background-color: #03ffa8;
   /* color:#ff0364;*/
color: #03ffa8;  
width: 90%;
margin:  0 auto;
/*max-width:960px;*/
min-width: 500px;
margin-top: 60px;

    
}

#info {
      background-color:#ededed;
    color:black;
	width: 90%;
   /*float:left;*/
/*align-content: center;*/
	padding: 30 5%;
  
   
}

#info p {
margin-bottom: 0.5em;

    
}
#info img {
    display: block;
    margin: 10 auto;
	max-width: 640px;
	/*width: auto;*/
}


/* menu experimental dividido*/
#menu_exp {
overflow:center;
font-size: 15px;
width:79%;
position:fixed;
margin: 0% 25% 0% 12.5%;
float:left;
height:35px;
top:0;   
background-color: #ffffff;
padding: 1% 1% 1% 1% ;
color: #2c2c2c;
z-index: 1;
}

/* - - - -  M E N U - - - -  */

#menu1 {
overflow:center;
color:#fff;
font-size: 9px;
width:40%;
background-color:#ffffff;
position:fixed;
margin: 0.5% 0% 0% 0.5%;
    top:0;
    left:47%;
    height:50px;
      z-index:1;
  
}

#menu1 li {
   
list-style-type:none;
font-family: 'Montserrat', sans-serif;
width: 20%;
float:right;
text-align:right;

}

#menu1 a, #menu1 a:visited {
	text-decoration: none;
	color:#000;
	padding:15px 0px;
	text-align: center;
	font-weight: bold;
	display:block;
}

#menu1 a:visited{
	color:#000;}

#menu1 a:hover {
	background-color:#fff;
	color: #fff;
	}
		
	#h3_formato {
		font-family: Tahoma, Geneva, sans-serif;
		text-align:center;
		font-size:8px;
		color:#999;
		font-style:normal;
		
	}

/* - - - - F O O T E R - - - - */

/*#footer {
clear: both;
text-align: center;
padding: 10px 0;
}*/

#barra_inf {
background-color: #c4ff00;
color:#383838;
font-weight: normal;
    
padding: 2px 0px;
    /*padding: 0px 0px 0px 0px;*/
/*position: static;*/
bottom: 0;
    left 0;
width:90%;
    margin:0 auto;
 
    
}

#barra_inf p {
padding-left: 100px;
text-align:center;
   font-size:9px;

  
}


/* --- */


@media screen and (max-width: 780px) {
    /*780px*/
	
	body {
		background-color: #0C0;}
	
	#menu2 {
		width:100%;
	}
    #contents{
    width:0%;
    }
	#info{
		width: 90%;
		float:none;
		padding: 10% 10 10 10;
		}
    #info img {
    display: block;
    margin: 10 auto;
	max-width: 520px;
	/*width: auto;*/
}

	}

@media screen and (max-width: 480px) {
	
		body {
		background-color:#F90;
		}
     #info img {
    display: block;
    margin: 10 auto;
	max-width: 480px;
	/*width: auto;*/
}
	
}