* {padding: 0px; margin: 0px}
body {font-family: 'Lato', sans-serif;}

h1	{font-weight: 200; font-size: 40px}
h2	{font-weight: 200; font-size: 40px}
h4	{font-weight: 200; font-size: 40px}
b {font-weight: 700}


.wpp {position: fixed; bottom: 20px; left: 20px; z-index: 99999999999999999999999999; background-color: #26d367; height: 60px; width: 60px; text-align: center; border-radius: 100px}
.wpp i {color: #fff;  font-size: 30px; line-height: 60px}


html {
	width: 100% !important;
}

header {margin: 0 auto;}
nav {width: 1200px; margin: 0 auto; height: 120px}
#logo {float: left; padding-top:20px;}
#llamar {display: none}
#telefonos {width: 1200px; height: 50px; margin:0 auto;  }
	#telefonos div {float:right;padding-right:20px;width: 250px; color: #222; margin: 0 auto; font-size: 25px; margin-top:10px }
	#telefonos div img{float: left; margin-top: 25px}	
	#telefonos div #t{float: right; width: 160px; padding-top: 10px}

section {padding-bottom: 100px; padding-top: 100px;}

#ofrecemos { background-color: #131313;  margin-top: -20px;color: #FFF; text-align: center;}
	#ofrecemos div {margin:0 auto; margin-top:50px;height: 70px; width: 240px; font-size: 20; text-align: center; background-color: #ce302f; line-height: 70px;transition:0.2s;}
	#ofrecemos div:hover {background-color: #dc3b3a; transition:0.2s;}

#servicios {width: 1200px;  margin: 0 auto;}
	article {width: 274px; height: 450px; float: left; margin-left: 185px; margin-bottom: 20px}
	.exepcion {margin-left: 0px;}

#contacto {
	background-image:url(../img/contacto.jpg); background-attachment:fixed;
	background-repeat: no-repeat;background-position: center center; background-size: cover;
	color:#FFF; text-align: center; width: 100% }
	#contactoContent {max-width: 800px; margin: 0 auto; }
	input, textarea {
		    width:100%;
		    height:60px;
		    border: solid 1px #DDD;
			font-size:14px;
		    color: #000;
			padding-left:20px;
			margin-top:20px;
			font-family: 'Lato', sans-serif; font-weight: 300;
			box-sizing: border-box;
		}
		 
		textarea {
		    height:220px;
			padding:20px;
			font-size:14px;
			resize:none;
			width: 100%;
			box-sizing: border-box;

		}

		#submit { background-color: #131313; height:60px; width:180px; color:#FFF;  font-weight: 700;
			transition: 0.2s; padding-right:20px; font-family: 'Lato', sans-serif; font-weight: 700; border:0px;}
		#submit:hover {background-color: #222222; transition:0.2s;}


		.ws_images img {
			width: 100%;
		}

footer { background-color: #131313; padding-bottom: 80px;
			 padding-top: 100px; color: #FFF; text-align: center;}

a {text-decoration: none; color: #FFF; font-weight: 700}


@media screen and (max-width:1200px) {
	nav {width: 100%; margin: 0 auto; height: 120px}
	#logo {float: left; padding-top:20px;}
	#telefonos {width: 100%; height: 50px; margin:0 auto;  }
	#telefonos div {float:right;padding-right:20px;width: 250px; color: #222; margin: 0 auto; font-size: 25px; margin-top:10px }
	#telefonos div img{float: left; margin-top: 25px}	
	#telefonos div #t{float: right; width: 160px; padding-top: 10px}

	#servicios {max-width: 710px;  margin: 0 auto;}
	article {max-width: 200px; height: 250px; float: left; margin-left: 55px; margin-bottom: 20px}
	article img {max-width: 100px}
	.exepcion {margin-left: 0px;}
	}

@media screen and (max-width: 900px) {
	#contactoContent {width: 80%; margin: 0 auto; }
}
@media screen and (max-width: 800px) {
	#servicios {width: 100%;  margin: 0 auto;}
	article {max-width: 274px; height: 380px; float: none; margin-left: 0px; margin: 0 auto;}
	article img {max-width: 200px}
	.exepcion {margin-left: 0px; margin: 0 auto;}
}

@media screen and (max-width:700px) {
	h1	{font-weight: 200; font-size: 30px}
	h2	{font-weight: 200; font-size: 30px}
	#contacto h2 {font-size: 40px}

	}	

@media screen and (max-width:600px) {
	#logo {float: none; padding-top:20px; margin: 0 auto; width: 200px}
	#telefonos {display: none  }
	#llamar {width: 100%; background-color: #ce3030; height: 60px; display: block; margin-top: 20px; padding-top: 15px}
	#llamar:hover {background-color: #b33232; }
	#wow {margin-top: 70px; }

	h4	{font-weight: 200; font-size: 20px}

	article {max-width: 274px; height: 380px; float: none; margin-left: 0px; margin: 0 auto;}
	article img {height: 200px}
	.exepcion {margin-left: 0px; margin: 0 auto;}

	}

@media screen and (max-width:500px) {
	h1	{font-weight: 200; font-size: 20px}
	h2	{font-weight: 200; font-size: 20px}
	
	}