/**/
body{ font-family: 'Open Sans', sans-serif;  font-size: 16px; font-weight:400; color: #FFF; background-color:#e32213; text-decoration: none; margin: 0px; padding: 0px; overflow-x:hidden;   }


/*CENTER*/
.center{ max-width: 900px; width:100%; margin: 200px auto;  box-sizing:border-box;  }



.col_1{ float:left; width:45%;  box-sizing:border-box; margin-top: 30px; }
.col_2{ float:right; width:35%; box-sizing:border-box;  }

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

.but { 
float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 5px;
    padding: 20px;
    font-size: 25px;
    line-height: 40px;
    box-sizing: border-box;
}
.but a { text-decoration:none; color:#666; display:block; }
.but:hover { background-color:#F2f2f2; }

.but img { float:left; width:28%;}
.but span{ float:right; width:60%;}

@media only screen and (max-width: 1200px) {
	.center{ max-width: 100%; width:100%; margin: 100px 0px;  box-sizing:border-box; padding: 50px; }
	.col_1{ float:left; width:100%; margin-bottom:40px; }
    .col_2{ float:left; width:100%;}
	.but {margin: auto; background-image: url(fondo-but.png); background-repeat: no-repeat; background-size: contain;}
	.butx {border-radius: 10px 10px 0 0;}
	.buty {border-radius: 0 0 10px 10px; border-top: solid 1px grey;}
	.but img { width:23%;}
	.but span{ float:left; width: 55%; line-height: 30px;}
}