.TextCentrado{
    text-align: center;
    margin-top: 0px;
}
#seccion1{
    width: 100%;
    height: 500px;
    background-color: white;
}
#tiraIzqSec1{
    height: 500px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}
#lateralSec1{
    height: 466px;
    width: 398px;
    float: left;
    background-color: white;
}
#escaparateSec1 {
    width: 754px;
    height: 466px;
    float: left;
    background-color: white;
}

#seccion2,#seccion3{
    width: 100%;
    height: 300px;
    background-color: white;
}
#tiraIzqSec2, #tiraIzqSec3{
    height: 300px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec2,#lateralSec3{
    height: 290px;
    width: 398px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec2, #escaparateSec3{
    width: 754px;
    height: 290px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

#seccion4{
    width: 100%;
    height: 686px;
    background-color: white;
}
#tiraIzqSec4{
    height: 686px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec4{
    height: 676px;
    width: 398px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec4{
    width: 754px;
    height: 676px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

#seccion5,#seccion6{
    width: 100%;
    height: 480px;
    background-color: white;
}
#tiraIzqSec5, #tiraIzqSec6{
    height: 480px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec5,#lateralSec6{
    height: 470px;
    width: 398px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec5, #escaparateSec6{
    width: 754px;
    height: 470px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

seccion7{
    width: 100%;
    height: 700px;
    background-color: white;
}
#tiraIzqSec7{
    height: 699px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec7{
    height: 690px;
    width: 398px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec7{
    width: 754px;
    height: 690px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

/* ----CASA-------------------------------------------------*/

.pasos {
    color:#f7c59f;
}
.centrado{
    text-align: center
}
#numPlantas{
    width: 246px;
    margin:auto;
}
.casaValor {
    margin-top: 8px;
    font-size: 16px;
    margin-bottom: 4px;
}
#amount10{
        margin-top: 30px
}
input[type=range]{
  -webkit-appearance: none;
  width: 100%;
  height: 12px;
  background: #d3d4d9;
  outline: none;
  opacity: 0.9;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
input[type=range]:hover {
  opacity: 1;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #f7c59f;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #f7c59f;
  cursor: pointer;
        border-radius: 0px;
    border-color: #f7c59f
}
input[type=range]::-ms-track {
    width: 100%;
    height: 12px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #d3d4d9;
    border-radius: 0px;
}
input[type=range]::-ms-fill-upper {
    background: #d3d4d9;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 20px;
    width: 20px;
    /*border-radius: 50%;*/
      background: #f7c59f;
}
input[type=range]:focus::-ms-fill-lower {
    background: #d3d4d9;
}
input[type=range]:focus::-ms-fill-upper {
    background: #d3d4d9;
}

.spf50{
    width: 50%;
            float: left;
       margin-bottom: 20px
}
.spfLocal{
    width: 246px;
    text-align: left;
    margin: auto;
            margin-top: 20px;
}
.casaLabel {
    font-size: 14px;
}
.casaValor {
			margin-top: 4px;
    font-size: 14px;
    margin-bottom: 4px;
}
.spfValor{
    float: right
}
#brResultado, #srResultado{
    color:#f7c59f;
        font-weight: bold
}
#radio_br, #radio_sr{
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
}
#cal_br, #cal_sr{
    margin-top: 10px;
    width: 514px;
	height: 262px;
    font-size: 14px;
    background: #f4f5fa;;
    color: #888888;
    border: 1px solid #f7c59f;
    padding: 10px;
    font-family: "Quattrocento Sans", Trebuchet MS, Arial;
    line-height: 1.5
 
}
#calcular{
    margin-top: 20px
}
a.botones{
    /*background: #f7c59f;/*white;/*#d3d4d9;*/
    border: 1px solid #f7c59f;
    padding: 2px;
	text-decoration: none; 
    color: #f7c59f;
    /*font-weight: bold;*/
			}
a.botones:link{}
a.botones:visited{}
a.botones:hover{
   background: #f7c59f;
   color: white;
	 cursor: pointer;
	 text-decoration: none; 
	 font-weight: bold;
	 }
a.botones:active{}

.totales{
    background-color: #033f63;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #f7c59f;
    margin-top: 5px
}
.desglose1, .desglose2, .desglose3{
    width: 514px;
    margin: auto;
    border: 1px solid #f7c59f;
    font-size: 14px;
    text-align: left;
    line-height: 130%;
    height: 68px;
    padding: 10px
}
.desglose2{
    height: 88px
}
.desglose3{
    height: 120px
}
.desgloseIzq{
    float: left;
}
.desgloseDcho{
    float: right;
    width: 120px;
}
.text-suma{
    font-weight: bold
}
#print{
    display: none
}


/*-----------------ADAPTACION PANTALLAS mayor 1920px medidas orig x1.5-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1920px){
#seccion1{
    width: 100%;
    height: 699px;
    background-color: white;
}
#tiraIzqSec1{
    height: 699px;
    width: 102px;
    float: left;
    background-color: #f4f5fa;
}
#lateralSec1{
    height: 466px;
    width: 597px;
    float: left;
    background-color: white;
}
#escaparateSec1 {
    width: 1131px;
    height: 699px;
    float: left;
    background-color: white;
}

#seccion2,#seccion3{
    width: 100%;
    height: 460px;
    background-color: white;
}
#tiraIzqSec2, #tiraIzqSec3{
    height: 460px;
    width: 102px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec2,#lateralSec3{
    height: 450px;
    width: 597px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec2, #escaparateSec3{
    width: 1131px;
    height: 450px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

#seccion4{
    width: 100%;
    height: 1020px;
    background-color: white;
}
#tiraIzqSec4{
    height: 1020px;
    width: 102px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec4{
    height: 1010px;
    width: 597px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec4{
    width: 1131px;
    height: 1010px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

#seccion5,#seccion6{
    width: 100%;
    height: 700px;
    background-color: white;
}
#tiraIzqSec5, #tiraIzqSec6{
    height: 700px;
    width: 102px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec5,#lateralSec6{
    height: 690px;
    width: 597px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec5, #escaparateSec6{
    width: 1131px;
    height: 690px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

seccion7{
    width: 100%;
    height: 1050px;
    background-color: white;
}
#tiraIzqSec7{
    height: 1050px;
    width: 102px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec7{
    height: 1040px;
    width: 597px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec7{
    width: 1131px;
    height: 1040px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

/* ----CASA-------------------------------------------------*/

.pasos {
    color:#f7c59f;
}
.centrado{
    text-align: center
}
#numPlantas{
    width: 340px;
    margin:auto;
}

#amount10{
        margin-top: 30px
}
input[type=range]{
  -webkit-appearance: none;
  width: 100%;
  height: 18px;
  background: #d3d4d9;
  outline: none;
  opacity: 0.9;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
input[type=range]:hover {
  opacity: 1;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  background: #f7c59f;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 30px;
  height: 30px;
  background: #f7c59f;
  cursor: pointer;
        border-radius: 0px;
    border-color: #f7c59f
}
input[type=range]::-ms-track {
    width: 100%;
    height: 20px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #d3d4d9;
    border-radius: 0px;
}
input[type=range]::-ms-fill-upper {
    background: #d3d4d9;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 30px;
    width: 30px;
    /*border-radius: 50%;*/
      background: #f7c59f;
}
input[type=range]:focus::-ms-fill-lower {
    background: #d3d4d9;
}
input[type=range]:focus::-ms-fill-upper {
    background: #d3d4d9;
}

.spf50{
    width: 50%;
            float: left;
       margin-bottom: 20px
}
.spfLocal{
    width: 360px;
    text-align: left;
    margin: auto;
            margin-top: 40px;
}
.casaLabel {
    font-size: 20px;
}
.casaValor {
			margin-top: 8px;
    font-size: 20px;
    margin-bottom: 4px;
}
.spfValor{
    float: right
}
#brResultado, #srResultado{
    color:#f7c59f;
        font-weight: bold
}
#radio_br, #radio_sr{
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 24px;
}
#cal_br, #cal_sr{
    margin-top: 15px;
    width: 770px;
	height: 390px;
    font-size: 20px;
    background: #f4f5fa;;
    color: #888888;
    border: 1px solid #f7c59f;
    padding: 10px;
    font-family: "Quattrocento Sans", Trebuchet MS, Arial;
    line-height: 1.5
 
}
#calcular{
    margin-top: 30px
}
a.botones{
    /*background: #f7c59f;/*white;/*#d3d4d9;*/
    border: 1px solid #f7c59f;
    padding: 2px;
	text-decoration: none; 
    color: #f7c59f;
    font-size: 30px;
    /*font-weight: bold;*/
			}
a.botones:link{}
a.botones:visited{}
a.botones:hover{
   background: #f7c59f;
   color: white;
	 cursor: pointer;
	 text-decoration: none; 
	 font-weight: bold;
	 }
a.botones:active{}

.totales{
    background-color: #033f63;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #f7c59f;
    margin-top: 5px
}
.desglose1, .desglose2, .desglose3{
    width: 770px;
    margin: auto;
    border: 1px solid #f7c59f;
    font-size: 20px;
    text-align: left;
    line-height: 130%;
    height: 95px;
    padding: 15px
}
.desglose2{
    height: 120px
}
.desglose3{
    height: 170px
}
.desgloseIzq{
    float: left;
}
.desgloseDcho{
    float: right;
    width: 220px;
}
.text-suma{
    font-weight: bold
}
#print{
    display: none
}
    }

/*-----------------ADAPTACION PANTALLAS 920-1219px medidas originales x0.75 ancho real 916 px-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1219px) and (min-width: 920px) {
#seccion1{
    width: 100%;
    height: 380px;
    background-color: white;
}
#tiraIzqSec1{
    height: 380px;
    width: 51px;
    float: left;
    background-color: #f4f5fa;
}
#lateralSec1{
    height: 380px;
    width: 299px;
    float: left;
    background-color: white;
}
#escaparateSec1 {
    width: 566px;
    height: 380px;
    float: left;
    background-color: white;
}

#seccion2,#seccion3{
    width: 100%;
    height: 240px;
    background-color: white;
}
#tiraIzqSec2, #tiraIzqSec3{
    height: 240px;
    width: 51px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec2,#lateralSec3{
    height: 230px;
    width: 299px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec2, #escaparateSec3{
    width: 566px;
    height: 230px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

#seccion4{
    width: 100%;
    height: 520px;
    background-color: white;
}
#tiraIzqSec4{
    height: 520px;
    width: 51px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec4{
    height: 510px;
    width: 299px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec4{
    width: 566px;
    height: 510px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

#seccion5,#seccion6{
    width: 100%;
    height: 380px;
    background-color: white;
}
#tiraIzqSec5, #tiraIzqSec6{
    height: 380px;
    width: 51px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec5,#lateralSec6{
    height: 370px;
    width: 299px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec5, #escaparateSec6{
    width: 566px;
    height: 370px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

#seccion7{
    width: 100%;
    height: 540px;
    background-color: white;
}
#tiraIzqSec7{
    height: 540px;
    width: 51px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec7{
    height: 530px;
    width: 299px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec7{
    width: 566px;
    height: 530px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}

/* ----CASA-------------------------------------------------*/


#numPlantas{
    width: 185px;
}
.casaValor {
    margin-top: 6px;
    font-size: 12px;
    margin-bottom: 3px;
}
#amount10{
        margin-top: 23px
}
input[type=range]{
  height: 9px;
}

input[type=range]::-webkit-slider-thumb {
  width: 15px;
  height: 15px;
}
input[type=range]::-moz-range-thumb {
  width: 15px;
  height: 15px;
}
input[type=range]::-ms-track {
    height: 9px;
    border-width: 4px 0;
}
input[type=range]::-ms-fill-upper {
    border-radius: 7px;
}
input[type=range]::-ms-thumb {
    height: 15px;
    width: 15px;
}

.spf50{
       margin-bottom: 15px
}
.spfLocal{
    width: 184px;
            margin-top: 12px;
}
.casaLabel {
    font-size: 11px;
}
.casaValor {
			margin-top: 3px;
    font-size: 11px;
    margin-bottom: 3px;
}
#radio_br, #radio_sr{
    margin-top: 22px;
    margin-bottom: 7px;
    font-size: 12px;
}
#cal_br, #cal_sr{
    margin-top: 7px;
    width: 385px;
	height: 196px;
    font-size: 11px;
    padding: 7px;
    line-height: 1.5
}
#calcular{
    margin-top: 15px
}
a.botones{
    padding: 1px;
			}
.totales{
    font-size: 15px;
    margin-top: 3px
}
.desglose1, .desglose2, .desglose3{
    width: 385px;
    font-size: 11px;
    line-height: 130%;
    height: 51px;
    padding: 7px
}
.desglose2{
    height: 66px
}
.desglose3{
    height: 90px
}
.desgloseDcho{
    width: 90px;
}
    }

/*-----------------ADAPTACION PANTALLAS 768-919px medidas originales x0.61 ancho real 754px-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 919px){
      #portada {
    height: 704px;
}
#tiraIzq{
    height: 704px;
    width: 68px;
}   
#lateralMenu{
    height: 280px;
    width: 686px;
} 
    
    
#seccion1{
    width: 100%;
    height: 780px;
    background-color: white;
}
#tiraIzqSec1{
    height: 780px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}
#lateralSec1{
    height: 340px;
    width: 686px;
    float: left;
    background-color: white;
}
#escaparateSec1 {
    width: 686px;
    height: 424px;
    float: left;
    background-color: white;
}

#seccion2{
    width: 100%;
    height: 300px;
    background-color: white;
}
#tiraIzqSec2{
    height: 300px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec2,#lateralSec3{
    height: 150px;
    width: 686px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec2,#escaparateSec3{
    width: 686px;
    height: 140px;
    float: left;
    background-color: white;
    border-top: 0px;
}
#seccion3, #tiraIzqSec3{
        height: 420px
    }
#escaparateSec3{
        height: 260px
    }

#seccion4{
    width: 100%;
    height: 820px;
    background-color: white;
}
#tiraIzqSec4{
    height: 820px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec4{
    height: 170px;
    width: 686px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec4{
    width: 686px;
    height: 640px;
    float: left;
    background-color: white;
    border-top: 0px;
}

#seccion5,#seccion6{
    width: 100%;
    height: 600px;
    background-color: white;
}
#tiraIzqSec5, #tiraIzqSec6{
    height: 600px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec5,#lateralSec6{
    height: 150px;
    width: 686px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec5, #escaparateSec6{
    width: 686px;
    height: 440px;
    float: left;
    background-color: white;
    border-top: 0px;
}

#seccion7{
    width: 100%;
    height: 1190px;
    background-color: white;
}
#tiraIzqSec7{
    height: 1190px;
    width: 68px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec7{
    height: 500px;
    width: 686px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec7{
    width: 686px;
    height: 680px;
    float: left;
    background-color: white;
    border-top: 0px;
}
    
/* ----CASA-------------------------------------------------------------*/

#numPlantas{
    width: 246px;
    margin:auto;
}
.casaValor {
    margin-top: 8px;
    font-size: 16px;
    margin-bottom: 4px;
}
#amount10{
        margin-top: 30px
}
input[type=range]{
  -webkit-appearance: none;
  width: 100%;
  height: 12px;
  background: #d3d4d9;
  outline: none;
  opacity: 0.9;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
input[type=range]:hover {
  opacity: 1;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #f7c59f;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #f7c59f;
  cursor: pointer;
        border-radius: 0px;
    border-color: #f7c59f
}
input[type=range]::-ms-track {
    width: 100%;
    height: 12px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #d3d4d9;
    border-radius: 0px;
}
input[type=range]::-ms-fill-upper {
    background: #d3d4d9;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 20px;
    width: 20px;
    /*border-radius: 50%;*/
      background: #f7c59f;
}
input[type=range]:focus::-ms-fill-lower {
    background: #d3d4d9;
}
input[type=range]:focus::-ms-fill-upper {
    background: #d3d4d9;
}

.spf50{
    width: 50%;
            float: left;
       margin-bottom: 20px
}
.spfLocal{
    width: 246px;
    text-align: left;
    margin: auto;
            margin-top: 20px;
}
.casaLabel {
    font-size: 14px;
}
.casaValor {
			margin-top: 4px;
    font-size: 14px;
    margin-bottom: 4px;
}
.spfValor{
    float: right
}
#brResultado, #srResultado{
    color:#f7c59f;
        font-weight: bold
}
#radio_br, #radio_sr{
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
}
#cal_br, #cal_sr{
    margin-top: 10px;
    width: 514px;
	height: 262px;
    font-size: 14px;
    background: #f4f5fa;;
    color: #888888;
    border: 1px solid #f7c59f;
    padding: 10px;
    font-family: "Quattrocento Sans", Trebuchet MS, Arial;
    line-height: 1.5
 
}
#calcular{
    margin-top: 20px
}
a.botones{
    /*background: #f7c59f;/*white;/*#d3d4d9;*/
    border: 1px solid #f7c59f;
    padding: 2px;
	text-decoration: none; 
    color: #f7c59f;
    /*font-weight: bold;*/
			}
a.botones:link{}
a.botones:visited{}
a.botones:hover{
   background: #f7c59f;
   color: white;
	 cursor: pointer;
	 text-decoration: none; 
	 font-weight: bold;
	 }
a.botones:active{}

.totales{
    background-color: #033f63;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #f7c59f;
    margin-top: 5px
}
.desglose1, .desglose2, .desglose3{
    width: 514px;
    margin: auto;
    border: 1px solid #f7c59f;
    font-size: 14px;
    text-align: left;
    line-height: 130%;
    height: 68px;
    padding: 10px
}
.desglose2{
    height: 88px
}
.desglose3{
    height: 120px
}
.desgloseIzq{
    float: left;
}
.desgloseDcho{
    float: right;
    width: 120px;
}
.text-suma{
    font-weight: bold
}
#print{
    display: none
}
    }  
    
/*-----------------ADAPTACION PANTALLAS 602-767px medidas SALTO ANTERIOR x0.8 ancho real 602px-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 767px){
     #portada {
    height: 618px;
}
#tiraIzq{
    height: 618px;
    width: 54px;
}   
#lateralMenu{
    height: 280px;
    width: 548px;
}
#seccion1{
    width: 100%;
    height: 700px;
    background-color: white;
}
#tiraIzqSec1{
    height: 700px;
    width: 54px;
    float: left;
    background-color: #f4f5fa;
}
#lateralSec1{
    height: 340px;
    width: 548px;
    float: left;
    background-color: white;
}
#escaparateSec1 {
    width: 548px;
    height: 360px;
    float: left;
    background-color: white;
}

#seccion2{
    width: 100%;
    height: 320px;
    background-color: white;
}
#tiraIzqSec2, #tiraIzqSec3{
    height: 320px;
    width: 54px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec2,#lateralSec3{
    height: 170px;
    width: 548px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec2,#escaparateSec3{
    width: 548px;
    height: 140px;
    float: left;
    background-color: white;
    border-top: 0px;
}
#seccion3, #tiraIzqSec3{
        height: 440px
    }
#escaparateSec3{
        height: 260px
    }

#seccion4{
    width: 100%;
    height: 820px;
    background-color: white;
}
#tiraIzqSec4{
    height: 820px;
    width: 54px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec4{
    height: 170px;
    width: 548px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec4{
    width: 548px;
    height: 640px;
    float: left;
    background-color: white;
    border-top: 0px;
}

#seccion5,#seccion6{
    width: 100%;
    height: 600px;
    background-color: white;
}
#tiraIzqSec5, #tiraIzqSec6{
    height: 600px;
    width: 54px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec5,#lateralSec6{
    height: 150px;
    width: 548px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec5, #escaparateSec6{
    width: 548px;
    height: 440px;
    float: left;
    background-color: white;
    border-top: 0px;
}

#seccion7{
    width: 100%;
    height: 1140px;
    background-color: white;
}
#tiraIzqSec7{
    height: 1140px;
    width: 54px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec7{
    height: 500px;
    width: 548px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec7{
    width: 548px;
    height: 630px;
    float: left;
    background-color: white;
    border-top: 0px;
}
/* ----CASA-------------------------------------------------------------*/

#numPlantas{
    width: 246px;
    margin:auto;
}
.casaValor {
    margin-top: 8px;
    font-size: 16px;
    margin-bottom: 4px;
}
#amount10{
        margin-top: 30px
}
input[type=range]{
  -webkit-appearance: none;
  width: 100%;
  height: 12px;
  background: #d3d4d9;
  outline: none;
  opacity: 0.9;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
input[type=range]:hover {
  opacity: 1;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #f7c59f;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #f7c59f;
  cursor: pointer;
        border-radius: 0px;
    border-color: #f7c59f
}
input[type=range]::-ms-track {
    width: 100%;
    height: 12px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #d3d4d9;
    border-radius: 0px;
}
input[type=range]::-ms-fill-upper {
    background: #d3d4d9;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 20px;
    width: 20px;
    /*border-radius: 50%;*/
      background: #f7c59f;
}
input[type=range]:focus::-ms-fill-lower {
    background: #d3d4d9;
}
input[type=range]:focus::-ms-fill-upper {
    background: #d3d4d9;
}

.spf50{
    width: 50%;
            float: left;
       margin-bottom: 20px
}
.spfLocal{
    width: 246px;
    text-align: left;
    margin: auto;
            margin-top: 20px;
}
.casaLabel {
    font-size: 14px;
}
.casaValor {
			margin-top: 4px;
    font-size: 14px;
    margin-bottom: 4px;
}
.spfValor{
    float: right
}
#brResultado, #srResultado{
    color:#f7c59f;
        font-weight: bold
}
#radio_br, #radio_sr{
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
}
#cal_br, #cal_sr{
    margin-top: 10px;
    width: 514px;
	height: 262px;
    font-size: 14px;
    background: #f4f5fa;;
    color: #888888;
    border: 1px solid #f7c59f;
    padding: 10px;
    font-family: "Quattrocento Sans", Trebuchet MS, Arial;
    line-height: 1.5
 
}
#calcular{
    margin-top: 20px
}
a.botones{
    /*background: #f7c59f;/*white;/*#d3d4d9;*/
    border: 1px solid #f7c59f;
    padding: 2px;
	text-decoration: none; 
    color: #f7c59f;
    /*font-weight: bold;*/
			}
a.botones:link{}
a.botones:visited{}
a.botones:hover{
   background: #f7c59f;
   color: white;
	 cursor: pointer;
	 text-decoration: none; 
	 font-weight: bold;
	 }
a.botones:active{}

.totales{
    background-color: #033f63;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #f7c59f;
    margin-top: 5px
}
.desglose1, .desglose2, .desglose3{
    width: 514px;
    margin: auto;
    border: 1px solid #f7c59f;
    font-size: 14px;
    text-align: left;
    line-height: 130%;
    height: 68px;
    padding: 10px
}
.desglose2{
    height: 88px
}
.desglose3{
    height: 120px
}
.desgloseIzq{
    float: left;
}
.desgloseDcho{
    float: right;
    width: 120px;
}
.text-suma{
    font-weight: bold
}
#print{
    display: none
}
    }  


/*-----------------ADAPTACION PANTALLAS 400-601px 0.66 respecto al anterior / ancho real 400px-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 400px) and (max-width: 601px){
#portada {
    height: 482px;
}
#tiraIzq{
    height: 482px;
    width: 36px;
}   
#lateralMenu{
    height: 260px;
    width: 364px;
}
    h4{
        margin-top: 90px;
    }
#seccion1{
    width: 100%;
    height: 600px;
    background-color: white;
}
#tiraIzqSec1{
    height: 600px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}
#lateralSec1{
    height: 360px;
    width: 364px;
    float: left;
    background-color: white;
}
#escaparateSec1 {
    width: 364px;
    height: 222px;
    float: left;
    background-color: white;
}

#seccion2{
    width: 100%;
    height: 320px;
    background-color: white;
}
#tiraIzqSec2, #tiraIzqSec3{
    height: 320px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec2,#lateralSec3{
    height: 170px;
    width: 364px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec2,#escaparateSec3{
    width: 364px;
    height: 140px;
    float: left;
    background-color: white;
    border-top: 0px;
}
#seccion3, #tiraIzqSec3{
        height: 440px
    }
#escaparateSec3{
        height: 260px
    }

#seccion4{
    width: 100%;
    height: 820px;
    background-color: white;
}
#tiraIzqSec4{
    height: 820px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec4{
    height: 170px;
    width: 364px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec4{
    width: 364px;
    height: 640px;
    float: left;
    background-color: white;
    border-top: 0px;
}

#seccion5,#seccion6{
    width: 100%;
    height: 600px;
    background-color: white;
}
#tiraIzqSec5, #tiraIzqSec6{
    height: 600px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec5,#lateralSec6{
    height: 170px;
    width: 364px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec5, #escaparateSec6{
    width: 364px;
    height: 420px;
    float: left;
    background-color: white;
    border-top: 0px;
}

#seccion7{
    width: 100%;
    height: 1120px;
    background-color: white;
}
#tiraIzqSec7{
    height: 1120px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec7{
    height: 500px;
    width: 364px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec7{
    width: 364px;
    height: 610px;
    float: left;
    background-color: white;
    border-top: 0px;
}
    /* ----CASA-------------------------------------------------------------*/

#numPlantas{
    width: 246px;
    margin:auto;
}
.casaValor {
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 4px;
}
#amount10{
        margin-top: 30px
}
input[type=range]{
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: #d3d4d9;
  outline: none;
  opacity: 0.9;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
input[type=range]:hover {
  opacity: 1;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #f7c59f;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #f7c59f;
  cursor: pointer;
        border-radius: 0px;
    border-color: #f7c59f
}
input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #d3d4d9;
    border-radius: 0px;
}
input[type=range]::-ms-fill-upper {
    background: #d3d4d9;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 15px;
    width: 15px;
    /*border-radius: 50%;*/
      background: #f7c59f;
}
input[type=range]:focus::-ms-fill-lower {
    background: #d3d4d9;
}
input[type=range]:focus::-ms-fill-upper {
    background: #d3d4d9;
}

.spf50{
    width: 50%;
            float: left;
       margin-bottom: 20px
}
.spfLocal{
    width: 160px;
    text-align: left;
    margin: auto;
            margin-top: 20px;
}
.casaLabel {
    font-size: 14px;
}
.casaValor {
			margin-top: 4px;
    font-size: 14px;
    margin-bottom: 4px;
}
.spfValor{
    float: right
}
#brResultado, #srResultado{
    color:#f7c59f;
        font-weight: bold
}
#radio_br, #radio_sr{
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 12px;
}
#cal_br, #cal_sr{
    margin-top: 10px;
    width: 320px;
	height: 262px;
    font-size: 12px;
    background: #f4f5fa;;
    color: #888888;
    border: 1px solid #f7c59f;
    padding: 10px;
    font-family: "Quattrocento Sans", Trebuchet MS, Arial;
    line-height: 1.5
 
}
#calcular{
    margin-top: 20px
}
a.botones{
    /*background: #f7c59f;/*white;/*#d3d4d9;*/
    border: 1px solid #f7c59f;
    padding: 2px;
	text-decoration: none; 
    color: #f7c59f;
    /*font-weight: bold;*/
			}
a.botones:link{}
a.botones:visited{}
a.botones:hover{
   background: #f7c59f;
   color: white;
	 cursor: pointer;
	 text-decoration: none; 
	 font-weight: bold;
	 }
a.botones:active{}

.totales{
    background-color: #033f63;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #f7c59f;
    margin-top: 8px
}
.desglose1, .desglose2, .desglose3{
    width: 340px;
    margin: auto;
    border: 1px solid #f7c59f;
    font-size: 10px;
    text-align: left;
    line-height: 160%;
    height: 68px;
    padding: 10px
}
.desglose2{
    height: 88px
}
.desglose3{
    height: 120px
}
.desgloseIzq{
    float: left;
}
.desgloseDcho{
    float: right;
    width: 80px;
}
.text-suma{
    font-weight: bold
}
#print{
    display: none
}

    }  
    


/*-----------------ADAPTACION PANTALLAS hasta 399px 0.8 respecto al anterior / ancho real 320px-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 399px){
            #portada {
    height: 434px;
}
#tiraIzq{
    height: 434px;
    width: 36px;
}   
#lateralMenu{
    height: 260px;
    width: 284px;
}
    h4{
        margin-top: 80px
    }
#seccion1{
    width: 100%;
    height: 620px;
    background-color: white;
}
#tiraIzqSec1{
    height: 620px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}
#lateralSec1{
    height: 430px;
    width: 284px;
    float: left;
    background-color: white;
}
#escaparateSec1 {
    width: 284px;
    height: 174px;
    float: left;
    background-color: white;
}

#seccion2{
    width: 100%;
    height: 340px;
    background-color: white;
}
#tiraIzqSec2, #tiraIzqSec3{
    height: 340px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec2,#lateralSec3{
    height: 190px;
    width: 284px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec2,#escaparateSec3{
    width: 284px;
    height: 140px;
    float: left;
    background-color: white;
    border-top: 0px;
}
#seccion3, #tiraIzqSec3{
        height: 460px
    }
#escaparateSec3{
        height: 260px
    }

#seccion4{
    width: 100%;
    height: 820px;
    background-color: white;
}
#tiraIzqSec4{
    height: 820px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec4{
    height: 210px;
    width: 284px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec4{
    width: 284px;
    height: 600px;
    float: left;
    background-color: white;
    border-top: 0px;
}

#seccion5,#seccion6{
    width: 100%;
    height: 640px;
    background-color: white;
}
#tiraIzqSec5, #tiraIzqSec6{
    height: 640px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec5,#lateralSec6{
    height: 190px;
    width: 284px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec5, #escaparateSec6{
    width: 284px;
    height: 420px;
    float: left;
    background-color: white;
    border-top: 0px;
}

#seccion7{
    width: 100%;
    height: 990px;
    background-color: white;
}
#tiraIzqSec7{
    height: 990px;
    width: 36px;
    float: left;
    background-color: #f4f5fa;
}

#lateralSec7{
    height: 510px;
    width: 284px;
    float: left;
    background-color: white;
    border-top: 10px solid #f7c59f;
}
#escaparateSec7{
    width: 284px;
    height: 460px;
    float: left;
    background-color: white;
    border-top: 0px;
}
/* ----CASA-------------------------------------------------------------*/


#numPlantas{
    width: 200px;
    margin:auto;
}
.casaValor {
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 4px;
}
#amount10{
        margin-top: 30px
}
input[type=range]{
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #d3d4d9;
  outline: none;
  opacity: 0.9;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
input[type=range]:hover {
  opacity: 1;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #f7c59f;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  background: #f7c59f;
  cursor: pointer;
        border-radius: 0px;
    border-color: #f7c59f
}
input[type=range]::-ms-track {
    width: 100%;
    height: 8px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #d3d4d9;
    border-radius: 0px;
}
input[type=range]::-ms-fill-upper {
    background: #d3d4d9;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 12px;
    width: 12px;
    /*border-radius: 50%;*/
      background: #f7c59f;
}
input[type=range]:focus::-ms-fill-lower {
    background: #d3d4d9;
}
input[type=range]:focus::-ms-fill-upper {
    background: #d3d4d9;
}

.spf50{
    width: 50%;
            float: left;
       margin-bottom: 20px
}
.spfLocal{
    width: 128px;
    text-align: left;
    margin: auto;
    margin-top: 20px;
}
.casaLabel {
    font-size: 11px;
}
.casaValor {
    margin-top: 4px;
    font-size: 12px;
    margin-bottom: 4px;
}
.spfValor{
    float: right
}
#brResultado, #srResultado{
    color:#f7c59f;
        font-weight: bold
}
#radio_br, #radio_sr{
    margin-top: 24px;
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 12px;
    width: 200px;
    margin: auto
}
#cal_br, #cal_sr{
    margin-top: 10px;
    width: 250px;
	height: 262px;
    font-size: 12px;
    background: #f4f5fa;;
    color: #888888;
    border: 1px solid #f7c59f;
    padding: 10px;
    font-family: "Quattrocento Sans", Trebuchet MS, Arial;
    line-height: 1.5
 
}
#calcular{
    margin-top: 20px
}
a.botones{
    border: 1px solid #f7c59f;
    padding: 2px;
	text-decoration: none; 
    color: #f7c59f;
			}
a.botones:link{}
a.botones:visited{}
a.botones:hover{
   background: #f7c59f;
   color: white;
	 cursor: pointer;
	 text-decoration: none; 
	 font-weight: bold;
	 }
a.botones:active{}

.totales{
    background-color: #033f63;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #f7c59f;
    margin-top: 8px
}
.desglose1, .desglose2, .desglose3{
    width: 270px;
    margin: auto;
    border: 1px solid #f7c59f;
    font-size: 8px;
    text-align: left;
    line-height: 160%;
    height: 50px;
    padding: 5px
}
.desglose2{
    height: 64px
}
.desglose3{
    height: 90px
}
.desgloseIzq{
    float: left;
}
.desgloseDcho{
    float: right;
    width: 50px;
}
.text-suma{
    font-weight: bold
}
#print{
    display: none
}
    }