@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:'Fontcotiza';
	src:url('../font/MyriadPro-Regular.otf');
	font-weight:normal;
	font-style:normal
	}
body{
	font-family:'Fontcotiza';
	margin: 0;
	padding: 0 0 1em 0;
	font-size:1.1em;
}

.content{
	margin:0 auto;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.logo{

}
.ajustealto{
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}



.inicio{
	width:100%;
}



.grid_1, .grid_2, .grid_3{
	padding: 1% 0;
}


.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,
.grid_1s,.grid_2s,.grid_3s,.grid_4s,.grid_5s,.grid_6s,.grid_7s,.grid_8s,.grid_9s,.grid_10s,
.grid_1m,.grid_2m,.grid_3m,.grid_4m,.grid_5m,.grid_6m,.grid_7m,.grid_8m,.grid_9m,.grid_10m{
	float:left;
	padding: .2% 0;
}

.grid_1{
	width:10%;
}
.grid_2{
	width:20%;
}
.grid_3{
	width:30%;
}
.grid_4{
	width:40%;
}
.grid_5{
	width:50%;
}
.grid_6{
	width:60%;
}
.grid_7{
	width:70%;
}
.grid_8{
	width:80%;
}
.grid_9{
	width:90%;
}
.grid_10{
	width:100%;
}

.text_right{
	text-align:right;
}
.text_left{
	text-align:left;
}
.text_center{
	text-align:center;
}
.parrafo{
width:100%;
text-align:justify;
font-size:1.5em;
}
.padding{
	padding:1% 0;	
}
.titulo{
	width:90%;
	font-size:2em;
	padding:1%
}
@media (min-width: 320px) and (max-width: 479px) {
.content{
	width:100%;
}

.grid_1s{
	width:10%;
}
.grid_2s{
	width:20%;
}
.grid_3s{
	width:30%;
}
.grid_4s{
	width:40%;
}
.grid_5s{
	width:50%;
}
.grid_6s{
	width:60%;
}
.grid_7s{
	width:70%;
}
.grid_8s{
	width:80%;
}
.grid_9s{
	width:90%;
}
.grid_10s{
	width:100%;
}
.parrafo{
	font-size:.7em;
}
.ocultar{
	visibility: hidden;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.grid_1s{
	width:10%;
}
.grid_2s{
	width:20%;
}
.grid_3s{
	width:30%;
}
.grid_4s{
	width:40%;
}
.grid_5s{
	width:50%;
}
.grid_6s{
	width:60%;
}
.grid_7s{
	width:70%;
}
.grid_8s{
	width:80%;
}
.grid_9s{
	width:90%;
}
.grid_10s{
	width:100%;
}
	

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.content{
	width:100%;
}
.grid_1m{
	width:10%;
}
.grid_2m{
	width:20%;
}
.grid_3m{
	width:30%;
}
.grid_4m{
	width:40%;
}
.grid_5m{
	width:50%;
}
.grid_6m{
	width:60%;
}
.grid_7m{
	width:70%;
}
.grid_8m{
	width:80%;
}
.grid_9m{
	width:90%;
}
.grid_10m{
	width:100%;
}


.parrafo{
	font-size:.9em;
}
}

@media only screen and (min-width: 980px) and (max-width: 1280px) {

}