@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;
}
input[type=text] { 
padding:3px; 
border-color:#cccccc; 
border-style:solid; 
border-width:0px; 
background-color:#f8f8f8; 
color:#5e5e5e;
} 
input[type=submit] {
    padding:5px 15px; 
    background:#8EB81D;
	color:#FFFFFF;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
select {
	padding:4px; 
    margin: 0;
    background: #f8f8f8;
    color:#5e5e5e;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	text-align:center;
}

/* 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}
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
.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) {

}