body{margin:0;font-family:"Century Gothic";}
.color-bg { background:#ccc; }
.color-bar-1, .color-bar-2 { width:100%;background:rgb(79,172,38); }
.color-bar-1 { background:#414141; height:5px; }
.color-bar-2 { height:3px; }
.linea{border-top: solid 1px #fff;margin:4% 0%;clear:both;width:100%;}
.linea2{border-top: solid 1px #ccc;margin:4% 0%;clear:both;width:100%;}
.linea3{border-top: solid 1px #ccc;margin:2% 0%;clear:both;width:100%;}
#contenedor {	
width:100%;margin:0 auto;text-align:left;max-width:930px;background:#fff;}
#logo{
	position:relative;margin-top:2%;float:left;
	}
.header{width:100%;margin-bottom:2%;}
.hd{max-width:900px;margin:0 auto;}
.call{position:relative;background:rgb(79,172,38);float:right;text-align:justify;min-width:90px;width:5%;padding:0% 3%;margin:0% 0% 3% 2%;}
.call p{font-weight:lighter	;color:#fff;font-size:1.2em;margin:0;padding:0;text-align:center;}
.main{width:100%;padding:0%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
a{text-decoration:none;}
#pie{	
width:98%;background:#333;margin:0 auto;padding:1%;text-align:center;color:#fff;font-size:0.7em;position:relative;max-width:1000px;
}
#borrar{clear:both;}
h1{font-family:"Century Gothic";font-size: 1.3em;color:rgb(99,173,38);font-weight:normal; text-align:center;}
h2{font-size: 1em;background:rgb(99,173,38);color:#fff;text-align:center;font-weight:500;padding:2%;}
p,li {color:#333;}
p a{text-decoration:none;}
a img{border:none;}
li {list-style:none;padding:0px 0px 0px 40px;background-image:url(../img/bullet.png);background-repeat:no-repeat;background-repeat-x:no-repeat;background-repeat-y:no-repeat;background-position-x:0%;background-position-y:50%;background-origin:initial;background-clip:initial;}
.icon{position:relative;float:left;margin:0%;}
.icon2{position:relative;float:left;margin:0%;}
.info {width:94%;padding:0% 3%;float:left; background-color:#333;}
.info p{text-align:justify;font-size:1em;color:#fff;}
#marca{margin:2%;width:96%;text-align:right;}
.map{width:20%;float:left;margin:2% 0%;}
.map p{text-align:left;font-size:0.9em;}
.pleca{width:100%;display:none;}
/* Efecto menu: doble linea */
#menu{text-align:center;}
#menu a {
	position: relative;
	display: inline-block;
	margin: 30px 22px 0px 22px;
	outline: none;
	color: #333;
	text-decoration: none;
	text-shadow: 0px 0px 1px rgba(51,51,51,0.3);
	font-size: 1em;
}
#menu a:hover,
#menu a:focus {
	outline: none;
}

.cl-effect-7 a {
	padding: 12px 10px 10px;
	color: #333;
	text-shadow: none;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: rgb(99,173,38);
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}
/* Contacto*/
.boton{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%;}.boton: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:40%;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;}
#ct1{width:40%;float:right;background-color:#333;padding:1%;border-radius:5px;}.txtlbl{font-family:'Century Gothic';font-size:0.9em;color:#ccc;}
#Izq {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%;}
/* Landscape phones and down */
@media (min-width: 816px) and (max-width: 1200px){
.main{width:90%;padding:0% 5%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
.info {
	width:94%;float:left;padding:0% 3%;
}
#marca img{width:180px;}
}
@media (min-width: 652px) and (max-width: 815px){
.main{width:90%;padding:0% 5%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
.info {width:94%;float:left;padding:0% 3%;}
#marca img{width:180px;}
.pleca{display:block;}
}
@media (min-width: 531px) and (max-width: 651px) {
.main{width:90%;padding:0% 5%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
.info {width:94%;float:left;padding:0% 3%;}
#marca img{width:180px;}
#ct1{width:100%;}
.pleca{display:block;}
.map{width:90%;margin:0 auto;text-align:centar;}
.hd{text-align:center;width:90%;}
#logo{float:left;width:90%;text-align:center;margin:5%;}
.call{float:left;text-align:justify;min-width:300px;width:88%;padding:0% 3%;margin:3%;}
#contenedor {	
width:90%;}
#Izq{background:none;}
} 
@media (max-width: 530px) {
.main{width:90%;padding:0% 5%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
.info {width:94%;float:left;padding:0% 3%;}
#marca img{width:180px;}
.pleca{display:block;}
#ct1{width:100%;}
.map{width:90%;margin:0 auto;text-align:centar;}
.hd{text-align:center;width:90%;}
#logo{float:left;width:90%;text-align:center;margin:5%;}
.call{float:left;text-align:justify;min-width:300px;width:88%;padding:0% 3%;margin:3%;}
#contenedor {	
width:90%;}
iframe{width:350px;}
#Izq{background:none;}
}