@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

#form_geotop .error, #form_geoplano .error{
	display:block;
	color:#C00A0D;
	font-size:12px;	
}

#form_geotop input[type=radio]{
	display: inherit;
}

body {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #fff;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
@media only screen and (min-width: 200px) { 
#screens{
    margin: -7px 0 0 0%;
    width: 50%;
}
#screens1{
    margin: -7px 0 0 0%;
    width: 100%;
}
#store{
    margin: 24px 0 0 11%;
}
#store1{
    margin: 0 0 0 11%;
    width: 40%;
    float: left;
}
#store2{
    margin: -39px 0 0 53%;
    width: 37%;
}
#topo {
	display: block;
}
#text-area{
    width: 57%;
    position: absolute;
    margin-top: -1%;
    margin-left: 32%;
    font-size: 12px;
    text-shadow: -4px 2px 5px #000;
} 
#text-area2{
    width: 63%;
    position: absolute;
    margin-top: -1%;
    margin-left: 34%;
    font-size: 13px;
	text-shadow: -4px 2px 5px #000;
}
#video{
    width: 92%;
    height: 164px;
    margin-top: 0%;
    margin-left: 4%;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
}
#header{
    width: 100%;
    height: 80px;
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);
    z-index: 1001;
    position: relative;
}
#logo{
    float: left;
    margin-left: 39%;
    margin-top: 3%;
    width: 27%;
}
#text-header{
    font-size: 11px;
    margin-left: 4%;
    padding-top: 44px;
    width: 98%;
    position: absolute;
	text-align: center;
}	
.background{
	width: 0%;
    position: absolute;
}
.background2{
    margin-top: -33%;
	display:-webkit-inline-box;
}
.internal-fund{
	display: -webkit-inline-box;
    margin-top: -90px;
}
#footer{
	/*background-color:#6BCC24;	*/
	background: linear-gradient(to right, rgba(172,172,172,0.5) 0%, rgba(172,172,172,0.5) 100%);	
    width: 100%;
    height: 95px;
    margin-top: 0px;
}
#logo2{
    position: absolute;
    margin-left: 7%;
    margin-top: 65px;
    width: 18%;
}
#icons{
     margin-right: 18px;
    float: right;
    margin-top: 9px;
}
#text-info{	
    font-size: 10px;
    width: 98%;
    padding-top: 12px;
    line-height: 14px;
    margin-left: 2%;
    text-align: center;
}
/************home***************/
#box{
	background-color:#58B000;
	height: 137px;	
}
#text{
    font-size: 12px;
    width: 97%;
    padding-top: 3%;
    line-height: 16px;
    margin-left: 2%;
    text-align: center;
}
#number{
    font-size: 21px;
    margin-top: 9px;
    margin-left: 15%;
    position: absolute;
}
.button-1{
    display: block;
    width: 77%;
    position: absolute;
    margin-top: -4%;
    margin-left: 11%;
}
.button-2{
    display: block;
    width: 77%;
    position: absolute;
    margin-top:90%;
    margin-left: 11%;
}
.button-3{
    display: block;
    width: 77%;
    position: absolute;
    margin-top: 172%;
    margin-left: 11%;
}
#text-Privacy{
	font-size: 17px;
    margin-top: 48px;
    text-align: center;
}
/************home***************/
/************internas***************/
#box_menu{
	height: 43px;
	margin-top: -7px;	
}
#icon{
	padding-top: 9px;
    margin-left: 3%;
	float: left;
}
#text_menu{
    padding-top: 10px;
    margin-left: 12%;
    float: left;
    font-size: 17px;
}
#content{
	width: 100%;
    height: 100%;
	min-height: 300px;
    margin-top: 0px;
	padding: 0 0 17px 0;
}
#text2 {
    font-size: 15px;
    width: 93%;
    line-height: 20px;
    margin-left: 3%;
    text-align: left;
    padding: 19px 0 31px 0;
}
#text3{
    font-size: 17px;
    width: 93%;
    line-height: 20px;
    margin-left: 3%;
    text-align: justify;
    padding: 19px 0 31px 0;
	color:#575748;	
}
#logos{
     width: 93%;
    margin: 4%;	
}
#text-3{
    font-size: 17px;
    width: 93%;
    line-height: 20px;
    margin-left: 3%;
    text-align: justify;
    padding: 0 0 31px 0;
	color:#575748;	
}
.text-title {
	color:#6BCC24;
	font-weight:bold;
}
.text-title1 {
	color:#6BCC24;
	font-weight:bold;
	font-size:24PX;
}
#content_text{
    font-size: 13px;
    width: 93%;
    float: none;
    margin-left: 4%;
    margin-top: 0px;
}
#bar{
    margin-top: 14%;
    width: 84%;
    height: 50px;
    margin-left: 8%;
    text-align: center;
    font-size: 22x;
    padding-top: 7%;
}
#content_bar{
    margin-top: 0%;
    width: 84%;
    height: 100%;
    margin-left: 8%;
	text-align:center;
	font-size: 34px;
	padding: 0px 0px 25px 0px;
}
#coffee2{
     margin-top: 0%;
    width: 84%;
    height: 100%;
    margin-left: 8%;
	text-align:center;
	font-size: 34px;
	padding: 0px 0px 25px 0px;	
}
#table{
    width: 94%;
    height: 460px;
    float: none;
    margin-left: 3%;
}
#table2{
    width: 94%;
    height: 100%;
    margin-left: 3%;
	margin-top: 5%;
}
#table3 {
    width: 97%;
    height: 100%;
    float: none;
    margin-left: 2%;
}
.table-tetx{
	color:#fff;
	font-size: 34px;
	padding-top: 4%;	
}
#line{
    height: 1px;
    width: 88%;
    background-color: #fff;
    margin-left: 5%;
}
.box-text{
    color: #196600;
    text-align: left;
    font-size: 15px;
    margin-left: 5%;
    margin-top: 7%;
	font-family:sans-serif;
	font-weight: bold;
}
.box-text2{
    text-align: left;
    font-size: 15px;
    margin-left: 5%;
	font-family:sans-serif;
	font-weight: bold;
}
.text-field{
	width: 92%;
	height: 28px;

	font-family:sans-serif;
	color: #858E86;
}
.text-field2{
    width: 93%;
    height: 34px;
    background-color: #fff;
	font-family:sans-serif;
	color: #858E86;
}
.field{
    width: 93%;
    min-height: 87px;
}
/************internas***************/
/************color***************/
.green{
	background-color:#6BCC24;
}
.green2{
    background-color:#96BA1B;
}
.content-green{
	background-color:#B5DF20;
}
.content_text-green{
    color: #196600;
}
.buttons-green{
    padding: 1%;
    width: 91%;
    font-size: 22px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color:#5B8F0E;
	margin-top: 4%;
	border: 0px;
}
.coffee{
	background-color:#666600;
}
#coffee2{
    background-color:#B9B51C;   
}
.black{
	background-color:#1A6600;
}
.content-coffee{
	background-color:#DFDA21;
}
.content_text-coffee{
    color: #666600;
}
.buttons-coffee{
    padding: 1%;
    width: 91%;
    font-size: 22px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color:#FF8000;
	margin-top: 4%;
	border: 0px;
}
.content-black{
	background-color:#fff;
}
.buttons-black{
    padding: 1%;
    width: 91%;
    font-size: 22px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color:#1A6600;
	margin-top: 4%;
	border: 0px;
}
}
@media only screen and (min-width: 250px) {  
#topo {
    width: 40%;
    margin-top: -37%;
    margin-left: 55%;
}	
#text-area{
    width: 65%;
    margin-top: 6%;
    font-size: 15px;
}
#text-area2{
    width: 23%;
    margin-top: 5%;
    font-size: 15px;
    margin-left: 77%;
}
#header{
    height: 80px;
}
#text-header{
    font-size: 11px;
    margin-left: 5%;
    padding-top: 56px;
    width: 95%;
	text-align: left;
}	
.internal-fund{
	display: -webkit-inline-box;
    margin-top: -80px;
}
#footer{
    width: 100%;
    height: 95px;
    margin-top: 0px;
}
#logo2{
    margin-top: 55px;
    width: 18%;
}
#icons{
     margin-right: 34px;
    float: right;
    margin-top: 19px;
}
#box_menu{
	height: 43px;
	margin-top: 0px;	
}
#icon{
	padding-top: 9px;
    margin-left: 3%;
	float: left;
}
#text_menu{
    padding-top: 7px;
    margin-left: 12%;
    float: left;
    font-size: 21px;
}
#bar{
    margin-top: 14%;
    width: 84%;
    height: 50px;
    margin-left: 8%;
    text-align: center;
    font-size: 28px;
    padding-top: 3%;
}
}
@media only screen and (min-width: 320px) {
#text-header{
    font-size: 12px;
    margin-left: 4%;
    padding-top: 56px;
    width: 95%;
}
.background2{
    margin-top:-25%;
	display:-webkit-inline-box;
}
#text{
    font-size: 14px;
    width: 94%;
    padding-top: 3%;
    line-height: 16px;
    margin-left: 3%;
}
.internal-fund{
	display: -webkit-inline-box;
    margin-top: -80px;
}
#text2{
    font-size: 17px;
    width: 93%;
    line-height: 20px;
    margin-left: 3%;
    padding: 19px 0px 31px 0px;
}
}
@media only screen and (min-width: 350px) {
#text-header {
    margin-left: 6%;
    width: 93%;
}
#bar{
    padding-top: 2%;
}
#text-area{
    width: 58%;
    margin-top: 11%;
    margin-left: 39%;
    font-size: 16px;
}
#text-area2{
    width: 20%;
    margin-top: 11%;
    margin-left: 79%;
    font-size: 15px;
}
}
@media only screen and (min-width: 380px) {
#logo {
    float: left;
    margin-left: 39%;
    margin-top: 2%;
    width: 90px;
}
#text-header {
    font-size: 13px;
    margin-left: 9%;
    padding-top: 56px;
    width: 83%;
}
}
@media only screen and (min-width: 420px) {
#text-header {
    margin-left: 19%;
}
#text-area {
    margin-top: 12%;
    margin-left: 25%;
    font-size: 24px;
    width: 73%;
}
#text-area2 {
    margin-top: 12%;
    margin-left: 74%;
    font-size: 23px;
    width: 26%;
}
#topo {
    width: 36%;
    margin-top: -33%;
    margin-left: 56%;
}
}
@media only screen and (min-width: 480px) {
#store{
    margin: 61px 0 0 11%;
}
#store1{
    margin: 0 0 0 11%;
    width: 40%;
}
#store2 {
    margin: -65px 0 0 53%;
    width: 37%;
}
#topo {
    width: 35%;
    margin-top: -33%;
    margin-left: 58%;
}
#text-area {
    margin-top: 16%;
    margin-left: 40%;
    font-size: 22px;
    width: 58%;
}
#text-area2 {
    margin-top: 16%;
    margin-left: 77%;
    font-size: 23px;
    width: 21%;
}
#video {
    height: 251px;
}
.gridContainer {
	width: 100%;
	clear: none;
	float: none;
}
#header {
	height: 83px;
}
#logo {
    float: left;
    margin-left: 3%;
    margin-top: 4%;
}
#text-header {
    font-size: 14px;
    margin-top: -23px;
    margin-left: 27%;
    width: 73%;
}
.internal-fund {
    margin-top: -83px;
}
.background{
    margin-top: -17%;
	width:100%;
	position: inherit;
}
.background2{
	display:none;
}
/************home***************/
#box {
    height: 113px;
}
.button-1{
    width: 34%;
    margin-top: 2%;
    margin-left: 5%;
}
.button-2{
    width: 34%;
    margin-top: 2%;
    margin-left: 32%;
}
.button-3{
    width: 34%;
    margin-top: 2%;
    margin-left: 62%;
}
#text {
    font-size: 19px;
	text-align: left;
}
#number {
    font-size: 21px;
    margin-top: 23px;
    margin-left: 48%;
}
#logo2 {
    margin-top: 17px;
    width: 13%;
	margin-left: 4%;
}
#text-info {
    padding-top: 12px;
    margin-left: 24%;
    width: 46%;
    text-align: left;
}
#text-Privacy{
	font-size: 17px;
    text-align: left;
    margin: 25px 0 0 15px;
}
/************home***************/
/************internas***************/
#text2 {
    font-size: 19px;
}
#text3{
	font-size: 19px;
}
#text-3{
	font-size: 16px;
}
#content_text {
    font-size: 16px;
}
#footer {
    height: 63px;
}
#icons {
    margin-right: 5%;
    float: right;
    margin-top: -30px;
}
}
@media only screen and (min-width: 530px) {
#topo {
	display:none;
}
#text-area {
    margin-top: 18%;
    margin-left: 45%;
    width: 53%
}
#text-area2 {
    margin-top: 18%;
    margin-left: 78%;
    width: 20%;
}
}
@media only screen and (min-width: 600px) {
#screens{
   margin: -75px 0 -9px 37%; 
}
#screens1{
   margin:-27px 0 9px 0%;
}
#store{
    margin: -54px 0 12px 0;
}
#store1{
    margin: 0 0 -9px 41%;
    width: 21%;
}
#store2{
    margin: -44px 0 -9px 65%;
    width: 19%;
}
#text-header {
    font-size: 17px;
    margin-top: -11px;
    margin-left: 29%;
    width: 70%;
}
#text-area {
    margin-left: 37%;
    font-size: 29px;
    width: 61%;
    margin-top: 16%;
}
#text-area2 {
    margin-left: 77%;
    font-size: 29px;
    width: 22%;
    margin-top: 16%;
}
#video {
    height: 303px;
}
#logo {
    width: 105px;
}
#header {
    height: 103px;
}
#footer {
    height: 76px;
}
.internal-fund {
    margin-top: -17%;
}
#content_text {
    font-size: 14px;
    width: 46%;
    float: left;
    margin-left: 4%;
    margin-top: -9px;
    line-height: 24px;
}
#number {
    margin-top: 11px;
    margin-left: 58%;
}
#text {
    font-size: 18px;
    width: 68%;
    padding-top: 5%;
}
.button-1{
    width: 32%;
    margin-top: 2%;
    margin-left: 5%;
}
.button-2{
    width: 32%;
    margin-top: 2%;
    margin-left: 34%;
}
.button-3{
    width: 32%;
    margin-top: 2%;
    margin-left: 62%;
}
#button4{
  display:none;
}
#button5{
    display:none;
}
#button6{
   display:none;
}
#logo2 {
    margin-top: 21px;
    width: 11%;
}
#text-info {
    padding-top: 24px;
    margin-left: 21%;
    font-size: 13px;
    width: 59%;
}
#icons {
    margin-right: 4%;
    margin-top: -22px;
}
#text-Privacy{
    margin: 15px 0 0 19px;
}
}
@media only screen and (min-width: 800px) {
#content_text {
    font-size: 18px;
}
#table2 {
    margin-top: 10%;
}
#text-info {
    padding-top: 27px;
    margin-left: 24%;
    font-size: 16px;
}
#number {
    margin-top: -31px;
    margin-left: 81%;
}
}
@media only screen and (min-width: 768px) {
#screens {
    margin: -105px 0 0 40%;
}
#screens1 {
    margin: -24px 0 15px -1%;
}
#store {
    margin: -72px 0 15px 0;
}
#store1 {
    margin: 0 0 0 43%;
    width: 22%;
}
#store2 {
    margin: -58px 0 0 67%;
    width: 20%;
}
#video {
    height: 396px;
}
#header {
    height: 114px;
}
#content_text {
    font-size: 18px;
}
#text-header {
    font-size: 22px;
    margin-top: -13px;
}
#table2 {
    margin-top: 10%;
}
#text-info {
    padding-top: 27px;
    margin-left: 18%;
    font-size: 16px;
    width: 64%;
}
#icons {
    margin-top: -25px;
}
#number {
    margin-top: 8px;
    margin-left: 63%;
    font-size: 24px;
}
#text {
    padding-top: 3%;
}
#text-Privacy{
	margin-top: 11px;
    margin-left: 3%;
}
#text2 {
    font-size: 22px;
    width: 93%;
	line-height: 22px;
    margin-left: 4%;
}
#text3{
	font-size: 22px;
    width: 93%;
	line-height: 25px;
    margin-left: 4%;
}
#text-3{
	font-size: 17px;
    width: 93%;
    margin-left: 4%;
}
#text-area{
	font-size: 37px;
}
#text-area2{
	font-size: 37px;
}
.button-1{
  display:none;
}
.button-2{
    display:none;
}
.button-3{
   display:none;
}
#button4 {
    background: url(../images/geocad3.png)no-repeat left;
    height: 285px;
    width: 240px;
	position: absolute;		
	margin-top: 3%;
    margin-left: 3%;
	display:block;
}
#button4:active {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 3%;
    margin-left: 3%;	
	display:block;
}
#button5 {
    background:url(../images/geotop3.png) no-repeat left;
    height: 285px;
    width: 240px;
	position: absolute;		
	margin-top: 3%;
    margin-left: 35%;
	display:block;
 } 
#button5:active {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 3%;
    margin-left: 35%;	
	display:block;
}
#button6 {
    background:url(../images/geoplano3.png) no-repeat left;
    height: 285px;
    width: 240px;
	position: absolute;		
	margin-top: 3%;
    margin-left: 67%;
	display:block;
 } 
#button6:active {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 3%;
    margin-left: 67%;	
	display:block;
}
#logo2 {
    margin-top: 21px;
    width: 9%;
    margin-left: 4%;
}
}
@media only screen and (min-width: 900px) {
	#text-header {
    font-size: 24px;
    margin-top: -13px;
    margin-left: 35%;
    width: 63%;
}
#screens {
    margin: -54px 0 0 32%;
}
#screens1 {
    margin: -39px 0 0 -1%;
}
#store {
    margin:-69px 0 0 43px;
}
#store1 {
    margin: 0 0 0 32%;
}
#store2 {
    margin: -54px 0 0 57%;
}
}
@media only screen and (min-width: 1024px) {
#screens {
    margin: -138px 0 0 43%;
}
#screens1 {
    margin:-34px 0 30px 0%;
}
#store {
    margin:-82px 0 20px 0;
}
#store1 {
    margin:0 0 0 46%;
}
#store2 {
    margin:-76px 0 0 70%;
}
#table3 {
    margin-top: 0%;
    width: 71%;
    margin-left: 16%;
}
#video {
    height: 493px;
    margin-left: 8%;
    width: 86%;
}	
#logo {
    width: 134px;
    margin-top: 29px;
}
.background {
    margin-top: -18%;
}
#header {
    height: 118px;
}
#text-header{
    font-size: 25px;
    margin-top: -13px;
    margin-left: 40%;
    width: 59%;
}
.internal-fund{
    margin-top:-13%;
}
#text {
    font-size: 25px;
    width: 59%;
    padding-top: 2%;
    line-height: 23px;
}
#number {
    margin-top: -29px;
    margin-left: 67%;
    font-size: 29px;
}
#logo2 {
    width: 7%;
}
#text-info {
    margin-left: 16%;
    width: 59%;
    padding-top: 26px;
}
#content_text {
    font-size: 21px;
    width: 42%;
    float: left;
    margin-left: 8%;
    margin-top: 25px;
}
#table{
    width: 45%;
    height: 500px;
    float: left;
    margin-left: 3%;
}
#table2{
    width: 45%;
    height: 100%;
    margin-left: 52%;
}
#text2{
    font-size: 31px;
    width: 86%;
    padding-top: 3%;
    line-height: 29px;
    margin-left: 8%;	
}
#text3{
    font-size: 31px;
    width: 86%;
    padding-top: 3%;
    line-height: 32px;
    margin-left: 8%;	
}
#logos{
    width: 93%;
}
#text-3{
    font-size: 20px;
    width: 86%;
    padding-top: 3%;
    line-height: 29px;
    margin-left: 8%;	
}
#content_bar {
	margin-top: -9%;
}
#coffee2{
	margin-top: 0%;
}
#viedo{
	margin-top: -9%;
}
#bar{
    margin-top: 14%;
    width: 84%;
    height: 50px;
    margin-left: 8%;
	text-align:center;
	font-size: 34px;
	padding-top: 0%;
}
#text-area{
    font-size: 45px;
    margin-left: 43%;
    margin-top: 22%;
    width: 56%;	
}
#text-area2{
    font-size: 50px;
    margin-left: 76%;
    margin-top: 20%;	
}
#button4 {
    margin-top: 8%;
    margin-left: 7%;
}
#button4:active {
	margin-top: 8%;
    margin-left: 7%;
}
#button5{
    margin-top: 8%;
	margin-left: 39%;
}
#button5:active {
	margin-top: 8%;
	margin-left: 39%;
}
#button6{
    margin-top: 8%;
	margin-left: 69%;
}
#button6:active {
	margin-top: 8%;
	margin-left: 69%;	
}
}	
@media only screen and (min-width: 1060px) {
#screens1 {
    margin: 0px 0 27px 10%;
    width: 78%;
}
}
@media only screen and (min-width: 1200px) {
#table3{
    width: 62%;
    margin-left: 21%;
}
#video {
    width: 84%;
    height: 582px;
    margin-top: 0%;
    margin-left: 8%;
}
#button4:hover {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;
	margin-top: 8%;
   
}
#button5:hover {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 8%;
  
}
#button6:hover {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 8%;   
}
}
@media only screen and (min-width: 1114px) {
#text-info {
    padding-top: 24px;
    width: 630PX;
    margin-left: 14%;
}
#text-header {
    margin-left: 46%;
    width: 54%;
}
#text-area {
    font-size: 42px;
    margin-left: 51%;
    margin-top: 22%;
    width: 47%;
}
#text-area2 {
    font-size: 51px;
    margin-left: 76%;
    margin-top: 22%;
    width: 22%;
}
}
@media only screen and (min-width: 1160px) {
#text-info {
    padding-top: 35px;
    width: 74%;
    margin-left: 14%;
}	
}
@media only screen and (min-width: 1390px) {
#text-header {
    margin-left: 55%;
    width: 43%;
}
}
@media only screen and (min-width: 1422px) {
#text-info {
    /*padding-top: 11%;*/
	 padding-top: 3%;
}
}
@media only screen and (min-width: 1500px) {
#screens {
    margin: -28px 0 -33px 14%;
}
#screens1 {
    margin: -5px 0 -33px 12%;
}
#store {
    margin: 89px 0 -33px -1%;
}
#store1 {
    margin: 0 0 -33px 18%;
    width: 18%;
}
#store2 {
    margin: -77px 0 -33px 37%;
    width: 17%;
}
.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#header{
    width: 100%;
    height: 110px;
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);
    z-index: 1001;
    position: relative;
}
#logo{
    float: left;
    margin-left: 5%;
    margin-top: 20px;
    width: 131px;
}
#text-header{
    float: right;
    font-size: 25px;
    margin-left: 50%;
    margin-top: -20px;
    width: 49%
}	
.background{
    margin-top:-9%;	
}
.internal-fund{
	margin-top:-9%;
}
.background2{
	display:none;
}
#footer{
	background: linear-gradient(to right, rgba(172,172,172,0.5) 0%, rgba(172,172,172,0.5) 100%);
	width: 100%;
    height: 75px;
    margin-top: 0px;
}
#logo2{
    float: left;
    margin-left: 39px;
    margin-top: 21px;
    width: 4%;
}
#text-info{	
	font-size: 16px;
    width: 71%;
    padding-top: 34px;
    line-height: 20px;
    margin-left: 14%;
}
/************home***************/
#box{
	background-color:#58B000;
	height: 115px;
	margin-top: 0px;	
}
#text-area {
     width: 43%;
    margin-top: 19%;
    margin-left: 35%;
    font-size: 52px;
}
#text-area2 {
    width: 18%;
    margin-top: 19%;
    margin-left: 62%;
    font-size: 59px;
}
#button4 {
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 8%;
    margin-left: 8%;
 } 
#button4:active {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;
    margin-top: 8%;
    margin-left: 8%;
}
#button5 {
   
    height: 285px;
    width: 240px;
	position: absolute;		
	margin-top: 8%;
    margin-left: 32%;
	display:block;
 } 
#button5:active {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 8%;
    margin-left: 32%;	
	display:block;
}
#button6 {
    height: 285px;
    width: 240px;
	position: absolute;		
	margin-top: 8%;
    margin-left: 56%;
	display:block;
 } 
#button6:active {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 8%;
    margin-left: 53%;	
	display:block;
}
#text{
    font-size: 20px;
    width: 39%;
    padding-top: 1%;
    line-height: 23px;
    margin-left: 3%;	
}
#number{
    font-size: 33px;
    width: 33%;
    margin-top: -20px;
    margin-left: 46%;
    position: absolute;
}
#text-Privacy{
    margin-top: 17px;
}
/************home***************/
/************internas***************/
#box_menu{
	height: 43px;
	margin-top: 0px;	
}
#icon{
	padding-top: 9px;
    margin-left: 1%;
	float: left;
}
#icons{
    margin-right: 6%;
    margin-top: -22px;
    float: right;
}
#text_menu{
    padding-top: 7px;
    margin-left: 7%;
    float: left;
    font-size: 21px;
}
#content{
	width: 100%;
    height: 100%;
	min-height: 300px;
    margin-top: 0px;
	padding: 0px 0px 70px 0px;
}
#text2{
    font-size: 31px;
    width: 66%;
    padding-top: 3%;
    line-height: 29px;
    margin-left: 8%;	
}
#text3{
    font-size: 27px;
    width: 84%;
    padding-top: 3%;
    line-height: 29px;
    margin-left: 8%;
    color: #575748;
    text-align: justify;
}
#logos{
    width: 92%;
	margin: 4% 0 0 4%;
}
#text-3{
    font-size: 20px;
    width: 84%;
    line-height: 24px;
    margin-left: 8%;
    color: #575748;
    text-align: justify;
}
#content_text{
    font-size: 25px;
    width: 40%;
    float: left;
    margin-left: 8%;
    margin-top: 45px;
}
#bar{
    margin-top: 14%;
    width: 84%;
    height: 50px;
    margin-left: 8%;
	text-align:center;
	font-size: 34px;
}
#table{
    width: 45%;
    height: 500px;
    float: left;
    margin-left: 3%;
}
#table2{
    width: 45%;
    height: 100%;
    margin-left: 52%;
	margin-top: 0%;
}
.table-tetx{
	color:#fff;
	font-size: 34px;
	padding-top: 4%;	
}
#line{
    height: 1px;
    width: 88%;
    background-color: #fff;
    margin-left: 5%;
}
.field{
    width: 93%;
    min-height: 87px;
}
#content_bar{
    margin-top: 0%;
    width: 84%;
    height: 100%;
    margin-left: 8%;
	text-align:center;
	font-size: 34px;
	padding: 0px 0px 25px 0px;
}
#coffee2{
	margin-top: 0%;
    width: 84%;
    height: 100%;
    margin-left: 8%;
	text-align:center;
	font-size: 34px;
	padding: 0px 0px 25px 0px;
}
}
@media only screen and (min-width: 1620px) {
#text-area {
    width: 620px;
    margin-top: 17%;
    margin-left: 32%;
    font-size: 50px;
}
#text-area2 {
    width: 266px;
    margin-top: 17%;
    margin-left: 55%;
}
}
@media only screen and (min-width: 1817px) {
#text-area{
    margin-top: 17%;
    margin-left: 31%;
    font-size: 50px;
}
#text-area2{
    margin-top: 15%;
    margin-left: 49%;
}
#button4 {
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 8%;
    margin-left: 8%;
 } 
#button4:active {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;
    margin-top: 8%;
    margin-left: 8%;
}
#button5 {
    height: 285px;
    width: 240px;
	position: absolute;		
	margin-top: 8%;
    margin-left: 26%;
	display:block;
 } 
#button5:active {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 8%;
    margin-left: 26%;	
	display:block;
}
#button6 {
    height: 285px;
    width: 240px;
	position: absolute;		
	margin-top: 8%;
    margin-left: 44%;
	display:block;
 } 
#button6:active {
    background-position: right;
    height: 285px;
    width: 240px;
	position: absolute;	
	margin-top: 8%;
    margin-left: 44%;	
	display:block;
}
}
.whatsapp{position:fixed; width:50px; bottom:20px; right:20px;}
@media only screen and (min-width: 1835px) {
#number {
    margin: -20px 0 0 44%;
    width: 28%;
}
}