body{margin:0;background:#eee;}
.color-bg { background:rgb(99,173,38); }
.color-bar-1, .color-bar-2 { width:100% }
.color-bar-1 { background:#414141; height:5px; }
.color-bar-2 { height:3px; }
.linea{border-top: solid 1px #ccc;margin:2%;clear:both;width:96%;}
#contenedor {	
width:98%;margin:0 auto;font-family:"Century Gothic";text-align:left;max-width:1200px;background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;box-shadow: 0px 0px 20px #999;
}
#logo{
	position:relative;margin-left:1%;margin-top:1%;float:left;
	}
.header{width:75%;float:right;background:#111;}
.call{position:relative;float:right;text-align:right;font-size:1em;min-width:200px;width:16%;padding:0% 3%;}
.call p{font-weight:bold;color:rgb(99,173,38);}
.bnav{width:98%;position:relative;margin:0% 1%;z-index:1;padding:0;}
#menu a {display:block;}
#menu, #menu ul {float:left;list-style:none;margin:0;padding:0;background:#222;}
#menu ul a {padding:0;font-size:1em;text-decoration:none;line-height:1.5em;text-align:center;margin:0;color:#fff;width:140px;}
#menu ul a:hover {background: rgb(99,173,38);color:#fff;}
#menu ul ul a {padding:0%;display:block;width:135px;}
#menu li {float: left;margin:1% 0%;padding-left:0;}
#menu li ul {width:140px;position:absolute;left:-999em;height:auto;padding-left:0;}
#menu li:hover, #menu li.hoverIE {background:#111;}
#menu li:hover ul,#menu li.hoverIE ul{left:auto;}
#menu li ul li {margin:2%;padding-left:0;}
.imgh{width:100%;margin:0;overflow:hidden;}
.imgh1 {text-align:center;}
.imgh1 img{max-width:959px;}
.nota{width:98%;margin:0;padding:1%;background:#111;color:#fff;font-size:0.8em;text-align:center;}
.main{width:80%;padding:0% 1%; margin:0 auto;text-align:justify;}
a{text-decoration:none;}
.foot{width:68%;padding:1%;text-align:center;color:#fff;font-size:0.7em;float:left;}
.ft{width:13%;padding:1%;float:left;background:#111;color:#fff;font-size:0.8em;text-align:center;}
.ft a{color:#fff; text-decoration:underline;}
#pie{	
width:100%;background:#111;margin:0;padding:0;position:relative;height:43px;
}
#borrar{clear:both;}
h1{margin:0;font-family:"Century Gothic";font-size: 1.5em;color:rgb(99,173,38);font-weight:normal;}
h2{margin:0;font-family:"Century Gothic";font-size: 1.2em;color:rgb(99,173,38);text-align:center;}
h3{margin:0;font-family:"Century Gothic";font-size: 1em;color:rgb(99,173,38);}
p {color:#222;}
p a{text-decoration:none;}
a img{border:none;}
img{max-width:1200px;}
.boton{border:none;outline:none;color: #ffffff;font-family:"Century Gothic";font-size:1em;background-color:#78aa37;font-weight:300;border-radius:15px;margin:10% 0%;;padding:2%;}.boton:hover {background:#666;color:#fff;opacity:1.0;}.lista{font-size:0.7em;color:#666;width: 321px;border: 1px solid #B3B7BA;text-align:center;margin: 0 auto;}.boton2{border:none;outline:none;color: #ffffff;cursor:pointer;clear:both;padding:2% 5% 2% 5%;font-weight:bold;font-family:"Century Gothic";font-size:1em;background-color:rgb(99,173,38);font-weight:300;border-radius:15px;margin-top:5%;margin-bottom:5%;}.boton2:hover {background:#666;color:#fff;opacity:1.0;}
.texto1{width:92%;position:relative;font-family:"Century Gothic";color:#333;border:none;border-radius:5px;padding:3%;margin:1% 0% 2% 0%;text-align:center;}.texto1::-webkit-input-placeholder{color: #333;width:100%;text-align:center;}.texto1::-ms-input-placeholder{color: #333;width:100%;}.texto1::-moz-placeholder {color:#333;width:100%;text-align:center;}
.texto2{width:42%;position:relative;font-family:"Century Gothic";color:#333;border:none;border-radius:5px;padding:3%;margin:1% 0% 2% 0%;text-align:center;}.texto2::-webkit-input-placeholder{color: #333;width:45%;text-align:center;}.texto2::-ms-input-placeholder{color: #333;width:45%;}.texto2::-moz-placeholder {color:#333;width:45%;text-align:center;}
.texto10{width:20%;position:relative;font-family:"Century Gothic";color:#333;border:none;border-radius:5px;padding:2%;text-align:center;margin:1% 1% 2% 1%;}.texto10::-webkit-input-placeholder{color: #333;width:100%;text-align:center;}.texto10::-ms-input-placeholder{color: #333;width:100%;}.texto10::-moz-placeholder {color:#333;width:100%;text-align:center;}
.texto4{width:35%;position:relative;font-family:"Century Gothic";color:#333;background-color:#fff;border:none;border-radius:5px;padding:2%;text-align:center;margin:1% 0% 2% 0%;}
#ct2{margin:0 auto;width:95%;padding:1%;border-radius:5px;background-color:#666;margin-top:20px;}
div.renglon {font-size:11px;color:#666;clear: both;}div.renglon span.label {float: left;  text-align: right;width: 110px;padding: 2px;}div.renglon span.elemental {float: left;text-align: left;padding: 2px;} div.renglon span.elemental select{width: 200px;}
.lista{font-size:0.8em;color:#666;width: 321px;border: 1px solid #B3B7BA;text-align:center;margin: 0 auto;}.fila{background: #666;color:#ffffff;}div.fila span.c2, div.fila2 span.c2{width: 198px;float: left;border-right: 1px solid #B3B7BA;padding: 3px 0;}div.fila span.c3, div.fila2 span.c3{width: 60px;float: left;border-right: 1px solid #B3B7BA;padding: 3px 0;}
form{text-align:center;}
form a{color:#fff;font-size:0.8em;}
form span{font-size:0.9em;color:#999;margin:0;text-align: center;}
#ct1{margin:0 auto;width:50%;background-color:#666;padding:3%;border-radius:5px;}.txtlbl{font-family:'Century Gothic';font-size:0.9em;color:#ccc;}
#ct3{width:40%;float:right;background-color:#333;padding:1%;border-radius:5px;}
#lf {width:96%;float:left;position:relative;padding:2%;text-align:center;background-image:url(../img/garra-foremex.jpg);background-repeat:no-repeat;background-repeat-x:no-repeat;background-repeat-y: no-repeat;background-position-x:50%;background-position-y:50%;}
.contacto{ width:57%;margin:0 auto;text-align:center;}
.icons{max-width:200px;position:relative;float:left;margin:2%;}
.icons h4{color:rgb(99,173,38);font-size:1.2em;}
.icons span{color:#666;text-align:center;}
#mb_menu{display:none;}
.mts5 {text-align:center;width:90%;margin:0 auto;}
.mts5 a{padding:1%;color:#fff;outline:none;font-size:0.8em;text-align:center;text-decoration:none;background:#111;line-height:48px;}
.mts5 a:hover{background:rgb(99,173,38);}
.mats{min-width:172px;position:relative;float:left;margin:1%;}
.table{width:96%;margin:2% 0%;padding:0% 1%;text-align:center;}.tabs{min-width:240px;margin:1% 3%;float:left;}
.tabs2{min-width:210px;margin:1%;float:left;overflow:hidden;}
.tabs2 img{width:210px;}
.puntos{display:block;margin-top:10px; background-image:url(../img/puntos.jpg);background-repeat:repeat-x;}
.mapa{width:100%;margin:0;overflow:hidden;}
.main li{padding-left:20px;background-image:url(../img/bullet9.jpg);background-repeat:no-repeat;background-position:0% 0%;
list-style:none;color:#666;}
.services{ width:90%;margin:0 auto;text-align:center;}
.svs{max-width:250px;position:relative;float:left;margin:2%;}
.svs span{color:rgb(99,173,38);font-size:2em;}
h5{color:rgb(99,173,38);font-size:2em;text-align:center;font-weight:lighter;margin:0%;}
#b1 {display:none;}
/* Landscape phones and down */
@media (min-width: 813px) and (max-width: 1200px){
#contenedor{max-width:800px;}
.header{width:100%;float:left;}
#menu ul a {font-size:1em;width:130px;}
#menu ul ul a {width:125px;}
#menu li ul {width:130px;}
#menu li ul li {margin:2%;padding-left:0;}
img{max-width:800px;}
.mapa img{width:600px;}
.contacto{ width:87%;margin:0 auto;text-align:center;}
.svs{max-width:160px;}
.svs img{max-width:160px;}
.services{ width:90%;}
.svs span{font-size:1.4em;}
#lf{overflow:hidden;}
.imgh1 img{max-width:639px;}

}
@media (min-width: 652px) and (max-width: 812px){
#contenedor{width:98%;margin:0 auto;}
.header{width:100%;float:left;}
#menu ul a {font-size:0.9em;width:105px;}
#menu ul ul a {width:100px;}
#menu li ul {width:105px;}
#menu li ul li {margin:2%;padding-left:0;}
img{max-width:800px;}
.tabs{min-width:215px;}
.tabs img{width:215px;}
.mapa img{width:550px;}
.contacto{ width:82%;margin:0 auto;text-align:center;}
.icons{max-width:150px;position:relative;float:left;margin:2%;}
.icons img{max-width:150px;}
.icons h4{color:rgb(99,173,38);font-size:1em;}
.icons span{color:#666;text-align:center;font-size:0.8em;}
.svs{max-width:150px;}
.svs img{max-width:150px;}
.services{ width:95%;}
.svs span{font-size:1.2em;}
#lf{overflow:hidden;}
.mts5 a{padding:1%;color:#fff;outline:none;font-size:0.6em;}
.imgh1 img{max-width:500px;}
.imgh1 {width:500px;margin:0 auto;}
.imgh1 iframe{width:500px;}
}
@media (min-width: 531px) and (max-width: 651px) {
#contenedor{width:98%;margin:0 auto;}
.header{width:100%;float:left;clear:both;}
#menu ul a {font-size:0.8em;width:85px;}
#menu ul ul a {width:100px;}
#menu li ul {width:105px;}
#menu li ul li {margin:2%;padding-left:0;}
img{max-width:650px;}
.tabs{min-width:170px;}
.tabs img{width:170px;}
.tabs2{min-width:170px;}
.tabs2 img{width:170px;}
.mapa img{width:450px;}
.contacto{ width:40%;margin:0 auto;text-align:center;}
#ct1{margin:0 auto;width:80%;}
.svs{max-width:200px;}
.svs img{max-width:200px;}
.services{ width:45%;}
.svs span{font-size:1.4em;}
#lf{width:90%;background-image:none;}
#ct3{width:90%;margin:0 auto;;padding:2%;border-radius:5px;}
.mts5 a{font-size:0.9em;}
#b1 {display:block;}
.imgh1 img{max-width:400px;}
.imgh1 {width:400px;margin:0 auto;}
.imgh1 iframe{width:400px;}
} 
@media (max-width: 530px) {
#contenedor{width:98%;margin:0 auto; text-align:center;}
.header{width:100%;float:left;clear:both;background:#fff;}
img{max-width:530px;}
#logo{width:98%;text-align:center;}
.call{position:relative;float:left;text-align:center;font-size:1em;width:94%;padding:0% 3%;background:rgb(99,173,38);}
.call p{font-weight:500;color:#fff;}
#mb_menu{margin:1% 0%;text-align:center;display:block;}.mb_menu a{padding:2%;color:#fff;outline:none;font-size:1em;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;text-decoration:none;background:#111;line-height:48px;margin:0% 2%;}
.bnav{display:none;}
.tabs{min-width:150px;}
.tabs img{width:150px;}
.tabs2{min-width:150px;}
.tabs2 img{width:150px;}
.mats img{width:120px;}
.mats{min-width:122px;position:relative;float:left;margin:5% 1%;}
.mapa img{width:320px;}
#ct1{margin:0 auto;width:80%;}
.services{ width:80%;}
.svs{margin:0 auto;}
#lf{width:90%;background-image:none;}
#ct3{width:90%;margin:0 auto;;padding:2%;border-radius:5px;}
#b1 {display:block;}
.mts5 a{font-size:0.7em;padding:3% 1%;}
.mts5 {width:95%;}
.imgh1 img{max-width:300px;}
.imgh1 {width:300px;margin:0 auto;}
.imgh1 iframe{width:300px;height:200px;}
}