#arbolada .container{
	width: 1000px;
}

.bg-arbol {
    /*width: 129%;
    z-index: 4;
    background-image: url(../images/section1_bg.png);
    position: absolute;
    height: 56%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: -259px -135px;
    right: 0;*/
	width: 151%;
    z-index: 4;
    background-image: url(../images/section1_bg.png);
    position: absolute;
    height: 56%;
    background-size: 135%;
    background-repeat: no-repeat;
    background-position: -143px -90px;
    right: 0;
}

.bg1{
	background-color: #bbc4c4;
}



.abajo{
	z-index: -999;
	position: relative;
}

.arriba{
	z-index: 999;
	position: relative;
}

#arbol img {
    padding-top: 28px;
	/*margin-bottom: 30px;*/
	margin: auto;
}

.logo-txt {
    position: absolute;
    top: 370px;
    left: 0;
    right: 0;
    margin: auto;
}

.logo-txt p{
	font-family: Oxygen;
    font-weight: bold;
    color: #000;
}

.formulario{
	padding: 30px 30px;
    background: #92a4a3;
    width: 312px;
    margin: auto;
    top: -62px;
    position: relative;
}

.formulario input, .formulario textarea{
	color: #333333;
    font-size: 15px;
    padding: 7px 7px 6px;
    box-shadow: 0 0 20px #666;
    border: none;
	background: #fff;
	width: 100%;
	margin-bottom: 15px;
	
}

.formulario textarea{
	height: 100px;
}

.formulario span{
	font-size: 12px;
	color: #4e7573;
}

input[type="checkbox"] {
    width: initial;
    margin-right: 10px;
	color: #000;
}

.enviar-btn{
	/*font-family: 'HelveticaInseratLTStd' !important;*/
    color: #fff;
    background: #4e7573;
    border-radius: 20px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.4s;
    /*font-size: 17px;*/
	width: 120px !Important;
	font-weight: 900;
	margin-bottom: 0 !Important;
}

.enviar-btn:hover{
	background: #fff;
	color: #4e7573;
}

.recuadro{
	padding: 30px;
	border: 2px solid #fff;
	width: 353px;
	top: 30px;
	margin: auto;
	margin-top: 30px;
}

.recuadro p{
	font-size: 22px;
	line-height: normal;
}

.precio span{
	font-size: 25px;
	font-weight: 900;
	line-height: 5px;
}

.precio p{
	font-size: 25px;
}


.detalles span{
	font-size: 16px;
	font-weight: 900;
}

.detalles p{
	margin-bottom: 30px;
}

.precio{
	margin-top: 35px;
}

.detalles{
	margin-top: 30px;
}

#fila2{
	margin-top: 50px;
}

.bg2{
	background: #bcc6c6;
	padding: 35px 90px;
}

.recuadro2{
	padding: 30px;
	border: 2px solid #fff;
	top: 30px;
	margin: auto;
}

.recuadro2 p{
	font-size: 23px;
	line-height: normal;
	color: #fff;
}

.txt-verde-fuerte{
	color: #92a4a3;
	font-weight: 900;
	text-align: left;
}

.col-left{
	text-align: left;
	padding: 30px;
}



.col-center{
	text-align: left;
	padding: 30px;
}

 .col-center span{
	font-size:18px;
	font-weight: 900;
 }	

.col-center p{ 
	margin-top:30px;
}

.detalles-bg{
	background: url(../images/section3_bg.png);
	background-repeat: no-repeat;
	min-height: 727px;
}

#detalles .col-left{
	
    position: relative;
    margin-top: 70px;
}

.distribucion-img{
	margin-top: 0px;
	margin-left: 130px;
}

#detalles .col-left ul{
	width: 200px;
	margin-left: 38%;
}

#detalles .col-left ul li {
	list-style: url(../images/section3_left_list.png);
    font-weight: bold;
    padding-left: 5px;
	color: #fff;
	text-align: left;
}

.bg-white-transparent{
	margin: 8.5% 7% 9% 12%;
    background: rgba(255,255,255,0.7);
    padding: 25px 25px 30px 25px;
    box-shadow: 0 0 50px #ccc;
}

.bg-white-transparent p{
	text-align: left;
	margin-bottom: 10px;
}

.bg-white-transparent img{
	margin-top: 20px;
}

.bg-white-transparent b{
	font-weight: 900;
}


.section4-left {
    border: 4px solid #fff;
    padding: 3.5% 0 0;
}

.bg4{
	background: #bbc5c5;
	padding: 30px;
}

.direccion-txt{
	font-family: Oxygen;
    font-weight: bold;
    color: #000;
	margin-top:30px;
	margin-bottom: 30px;
}

#ubicacion .formulario{
	top: 0;
}

.g-recaptcha {
    width: 159px;
    margin: 10px auto 10px auto;
}

input[type="checkbox" i] {
    margin: 3px 3px 3px 4px;
}

input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}


/*========= RESPONSIVE =====================*/

@media (max-width:991px) and (min-width:768px){

.logo-txt{
	top: 269px;
}	

.logo-txt p{
	font-family: Oxygen;
    font-weight: bold;
    color: #000;
	font-size: 12px;
    line-height: normal;
}

.formulario {
    top: 0;
}

.bg2 {
    background: #bcc6c6;
    padding: 30px 30px;
}

.recuadro2 p {
    font-size: 19px;
}

.col-right img{
	margin: auto;
}

.detalles-bg {
    background: url(../images/section3_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 727px;
}

#detalles .col-left img {
    margin-left: 19%;
    position: relative;
    margin-top: 0;
}

#detalles .col-left .logo-l {
    margin-left: 30%;
    position: relative;
    margin-top: 30px;
}

#detalles .col-left ul {
    width: 200px;
    margin-left: 26%;
}

.direccion-txt {
	font-size: 14px;
	line-height: normal;
}

.bg-white-transparent {
    margin: 50px 0;
    background: rgba(255,255,255,0.7);
    padding: 25px 25px 30px 25px;
    box-shadow: 0 0 50px #ccc;
}

.sin-padding{
	padding-left:0;
	padding-right:0;
}

.bg-white-transparent img {
    margin-top: 20px;
    margin: auto;
}
	
}

@media (max-width:767px){
	.bg-arbol {
    width: 132%;
    z-index: 4;
    background-image: url(../images/section1_bg.png);
    position: absolute;
    height: 56%;
    background-size: 138%;
    background-repeat: no-repeat;
    background-position: -143px -72px;
    right: 0;
}

#detalles .col-left img {
    margin-left: 131px;
    position: relative;
    margin-top: 0px;
}

#detalles .col-left .logo-l {
    margin-left: 210px;
    position: relative;
    margin-top: 30px;
}

.sin-padding{
	padding-left:0;
	padding-right:0;
}

.bg-white-transparent {
    margin: 50px 0;
    background: rgba(255,255,255,0.7);
    padding: 25px 25px 30px 25px;
    box-shadow: 0 0 50px #ccc;
}

.formulario {
    
    top: 0;
	width: 93%;
	margin-bottom: 30px;

}

section#ubicacion {
    margin-bottom: 30px;
}

}

@media (max-width:580px){
	#arbolada .container {
    width: auto;
	}
	
	.logo-txt{
	top: 32%;
}	

.logo-txt p{
	font-family: Oxygen;
    font-weight: bold;
    color: #000;
	font-size: 12px;
    line-height: normal;
}

.bg-arbol {
    width: 103%;
    z-index: 4;
    background-image: url(../images/section1_bg.png);
    position: absolute;
    height: 56%;
    background-size: 138%;
    background-repeat: no-repeat;
    background-position: -75px -72px;
    right: 0;
}

.recuadro {
    padding: 30px;
    border: 2px solid #fff;
    width: 300px;
    top: 30px;
    margin: auto;
    margin-top: 30px;
}

.bg2 {
    background: #bcc6c6;
    padding: 30px 30px;
}

.detalles-bg {
    background: url(../images/section3_bg.png);
    background-repeat: no-repeat;
    background-position: 8% top;
    min-height: 727px;
}

#detalles .col-left img {
    margin-left: 65px;
    position: relative;
    margin-top: 0px;
}

#detalles .col-left ul {
    width: 200px;
    margin-left: 28%;
}

#detalles .col-left .logo-l {
    margin-left: 43%;
    position: relative;
    margin-top: 30px;
}

}