html {
	margin: 0;
	padding: 0;
	display: block;
}



body {
  background: #FFFFFF;
  background:url(fnd.jpg);
  background-position:center;
  background-attachment:fixed;
  margin:0px;
  padding:0px;
  color: #666666;
  font-size: 17px;
  font-family: 'Oswald', sans-serif;
  font-weight:300;
}



div#wrapper {
	width:100%; 
	margin:0px auto;
	text-align:center;
}



a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}


h1, h2, h3, h4, h5 {
    margin:0px;
    padding:0px;
}

h1 {
    font-size:30px;
}

h2 {
    font-size:25px;
}

h3 {
    font-size: 30px;
}

h4 {
    color:#000000;
    font-size: 20px;
}

h5 {
    color:#FFFFFF;
    font-size: 20px;
}

.fb-link {
    position: fixed;
	bottom: 10px;
    left: 10px;
	transition: 0.3s;
	z-index: 999999999;
	width: 150px;
	text-align: center;
}
.fb-link:hover {
	transform: translateY(-10px);
}

div#wrapper {
	width:100%; 
	margin:0px auto;
	text-align:center;
}



.f100 {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
}



#f100-mob {
	display:none;
}
@media screen and (max-width: 480px) {
  #f100-mob {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
  }
}




#f100-desk {
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
}
@media screen and (max-width: 480px) {
  #f100-desk {
	display:none;
  }
}



.btn {
    display: inline-block;
    margin: 3px;
    padding: 5px;
    width: 25%;
    background: none;
	border: solid 1px #DAF700;
	
    color:#DAF700;
    font-size: 19px;
    font-weight: bold;
    vertical-align: middle;
}
.btn:hover {
    background: #DAF700;
    color: #000000;
}
.btn:active {
    background: #DAF700;
    color: #000000;
}
.btn:visited {
    background: #000000;
    color:#DAF700;
}






.btn2 {
    display: inline-block;
    margin: 0px;
    padding: 5px;
    width: auto;
    background: none;
    color:#FFFFFF;
    font-size: 19px;
    font-weight: bold;
    vertical-align: middle;
}
.btn2:hover {
    background: #FF0000;
    color: #FFFFFF;
}
.btn2:active {
    background: #FF0000;
    color: #FFFFFF;
}
.btn2:visited {
    background: #000000;
    color:#FFFFFF;
}







.blk {
	display:inline-block;
	width:auto;
	margin:0px;
	padding:0px;
	text-align:center;
	vertical-align:top;
}




.txt-blk {
    display:inline-block;
    margin: 10px;
    padding: 10px;
    vertical-align: top;
    min-width: 220px;
}

.tel {
    display:inline-block;
    padding:0px;
    padding-top:5px;
    padding-bottom:5px;
    margin:0px;
    background:#a2b900;
    color:#FFFFFF;
    font-size:25px;
    font-weight:bold;
    width: auto;
    vertical-align: middle;
}


.res-com-ind {
    display: inline-block;
    width: 27%;
    min-width: 240px;
    vertical-align: middle;
    margin: 10px;
    padding: 10px;
    background: #F0F0F0;
    color:#000000;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.res-com-ind:hover {
    color:#FF0000;
    -webkit-transform: rotate(-10deg) scale(1.2);
    -moz-transform: rotate(-10deg) scale(1.2);
    -o-transform: rotate(-10deg) scale(1.2);
    -ms-transform: rotate(-10deg) scale(1.2);
    transform: rotate(-10deg) scale(1.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.res-com-ind:active {
    color:#FF0000;
    -webkit-transform: rotate(-10deg) scale(1.2);
    -moz-transform: rotate(-10deg) scale(1.2);
    -o-transform: rotate(-10deg) scale(1.2);
    -ms-transform: rotate(-10deg) scale(1.2);
    transform: rotate(-10deg) scale(1.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.res-com-ind:visited {
    color:#000000;
}





.recuadro1 {
    display: inline-block;
    width: 110px;
    height: 150px;
    background:#FFFFFF;
    margin: 3px;
    vertical-align: top;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.recuadro1:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.recuadro1:active {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
    
.recuadro1-ttl {
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
}







.recuadro2 {
    display: inline-block;
    width: 110px;
    height:170px;
    background:#FFFFFF;
    margin: 3px;
    vertical-align: top;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.recuadro2:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.recuadro2:active {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
    
.recuadro2-ttl {
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
}







.promo-residencial {
    display: inline-block;
    width:240px;
    margin: 10px;
    padding: 10px;
    background: #A6BC01;
    color: #FFFFFF;
    vertical-align: top;
    border-radius: 5px;
}



.promo-comercial {
    display: inline-block;
    width:240px;
    margin: 10px;
    padding: 10px;
    background: #FF0000;
    color: #FFFFFF;
    vertical-align: top;
    border-radius: 5px;
}



.promo-industrial {
    display: inline-block;
    width:240px;
    margin: 10px;
    padding: 10px;
    background: #000000;
    color: #FFFFFF;
    font-size: 25px;
    vertical-align: top;
    border-radius: 5px;
}

.plaga {
    display: inline-block;
    width: 240px;
    background: #F0F0F0;
    padding: 10px;
    margin: 5px;
    vertical-align: top;
}

.coment-cliente {
    display: inline-block;
    width: 40%;
    min-width: 240px;
    background: #F0F0F0;
    padding: 10px;
    margin: 5px;
    vertical-align: top;
    text-align: left;
    font-size: 25px;
}


.fadein { position:relative; width:80px; height:80px; }
.fadein img { position:absolute; left:0; top:0; }










div.window {
        padding: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
}
div.window label { 
    display: inline-block;
    width: 100%;
    background: #A6BC01;
    color: #FFFFFF;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: .4s all linear;
    font-weight: bold;
}
div.window label:hover { 
    cursor: pointer;
    background: #000000;
}
input.toggle ~ div { 
    height: 0px;
    overflow: hidden;
    background: #FFFFFF;
    transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620)
}
input.toggle:checked ~ div { height: auto; }
input.toggle:checked + label { background: #FF0000; }
input.toggle { display: none; }






.plaga-pic {
    float: left;
    margin-right:10px;
    margin-bottom:10px;
    border:none;
}