@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 {
	width: 100%;
    height: auto;
}
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
	height: auto;
}
* {
    box-sizing: border-box;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	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/
*/

/* Mobile Layout: 480px and below. */
@media only screen and (max-width: 480px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 1.1869%;
	padding-right: 1.1869%;
}
#body_wrap {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(255,255,255,1);
}
#head {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(0,0,0,1);
}
#NavBar {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	z-index: 1;
	background-color: rgba(0,0,0,1);
}
#content {
	background-color: rgba(255,255,255,1);
	clear: both;
	float: none;
	margin: auto;
	width: 100%;
	display: block;
	text-align: left;
}
/*foto principal*/
#content1 {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(0,0,0,1);
	padding-top: 0px;
} 
/*About us*/
#content2 {
	clear: both;
	float: none;
	padding-top: 20px;
	width: 100%;
	display: block;
}
#content2_pict {
	clear: both;
	float: none;
	margin-left: 0;
	width: 41.0256%;
	display: none;
}
#texto-cont2 {
	clear: both;
	float: none;
	padding: 20px;
	width: 100%;
}
/*on site inspections*/
#content3 {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../images/background_content3.jpg);
	background-size: 100%;
	background-repeat: repeat-y;
	background-attachment: fixed;
}
#content3_a {
	clear: both;
	float: none;
	margin: 50px 20px;
	padding: 20px 20px;
	width: 85%;
	height: auto;
	display: block;
	background-color: rgba(0,0,0,.5);
}
/*Services Package cuadro+img*/
#content4 {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	padding: 20px 10px 20px 30px;
	color: rgba(51,51,51,1);
	background-color: rgba(255,255,255,1);
}
#content4_a {
	clear: both;
	float: none;
	display: block;
	text-align: center;
	font-style: italic;
	text-decoration: underline;
}
/*cuadro1+img*/
#content4_b {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	text-align: left;
}
#content4_b-img {
	clear: both;
	float: none;
	width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_b-text {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}
#content4_c {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	text-align: left;
}
#content4_c-img {
	clear: both;
	float: none;
	width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_c-text {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}
#content4_d {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	text-align: left;
}
#content4_d-img {
	clear: both;
	float: none;
	width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_d-text {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}
	#content4_e {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	text-align: left;
}
#content4_e-img {
	clear: both;
	float: none;
	max-width: 15%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_e-text {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}
#conditions {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TermConditions {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	height: auto;
	display: block;
	padding: 50px 30px 50px 20px;
	background-image: none;
	background-color: rgba(255,255,255,1);
	color: rgba(51,51,51,1);
}
#ContactUs {
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	color: rgba(255,255,255,1);
	padding: 50px 30px 50px 30px;
	background-image: url(../images/Banner4.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	background-attachment: fixed;
	/* [disabled]background-color: rgba(102,102,102,.1); */
}
#contactUs_a {
	clear: both;
	float: none;
	margin-left: 0;
	display: block;
	text-align: left;
}
#google {
	clear: both;
	float: none;
	display: none;
	margin-right: auto;
	margin-left: auto;
}
#contact_form {
	clear: both;
	float: none;
	display: block;
	padding-bottom: 50px;
	width: 95%;
	background-color: rgba(255,255,255,.8);
	margin-top: 50px;
	margin-bottom: 50px;
}
#SocialMediaButtons {
	clear: both;
	float: none;
	margin-left: 0;
	width: 90%;
	display: block;
}
#SlideShow {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	height: auto;
	display: block;
	color: black;
	padding: 30px 10px 20px 10px;
}
#info {
	clear: both;
	float: none;
	margin-left: 0;
	width: 85%;
	display: block;
	padding-top: 10px;
	padding-left: 30px;
	text-align: left;
}
#paypal_button {
	clear: both;
	float: left;
	margin-left: 0;
	width: 80%;
	height: 100px;
	display: block;
}
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	padding-left: 0.7581%;
	padding-right: 0.7581%;
	margin-left: auto;
	margin-right: auto;
}
#body_wrap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(255,255,255,1);
}
#head {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
}
#NavBar {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	width: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,1);
}
#content {
	background-color: rgba(255,255,255,1);
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(0,0,0,1);
	padding-top: 0px;
}
#content2 {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top: 20px;
	width: 100%;
	display: block;
 	background-color: rgba(255,255,255,1);
}
#content2_pict {
	clear: both;
	float: left;
	padding-top: 100px;
	margin-left: 0;
	width: 40%;
	display: none;
}
#texto-cont2 {
	clear: none;
	float: left;
	padding: 50px;
	display: block;
	width: 95%;
}
#content3 {
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../images/background_content3.jpg);
	background-repeat: no-repeat;
	background-color: rgba(51,51,51,1);
	background-repeat: repeat-y;
	background-attachment: fixed;
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	text-align: left;
}
#content3_a {
	background-color: rgba(0,0,0,.5);
	clear: both;
	float: left;
	padding: 20px 20px;
	width: 97%;
	height: auto;
	background-repeat: no-repeat;
	display: block;
}
#content4 {
	clear: both;
	float: left;
	width: 90%;
	display: block;
	padding: 50px 20px 20px 30px;
	color: rgba(51,51,51,1);
	background-color: rgba(255,255,255,1);
}
#content4_a {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	font-style: italic;
}
/*cuadro1+img*/
#content4_b {
	float: left;
	clear: none;
	width: 100%;
	display: block;
	text-align: left;
}
#content4_b-img {
	clear: both;
	float: none;
	width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#content4_b-text {
	clear: both;
	float: left;
	width: 100%;
	display: block;
}
#content4_c {
	float: left;
	clear: none;
	width: 100%;
	display: block;
	text-align: left;
}
#content4_c-img {
	clear: both;
	float: none;
	width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_c-text {
	clear: both;
	float: left;
	width: 100%;
	display: block;
}
#content4_d {
	float: left;
	clear: none;
	width: 100%;
	display: block;
	text-align: left;
}
#content4_d-img {
	clear: both;
	float: none;
	width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_d-text {
	clear: both;
	float: left;
	width: 100%;
	display: block;
}
	#content4_e {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	text-align: left;
}
#content4_e-img {
	clear: both;
	float: none;
	max-width: 15%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_e-text {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}
#conditions {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: black;
}
#TermConditions {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	padding: 100px 50px 100px 50px;
	width: auto;
	background-image: none;
	background-color: rgba(255,255,255,1);
	color: rgba(51,51,51,1);
}
#ContactUs {
	float: left;
	clear: none;
	width: auto;
	height: auto;
	color: rgba(255,255,255,1);
	background-image: url(../images/Banner4.jpg);
	background-color: rgba(102,102,102,1);
	background-size: 100%;
	background-attachment: fixed;
	display: block;
	padding: 100px 50px 100px 50px;
}
#contactUs_a {
	clear: none;
	float: left;
	margin-left: 0;
	display: block;
	text-align: left;
}
#contact_form {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	padding-bottom: 50px;
	background-color: rgba(255,255,255,.8);
	margin-top: 50px;
	margin-bottom: 50px;
}
#google {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	color: rgba(51,51,51,1);
}
#SocialMediaButtons {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#SlideShow {
    clear: both;
    float: left;
    margin-left: auto;
    width: 100%;
    height: auto;
    display: block;
    color: black;
    padding: 50px 30px 30px 30px;
    margin-right: auto;
    z-index: -1;
}
#info {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	padding-top: 20px;
	padding-left: 50px;
}
#paypal_button {
	clear: both;
	float: left;
	margin-left: 0;
	width: 80%;
	height: 100px;
	display: block;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1232px;
	padding-left: 0.4891%;
	padding-right: 0.4891%;
	margin: auto;
}
#body_wrap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(255,255,255,1);
}
#head {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#NavBar {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	z-index: 1;
	width: 100%;
	background-color: rgba(0,0,0,1);
}
#content {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(0,0,0,1);
	padding-top: 0px;
}
#content2 {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top: 20px;
	width: 100%;
	height: auto;
	display: block;
	background-color: rgba(255,255,255,1);
}
#content2_pict {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;
}
#texto-cont2 {
	clear: none; 
	padding: 30px 20px 30px 20px;
	float: left;
	width: 50%;
	display: block;
}
/*services page*/
#content3 {
	clear: both;
	width: 100%;
	height: auto;
	display: block;
	background-image: url(../images/background_content3.jpg);
	background-color: rgba(102,102,102,1);
	background-size: 100%;
	background-repeat: repeat-y;
	background-attachment: fixed;
}
#content3_a {
	background-color: rgba(0,0,0,0.5);
	clear: both;
	float: left;
	width: 70%;
	padding: 5%;
	display: block;
}
/*content4 services packages*/
#content4 {
	clear: both;
	float: none;
	width: auto;
	display: block;
	color: rgba(51,51,51,1);
	background-color: rgba(255,255,255,1);
	padding: 70px 30px 0px 30px;
}
/*content4 services packages+title*/
/*tittle*/
#content4_a {
	clear: both;
	float: none;
	width: auto;
	display: block;
	text-align: center;
	font-style: italic;
}
/*content4 services packages-columna1*/
#content4_b {
	float: left;
	clear: none;
	width: 32%;
	display: block;
	text-align: left;
}
#content4_b-img {
	clear: both;
	float: none;
	width: 100px;
	display: block;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_b-text {
	clear: both;
	float: left;
	display: block;
}
#content4_c {
	clear: none;
	float: left;
	width: 32%;
	display: block;
	text-align: left;
	padding-left: 20px;
}
#content4_c-img {
	clear: both;
	float: none;
	width: 100px;
	display: block;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_c-text {
	clear: both;
	float: left;
	display: block;
}
#content4_d {
    clear: rigth;
    float: left;
    width: 32%;
    display: block;
    text-align: left;
    padding-left: 20px;
    color: inherit;
}
#content4_d-img {
	clear: both;
	float: none;
	width: 100px;
	display: block;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_d-text {
	clear: both;
	float: left;
	display: block;
}
	#content4_e {
	clear: both;
	float: none;
	width: 40%;
	display: block;
	text-align: left;
}
#content4_e-img {
	clear: both;
	float: none;
	max-width: 20%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#content4_e-text {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}
#conditions {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    /* [disabled]color: inherit; */
}
#TermConditions {
	clear: both;
	float: left;
	display: block;
	padding: 100px;
	width: auto;
	height: auto;
	color: rgba(51,51,51,1);
	background-image: none;
	background-color: rgba(255,255,255,1);
}
#ContactUs {
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	color: rgba(255,255,255,1);
	background-image: url(../images/Banner4.jpg);
	background-color: rgba(102,102,102,1);
	background-size: 100%;
	background-attachment: fixed;
	display: block;
	padding: 100px;
}
#contactUs_a {
	clear: none;
	float: left;
	margin-left: 0;
	width: 90%;
	display: block;
	text-align: left;
}
#google {
	clear: none;
	float: left;
	width: 90%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	color: rgba(51,51,51,1);
}
#contact_form {
	clear: both;
	float: left;
	width: 95%;
	display: block;
	padding-bottom: 50px;
	background-color: rgba(255,255,255,.8);
	margin-top: 50px;
	margin-bottom: 50px;
}
#SocialMediaButtons {
    clear: both;
    float: left;
    margin-left: 0;
    width: auto;
    display: block;
}
#SlideShow {
    clear: both;
    float: none;
    margin-left: auto;
    width: 80%;
    height: auto;
    display: block;
    color: black;
    padding-top: 70px;
    padding-bottom: 50px;
    margin-right: auto;
    z-index: -1;
}
#info {
	clear: both;
	float: none;
	width: 90%;
	display: block;
}
#paypal_button {
    clear: both;
    float: left;
    margin-left: 0;
    width: 60%;
	height: 100px;
    display: block;
}
}

/* general styles */

/* Coolors Exported Palette - coolors.co/080708-3772ff-a51d26-fdca40-e6e8e6

Negro: #080708
LightBlue: #3772ff
REd: #A51D26
Yellow: #FDCA40
Gray: #E6E8E6
Gray: 10% / RGB:235, 235, 235;
color texto: rgba(51,51,51,1);
background-color: rgba(255,255,255,1);

*/

/* HSL
$color1: hsla(300%, 7%, 3%, 1);
$color2: hsla(222%, 100%, 61%, 1);
$color3: hsla(356%, 70%, 38%, 1);
$color4: hsla(44%, 98%, 62%, 1);
$color5: hsla(120%, 4%, 91%, 1); 
*/

/* RGB
$color1: rgba(8, 7, 8, 1);
$color2: rgba(55, 114, 255, 1);
$color3: rgba(165, 29, 38, 1);
$color4: rgba(253, 202, 64, 1);
$color5: rgba(230, 232, 230, 1);
*/

.responsive {
    width: 100%;
    height: auto;
}
/*ex respnsive en img: <img src="nature.jpg" alt="Nature" class="responsive">*/
p {
	font-size: 1.1rem;
}
h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	}
h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 1.3rem;
	font-weight: 400;
}
h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
}
.Yellow_Text {
	color: rgba(255,254,115,1);
}
.orange {
	color: rgba(255,153,0,1);
}
.light_Blue {
	color: rgba(55, 114, 255, 1);
	text-align: center;
}
.celeste {
	color: rgba(177,216,255,1);
}
.textGray {
	color: rgba(51,51,51,1);
}
.red {
	color: rgba(255,51,51,1);
}
#content #content4 span {
	font-style: italic;
}
.WhiteText {
	color: rgba(255,255,255,1);
}
}
}