html, body, .container{margin: 0; padding: 0; }
body{
	min-width: 320px;
	background:url(../images/white_texture.png) repeat;
	font-family: 'asapregular', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 14px;
	color: #202020;}

a{
	color: #999;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:hover{
	color: #fff;
	/*background-color:#FFF;*/
}

.clr {
	clear:both;}

img {max-width:100%;height:auto;}
	
.header {
	width:100%;
	top:0;
	height:10px;
	padding:15px 0;
	text-align:center;
	color:#ffffff;
	font-size:24px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	
	}
	


.container{
	max-width:100%;
	margin:0 auto;
	box-shadow: 0px -5px 0 0px #185887 inset, 0px 5px 0 0px #185887 inset;
}
.wraper970{width:96%; max-width:970px; clear:both; margin:auto; padding:2%; }
.wraper100{width:100%; clear:both; margin:auto;}

/*-----------Backgrounds----------------*/
.bg-blue{background: url(../images/az-subtle-2.png) repeat #195a8a;}
.bg-white{background:#ffffff;}
.bg-gray-texture{background:url(../images/white_texture.png) repeat;}

.inner {
	max-width:970px;
	width:90%;
	margin:0 auto;
	overflow:hidden;}

.left-block {
	float:left;
	max-width:47%;
	text-align: right;
	margin-top:20px;
	padding:26px 10px 0 0;
	}
	
.left-block p {
	font-family:'asapregular', Verdana, Geneva, sans-serif;
	font-size: 41px;
	font-weight: normal;
	word-spacing:0px;
	letter-spacing: 0px;
	line-height: 41px;
	color: #404040;
	margin: 0% auto;}
.left-block span{font-size:18px; line-height:32px;}
	
.right-block {
	float:left;
	max-width:50%;
	text-align: center;
	margin-top:20px;
	padding-left:10px;}
	
.bottom {
	width:97%;
	padding:10px;
	bottom:0;
	border-top:1px dashed #CCC;
	text-align:center;}

ul.signup {
	margin: 15px auto 15px -45px;}
ul.signup li {
	display:inline-block;}
	
.inputbox {
	background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px #999999 inset;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 33px;
    padding-left: 5px;
    text-decoration: none;
    width: 270px;
	}
.submit {
	background-color: #3968b2;
    border: 0 solid #CCCCCC;
    border-radius:3px;
    -moz-box-shadow: 0 0 9px #0C1E59 inset;
	-webkit-box-shadow: 0 0 9px 0C1E59 inset;
	box-shadow: 0 0 9px #0C1E59 inset;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    padding: 4px 8px;
    text-align: center;
    text-shadow: -1px -1px #0C1E59;
    text-transform: uppercase;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;}
.submit:hover {box-shadow: 0 0 5px #666666 inset;}
ul.social {margin: 15px auto 15px -46px;}
ul.social li {display:inline-block;}
.social li a {margin:5px;opacity:0.8;background:none;}
.social li a:hover {opacity:1;}
.division{width:100%; margin:auto; height:1px; background:#45B75F; clear:both; margin:5% 0px;}
.division2{width:100%; margin:auto; height:1px; background:#FFF; clear:both; margin:1% 0px;}
.cont-information{width:100%; height:auto; margin:auto; clear:both;border-top: 1px dashed #CCC; padding-bottom:3%;}
.cont-information h1{font-family: 'asapbold_italic';font-size: 28px; width:100%; max-width:970px; padding:2%;line-height: 25px;color: #3B4445;margin: 0% auto; text-align:center;}
.row{overflow:hidden; width:100%; max-width:1024px; margin:auto; height:auto; clear:both;}

/*verde agua*/
.block-service{
width:18%; max-width:242px; margin:1%; overflow:hidden; height:auto; background:#3e94cf;
 /*max-height:390px;*/ height:188px; float:left;-webkit-border-radius: 10px;
border-radius: 10px; border:1px solid #eaeaea; padding:2%;}
.block-service:hover{ background:#dbdbdb;border:1px solid #D2D2D2; color:#185684; -webkit-box-shadow: 5px 5px 6px 5px #EFEFEF; cursor:pointer;
box-shadow: 5px 5px 6px 5px #EFEFEF;-webkit-transition: background 0.8s ease-in-out;-moz-transition: background 0.8s ease-in-out;
-ms-transition: background 0.8s ease-in-out;-o-transition: background 0.8s ease-in-out;transition: background 0.8s ease-in-out;}
.block-service img{text-align:center; margin:auto; margin:2%; padding-left:19%;}
.block-service h1{font-family:'asapbold_italic', Verdana, Geneva, sans-serif;font-size: 20px;line-height: 25px;color: #ffffff; margin: 0% auto; text-align:center;}
.block-service p{font-family:'asapregular', Verdana, Geneva, sans-serif; font-size:13px; text-align:left;}
.block-service span{text-align:center; margin:auto; font-size:11px;}

/*verde*/
.block-service_2{
width:18%; max-width:242px; margin:1%; overflow:hidden; height:auto; background:#f8b62a;
 /*max-height:390px;*/ height:188px; float:left;-webkit-border-radius: 10px;
border-radius: 10px; border:1px solid #eaeaea; padding:2%;}
.block-service_2:hover{ background:#dbdbdb;border:1px solid #D2D2D2; color:#185684; -webkit-box-shadow: 5px 5px 6px 5px #EFEFEF; cursor:pointer;
box-shadow: 5px 5px 6px 5px #EFEFEF;-webkit-transition: background 0.8s ease-in-out;-moz-transition: background 0.8s ease-in-out;
-ms-transition: background 0.8s ease-in-out;-o-transition: background 0.8s ease-in-out;transition: background 0.8s ease-in-out;}
.block-service_2 img{text-align:center; margin:auto; margin:2%; padding-left:19%;}
.block-service_2 h1{font-family:'asapbold_italic', Verdana, Geneva, sans-serif;font-size: 20px;line-height: 25px;color: #ffffff;margin: 0% auto; text-align:center;}
.block-service_2 p{font-family:'asapregular', Verdana, Geneva, sans-serif; font-size:13px; text-align:left;}
.block-service_2 span{text-align:center; margin:auto; font-size:11px;}

/*naranja*/
.block-service_3{
width:18%; max-width:242px; margin:1%; overflow:hidden; height:auto; background:#83bd42;
 /*max-height:390px;*/ height:188px; float:left;-webkit-border-radius: 10px;
border-radius: 10px; border:1px solid #eaeaea; padding:2%;}
.block-service_3:hover{ background:#dbdbdb;border:1px solid #D2D2D2; color:#185684; -webkit-box-shadow: 5px 5px 6px 5px #EFEFEF; cursor:pointer;
box-shadow: 5px 5px 6px 5px #EFEFEF;-webkit-transition: background 0.8s ease-in-out;-moz-transition: background 0.8s ease-in-out;
-ms-transition: background 0.8s ease-in-out;-o-transition: background 0.8s ease-in-out;transition: background 0.8s ease-in-out;}
.block-service_3 img{text-align:center; margin:auto; margin:2%; padding-left:19%;}
.block-service_3 h1{font-family:'asapbold_italic', Verdana, Geneva, sans-serif;font-size: 20px;line-height: 25px;color: #ffffff;margin: 0% auto; text-align:center;}
.block-service_3 p{font-family:'asapregular', Verdana, Geneva, sans-serif; font-size:13px; text-align:left;}
.block-service_3 span{text-align:center; margin:auto; font-size:11px;}

/*morado*/
.block-service_4{
width:18%; max-width:242px; margin:1%; overflow:hidden; height:auto; background:#e12524;
 /*max-height:390px;*/ height:188px; float:left;-webkit-border-radius: 10px;
border-radius: 10px; border:1px solid #eaeaea; padding:2%;}
.block-service_4:hover{ background:#dbdbdb;border:1px solid #D2D2D2; color:#185684; -webkit-box-shadow: 5px 5px 6px 5px #EFEFEF; cursor:pointer;
box-shadow: 5px 5px 6px 5px #EFEFEF;-webkit-transition: background 0.8s ease-in-out;-moz-transition: background 0.8s ease-in-out;
-ms-transition: background 0.8s ease-in-out;-o-transition: background 0.8s ease-in-out;transition: background 0.8s ease-in-out;}
.block-service_4 img{text-align:center; margin:auto; margin:2%; padding-left:19%;}
.block-service_4 h1{font-family:'asapbold_italic', Verdana, Geneva, sans-serif;font-size: 20px;line-height: 25px;color: #ffffff;margin: 0% auto; text-align:center;}
.block-service_4 p{font-family:'asapregular', Verdana, Geneva, sans-serif; font-size:13px; text-align:left;}
.block-service_4 span{text-align:center; margin:auto; font-size:11px;}




/*----------------------FOOTER-----------------------*/	
.logo-footer{max-width:150px;}	
		
/*---- Media Queries ----*/
@media (max-width: 990px) {
	.row{max-width:900px;}
	.block-service{ width:40%; max-width:380px; max-height:340px;}
	.block-service img{margin:0%; padding-left:35%;}
	
	.block-service_2{ width:40%; max-width:380px; max-height:340px;}
	.block-service_2 img{margin:0%; padding-left:35%;}	
	
	.block-service_3{ width:40%; max-width:380px; max-height:340px;}
	.block-service_3 img{margin:0%; padding-left:35%;}	
	
	.block-service_4{ width:40%; max-width:380px; max-height:340px;}
	.block-service_4 img{margin:0%; padding-left:35%;}		
}
@media (max-width: 800px) {
	.row{max-width:800px;}
	.left-block {max-width:42%;}
	.left-block p{font-size:36px; line-height:35px;}
	.left-block span{line-height:21px;}
	.left-block img{width:270px; }
}
@media (max-width: 768px) {
	.row{max-width:600px;}
	.block-service{max-height:378px;}
	.block-service_2{max-height:378px;}
	.block-service_3{max-height:378px;}
	.block-service_4{max-height:378px;}
	ul.signup li {display:block; margin:3% auto; }
	.logo{text-align:center;}
	.copyright{text-align: center; line-height: 35px;}	
}
@media (max-width: 600px) {
	.row{ overflow:hidden;}
	.block-service{ width:80%; height:auto; margin:auto; float:none; margin:4% auto;}
	.block-service_2{ width:80%; height:auto; margin:auto; float:none; margin:4% auto;}
	.block-service_3{ width:80%; height:auto; margin:auto; float:none; margin:4% auto;}
	.block-service_4{ width:80%; height:auto; margin:auto; float:none; margin:4% auto;}
	.left-block p {text-align:center;}
	.left-block span{text-align:center;}
	.left-block {max-width:80%; float:none; margin:auto; height:auto; text-align:center;}
	.right-block{ max-width:50%; float:none; margin:auto; height:auto; text-align:center;}
	.block-service img{}
	.cont-information h1{font-size:23px;}
	.bottom {padding:0px;}
	 ul.signup li {display:block; margin:5% auto;}
}