@charset "utf-8";
/* CSS Document */
@font-face
{
 font-family:micross;
 src:url(../fonts/micross.ttf);
}
body{ font-family:micross;}

.mensaje123{ font-size:16px; font-family:micross; background:#799901; border-radius:10px 10px 10px; padding:5px 5px; color:#FFF; text-align:center;}

.contac{ font-size:40px; font-family:micross; color:#333;}
.con1{ font-size:16px; font-family:micross; color:#333; text-align:justify;}

.btn-se{ font-size:16px; font-family:micross; background:#799901; color:#FFF;}

.logito{ width:330px; height:222px; background:url('../img/LOGO-GRISES%20(1).png'); max-width:100%;}
.logito:hover{ width:330px; height:222px; background:url('../img/LOGO-COLOR%20(1).png'); max-width:100%;}

.logito2{ width:330px; height:222px; background:url('../img/LOGO-GRISES%20(3).png'); max-width:100%;}
.logito2:hover{ width:330px; height:222px; background:url('../img/LOGO-COLOR%20(3).png'); max-width:100%;}

.logito3{ width:330px; height:222px; background:url('../img/LOGO-GRISES%20(4).png'); max-width:100%;}
.logito3:hover{ width:330px; height:222px; background:url('../img/LOGO-COLOR%20(4).png'); max-width:100%;}

.logito4{ width:330px; height:222px; background:url('../img/LOGO-GRISES%20(5).png'); max-width:100%;}
.logito4:hover{ width:330px; height:222px; background:url('../img/LOGO-COLOR%20(5).png'); max-width:100%;}

.logito5{ width:330px; height:222px; background:url('../img/LOGO-GRISES%20(6).png'); max-width:100%;}
.logito5:hover{ width:330px; height:222px; background:url('../img/LOGO-COLOR%20(6).png'); max-width:100%;}



.logito1{ width:330px; height:222px; background:url('../img/LOGO-GRISES%20(2).png'); max-width:100%;}
.logito1:hover{ width:330px; height:222px; background:url('../img/LOGO-COLOR%20(2).png'); max-width:100%;}
.quienes1{font-family:micross; color:#333;}
.quienes2{ font-family:micross; color:#333;}
.hr{width:95%; height:1px; background-color:#CCC; border-style:solid;border-color:#CCC; margin:auto;}

.diferente{ color:#333; font-family:micross;  text-align:center;}
.somos1{ color:#333; font-family:micross;text-align:justify;}

.mision{color:#799901; font-family:micross;}
.nuestro{  color:#333; font-family:micross;  text-align:justify;}

.fondo{ background:#15317D;}

.buenas{ color:#FFF; position:absolute; text-align:center;}
.buenas1{ color:#FFF; position:absolute; text-align:center;}

.head{ color:#333; font-family:micross;}
.head1{ color:#333; font-family:micross;}

.fo{ background:#15317D;}
.ventas{ font-size:16px; color:#FFF; font-family:micross; margin-top:8px;}
.desing{ font-size:16px; color:#FFF; font-family:micross; margin-top:8px; float:right;}

.cv{margin-left:20px; font-weight:100;}
.cv1{color:#FFF; text-decoration:none;}
.cv1:hover{color:#FFF; text-decoration:none;}

@media only screen and (max-width: 1366px) {
.quienes1{ font-size:45px; font-family:micross; color:#333; margin-top:70px; text-align:center;}
.quienes2{ font-family:micross; color:#333; font-size:16px; margin-top:45px; padding:0px 80px; text-align:justify;}

.diferente{ font-size:45px; color:#333; font-family:micross;  text-align:center;}
.somos1{ font-size:16px; color:#333; font-family:micross; margin-top:30px; text-align:justify;}

.mision{ font-size:22px; color:#799901; margin-left:43px;font-family:micross; }
.nuestro{ font-size:16px; color:#333; font-family:micross;  text-align:justify; padding:0px 43px;}

.buenas{ margin-top:-330px; font-size:50px; margin-left:40px;}
.buenas1{ margin-top:-240px; font-size:17px; margin-left:10px;}
.buenas2{ margin-top:-140px;}

.head{ font-size:20px; position:absolute; top:0; margin-left:140px;}
.head1{ font-size:16px; position:absolute; top:0; margin-left:140px; margin-top:40px; text-align:justify; line-height:18px;}
.head2{ font-size:16px; position:absolute; top:0; margin-left:140px; margin-top:55px; text-align:justify; line-height:18px;}

.search{ font-size:36px; text-align:left; margin-top:-450px; line-height:50px; margin-left:-270px; background:#799901; padding:40px 40px; width:67%; z-index:-999;}
.clientes1{ display:block;}
.clientes2{ display:none;}


}

@media only screen and (max-width: 1280px) {
.clientes1{ display:block;}
.clientes2{ display:none;}


.search{ font-size:40px; text-align:left; margin-top:-450px; line-height:50px; margin-left:-270px; background:#799901; padding:40px 40px; width:65%; z-index:-999;}
}

@media only screen and (max-width: 980px) {
	.clientes1{ display:block;}
.clientes2{ display:none;}


.s1{ margin-top:-40px;}
.q3{ margin-top:-40px;}


.quienes1{ font-size:40px; margin-top:30px; text-align:center;}
.quienes2{  font-size:16px; margin-top:5px; padding:0px 0px; text-align:justify;}

.diferente{ font-size:40px; margin-top:-20px;}
.d1{ margin-top:-25px;}
.somos1{ margin-top:-12px;}

.buenas{ margin-top:-350px; font-size:40px; margin-left:40px; line-height:25px;}
.buenas1{ margin-top:-260px; font-size:16px;  line-height:20px;}
.buenas2{ margin-top:-120px;}

.head{ font-size:14px; font-weight:600;}
.head1{font-size:13px; text-align:justify; line-height:15px;}
.head2{font-size:13px; text-align:justify; line-height:15px; margin-top:70px;}


.search{ font-size:35px; text-align:left; margin-top:-350px; line-height:35px; margin-left:-200px; background:#799901; width:75%; z-index:-999;}
}
@media only screen and (max-width: 800px) {
	.clientes1{ display:block;}
.clientes2{ display:none;}


.s1{ margin-top:-40px;}
.q3{ margin-top:-40px;}


.quienes1{ font-size:40px; margin-top:30px; text-align:center;}
.quienes2{  font-size:16px; margin-top:5px; padding:0px 0px; text-align:justify;}

.diferente{ font-size:40px; margin-top:-20px;}
.d1{ margin-top:-25px;}
.somos1{ margin-top:-12px;}

.buenas{ margin-top:-350px; font-size:40px; margin-left:40px; line-height:25px;}
.buenas1{ margin-top:-260px; font-size:16px; margin-left:-10px; padding:10px 10px; line-height:20px;}
.buenas2{ margin-top:-120px;}

.head{ font-size:14px; font-weight:600;}
.head1{font-size:13px; text-align:justify; line-height:15px;}
.head2{font-size:13px; text-align:justify; line-height:15px; margin-top:70px;}

.search{ font-size:30px; text-align:left; margin-top:-270px; line-height:35px; margin-left:-160px; background:#799901; width:85%; z-index:-999;
}

@media only screen and (max-width: 768px) {

	.clientes1{ display:block;}
.clientes2{ display:none;}


.s1{ margin-top:-40px;}	
.q3{ margin-top:-40px;}


.quienes1{ font-size:40px; margin-top:30px; text-align:center;}
.quienes2{  font-size:16px; margin-top:5px; padding:0px 0px; text-align:justify;}

.diferente{ font-size:40px; margin-top:-20px;}
.d1{ margin-top:-25px;}
.somos1{ margin-top:-12px;}

.buenas{ margin-top:-350px; font-size:40px; margin-left:40px; line-height:25px;}
.buenas1{ margin-top:-260px; font-size:16px; margin-left:-10px; padding:10px 10px; line-height:20px;}
.buenas2{ margin-top:-120px;}

.head{ font-size:14px; font-weight:600;}
.head1{font-size:13px; text-align:justify; line-height:15px;}
.head2{font-size:13px; text-align:justify; line-height:15px; margin-top:70px;}

.search{ font-size:30px; text-align:left; margin-top:-270px; line-height:35px; margin-left:-160px; background:#799901; width:85%; z-index:-999;
}
}

@media only screen and (max-width: 360px) {
.clientes1{ display:none;}
.clientes2{ display:block;}

.s1{ margin-top:-40px;}

.q3{ margin-top:-90px;}


.quienes1{ font-size:30px; margin-top:30px; text-align:center;}
.quienes2{  font-size:16px; margin-top:5px; padding:0px 0px; text-align:justify;}

.diferente{ font-size:30px; margin-top:-20px; line-height:30px;}
.d1{ margin-top:-25px;}
.somos1{ margin-top:-12px;}

.buenas{ margin-top:-300px; font-size:30px; margin-left:-10px; line-height:25px;}
.buenas1{ margin-top:-230px; font-size:14px; margin-left:-10px; text-align:justify; padding:10px 10px; line-height:15px;}
.buenas2{ margin-top:-120px;}

.head{ font-size:14px; font-weight:600;}
.head1{font-size:13px; text-align:justify; line-height:15px;}
.head2{font-size:13px; text-align:justify; line-height:15px; margin-top:70px;}

.ventas{ margin-left:48px;}
.desing{ margin-right:41px;}
.cv{ margin-left:40px}

.search{ font-size:30px; text-align:left; margin-top:50px; line-height:35px; margin-left:200px; background:#799901; width:85%; z-index:-999;
}
.contac{ font-size:30px;}
}

@media only screen and (max-width: 320px) {
.clientes1{ display:none;}
.clientes2{ display:block;}

.s1{ margin-top:-40px;}



.quienes1{ font-size:30px; margin-top:30px; text-align:center;}
.quienes2{  font-size:16px; margin-top:5px; padding:0px 0px; text-align:justify;}

.diferente{ font-size:30px; margin-top:-20px;  line-height:30px;}
.d1{ margin-top:-25px;}
.somos1{ margin-top:-12px;}

.buenas{ margin-top:-260px; font-size:30px; margin-left:-10px; line-height:25px;}
.buenas1{ margin-top:-190px; font-size:14px; margin-left:-10px; text-align:justify; padding:10px 10px; line-height:15px;}
.buenas2{ margin-top:-80px;}

.head{ font-size:15px; font-weight:600;}
.head1{font-size:11px; text-align:justify; line-height:15px;}
.head2{font-size:11px; text-align:justify; line-height:15px; margin-top:70px;}

.ventas{ margin-left:20px;}
.desing{ margin-right:30px;}
.cv{ margin-left:40px;}

.contac{ font-size:30px;}
}