/* -- Estilos web -- */
html, body {
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
}

label {
	text-align: center;
    width: 100%;
    text-transform: uppercase;
}

/*#capa_selectnext_materiales img.img-thumbnail,
#capa_selectnext_suelo img.img-thumbnail,
#capa_selectnext_banos img.img-thumbnail,
#capa_selectnext_cocina img.img-thumbnail {
	max-width: 150px !important;
}
*/
.text-light {
	color: #fff !important;
}

.navbar-default .navbar-nav>li>a {
    color: black;
    text-transform: uppercase;
	font-weight: bold;
	transition: background-color 0.25s ease;
}

.navbar-default .navbar-nav>li>a:hover {
    color: white;
    background-color: #42a954;
}

.navbar-default 
.navbar-nav>.active>a, 
.navbar-default 
.navbar-nav>.active>a:focus, 
.navbar-default 
.navbar-nav>.active>a:hover {
    color: #fff !important;
    background-color: #008740 !important;
}

.panel-group {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.30)!important;
}

.panel-group .panel+.panel {
    margin-top: 0; 
}

.panel-default {
	border: 0;
	border-radius: 0;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.panel-default>a {
	text-decoration: none !important;
}

.panel-title:hover {
    background: #42a954;
}

.panel-title {
	color: #fff;
    background-color: #008740;
    border-color: #008740;
    border-radius: 0;
    padding: 2rem;
    /*border-bottom: 5px solid #42a954;*/
}

.panel-heading {
    /*color: #fff;
    background-color: #008740;
    border-color: #008740;
    border-radius: 0;*/
    padding: 0;
}

.fa-caret-right {
	margin-right: 0.5rem;
}

.rotate{
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.rotate.down{
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.capa_materiales, .capa_cocina, .capa_opciones, #botones_salas_pb, #botones_salas_pb {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

#capa_seleccion {
	padding: 1.2rem;
}

.imprimir {
	border-radius: 0;
    padding: 1rem;
    font-weight: bold;
    font-size: 16px;
}

.h4-cust {
	margin: 0 !important;
	padding: 1.6rem !important;
	background-color: #008740 !important;
	color: #fff !important;
	text-transform: uppercase;
}

.hr-cust {
    margin-top: 40px !important;
}

.form-control { /* modificando la clase de bootstrap */
	height: 40px !important;
	border-radius: 0 !important;
}

.navbar-cust {
	/*margin-bottom: 0 !important;*/
	/*box-shadow: 0 0 15px #e7e7e7;*/
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.a-cust {
	padding: 4.3rem !important;
}

.no-gutters {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.bg-white {
	background-color: white !important;
}

.opciones-row {
	padding: 2rem 0;
    /*margin-bottom: 4rem;*/
    margin-left: 0 !important;
    /*margin-right: 0 !important;*/
    background-color: #008740;
}

.row-body {
    /*margin-bottom: 4rem;*/
	background-color: #008740;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.30)!important;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.nav-logo {
	max-height: 76px !important;
	display: none !important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.nav-logo {
		max-height: 76px !important;
		display: block !important;
	}

	.nav-logo-xs {
		max-height: 32px !important;
		display: none !important;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }
/* // Estilos web -- */

/* Estilos para capas y funcionalidad del visor */

.margin60b {
	margin-bottom: 60px;
}
.capa_opciones {
	display: none;
}
.capa_cocina {
	display: none;
}
.capa_opciones_aseo {
	display: none;
}

.capa_aseo {
	display: none;
}
.marcador {
	backgrounc-color: #fff;
}

/* PLANTA ALTA */
#plano_alta {
	background-image: url(../images/plano_alta.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;	
}

#plano_dormp {
	background-image: url(../images/pa_hab_matrimonio.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	top: 0px;
	left: 0px;
	position: absolute;
}

#plano_bano1 {
	background-image: url(../images/pa_bano1.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
}
#plano_bano2 {
	background-image: url(../images/pa_bano2.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
}

#plano_dorm1 {
	background-image: url(../images/pa_hab1.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
}
#plano_dorm2 {
	background-image: url(../images/pa_hab2.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
}
a.p {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;
}
a.p#p_bano1 {
    left: 1px;
    top: 146px;
    width: 62px;
    height: 72px;	
}
a.p#p_bano2 {
    left: 113px;
    top: 171px;
    width: 57px;
    height: 58px;	
}
a.p#p_dormp {
	left: 0px;
    top: 20px;
    width: 90px;
    height: 126px;
}
a.p#p_dorm1 {
	left: 89px;
    top: 229px;
    width: 86px;
    height: 108px;
}
a.p#p_dorm2 {
	left: 0px;
    top: 224px;
    width: 89px;
    height: 96px;
}



/* PLANTA BAJA */
#plano_baja {
	background-image: url(../images/plano_baja.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;	
}
#plano_salon {
	background-image: url(../images/pb_salon.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	top: 0px;
	left: 0px;
	position: absolute;
}
#plano_cocina {
	background-image: url(../images/pb_cocina.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
}
#plano_aseo {
	background-image: url(../images/pb_aseo.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
}
#plano_dormpb {
	background-image: url(../images/pb_habitacion.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 361px;
	width: 175px;
	top: 0px;
	left: 0px;
	position: absolute;
	display: none;
}

a.p {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	position: absolute;
	/*background-color: rgba(0, 0, 255, 0.5);*/
}
a.p#p_salon {
    left: 80px;
    top: 126px;
    width: 51px;
    height: 130px;
}
a.p#p_cocina {
    left: 43px;
    top: 171px;
    width: 37px;
    height: 78px;	
}
a.p#p_dormpb {
    left: 43px;
    top: 91px;
    width: 45px;
    height: 53px;
}
a.p#p_aseo {
    left: 43px;
    top: 144px;
    width: 29px;
    height: 27px;	
}
/***/
div#capa_imprimir {
	margin-top: 20px;
}

div#capa_imprimir p {
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

div#capa_seleccion {
	margin-bottom: 20px;
}
.img-thumbnail {
	padding: 0px;
	border: solid 1px #999;
}