body {
  background:#f0f0f0;
  font-family: 'Roboto', sans-serif;
}

/*p { font-size:16px; font-family: 'Roboto', sans-serif; }*/
a:hover{ text-decoration: none;}

div#colorbox {
  display: none !important;
}

/* Hack Sodimac */
div#interior {
    float: none !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

.container.breadcrumb.hidden-xs.hidden-sm.newDbreadrumb {
    display: none!important;
}


h2.txt-general-subheader {
    display: block;
    padding: 5px 30px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    color:#444;
    width: 100%;
    text-transform: none;
    margin-top: 5px !important;
}
h2.txt-general-header {
    margin-top:10px !important;
    margin-bottom:5px !important;
    display: block;
    padding: 5px 30px;
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    color:#444;
    width: 100%;
    text-transform: uppercase;
}


.cnt-guia {
  position:relative;
  z-index:200;
}

.menu-lateral {
  display: inherit;
}


/* HEADER */
.cnt-header {
	background: url("../images/content/irma-header-top.jpg") no-repeat;
	min-height:500px;
	max-height:520px;
	background-size:contain;
  background-size: cover;
	border-radius: 0px !important;
  display:flex;
  flex-flow:column nowrap;
  justify-content: center;
  align-items: center;
}

.title-header-top {
	width:50%;
	padding:20px 20px;
	text-align: center;
	background:white;
  overflow: hidden;
}

hr.hr-top {
margin-top:10px !important;
margin-bottom:10px !important;
 }

.title-header-top .subtitleh {
	margin-bottom:5px;
	font-size: 28px;
	text-transform: none;
}
.title-header-top .subtitleh2 {
	font-weight:500;
	font-size: 20px;
	text-transform: none;
	margin-bottom:5px;
}
.title-header-top p {
	font-size: 14px;
	text-transform: uppercase;
  font-weight: 400;
  color:#333333;
}



/* Hover imagenes */


.containerImageH {
  position: relative;
  overflow: hidden;
  max-height: 390px;
  overflow: hidden;
  /*width: 30%;*/
}

.imgMenuAsist {
  width:100px;
}

.image {
  display: block;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
  opacity: 0;
  z-index:1;
  transition: .5s ease;
  background-color: rgba(0,114,206,0.7);
}

.containerImageH:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index:2;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


.text h3 {
  font-size:25px;
  font-family: 'Roboto', sans-serif;
  font-weight:500;
  letter-spacing:0.03em;
  margin:5px 0 8px 0;
	text-transform: uppercase;
}


/** Overlay Baño **/

.overlay-bano {
	position: absolute; bottom: 0; left: 0; right: 0; height: 100%; width:100%; opacity: 0; z-index:1; transition: .5s ease;
	background:rgba(125,78,13,0.8) no-repeat center; padding:10px 20px; display:flex; flex-flow:column nowrap; justify-content: center; align-items: center;
}
.containerImageH:hover .overlay-bano {
  opacity: 1;
	text-decoration: inherit !important;
  z-index:1;
}
.link-bano:hover .overlay-bano{
	opacity: 1;
	text-decoration: none !important;
  z-index:1;
}

.link-bano {margin: 0 0 25px 0;}

.link-bano h3 { position:relative; color:white; font-size:18px; font-weight:500; padding:10px 0px 10px 0px; text-align: center; text-transform: uppercase; margin:0 auto; letter-spacing: 0.03em;
z-index: 1; text-shadow: 0px 1px 11px rgba(150, 150, 150, 1);}

.link-bano:hover h3{
	text-decoration: none !important;
  text-shadow: none;
}

.overlay-bano p { color: white; font-size:14px; text-transform: none !important; text-shadow: none; text-align:center; line-height:1.4em; }
.overlay-bano h3 { margin-bottom:5px; display:block; text-align: center; line-height:1.3em;}




.show-info {
	position: absolute; bottom: 0; left: 0; right: 0; height: 100%; width:100%; opacity: 1; z-index:1; transition: .5s ease;
	background:rgba(0,0,0,0.2) no-repeat center; padding:10px 20px; display:flex; flex-flow:column nowrap; justify-content: center; align-items: center;
}
.containerImageH:hover .show-info {
  opacity: 0;
	text-decoration: inherit !important;
  z-index:1;
}
.link-bano:hover .show-info{
	opacity: 0;
	text-decoration: none !important;
  z-index:1;
}

.show-info p { color: white; font-size:14px; text-transform: none !important; text-shadow: none; text-align:center; line-height:1.4em;}
.show-info h3 { margin-bottom:5px; display:block; text-align: center; line-height:1.3em;}



/* Imagenes effects */

a.container-img {
cursor: pointer;
 color:#000;
 }

 a.container-img:hover {
	 text-decoration:none;
	 color:#444;
  }

 .item {

 }
 .item img {
 -webkit-transition: 0.6s ease;
 transition: 0.6s ease;
 }
 .container-img:hover .item img {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
 }

.cnt-image-zoom {
	overflow: hidden;
	display: block;
}

 .container-img span {
	 display: block;
	 background:white;
	 padding:20px 10px;
	 font-weight: 700;
	 font-size:18px;
	 text-align: center;
 }


 /********** Secciones generales *****************/


.txt-guia { text-align: center; margin:0 0 30px 0; display: block; line-height: 1.6em; color:#333; font-size:16px;}

/** BAÑO **/
.header-bano { display:block; background:rgba(216,175,85,1) url("../images/bano-header.jpg") no-repeat 0 40%; background-size:cover; height:250px; width: 100%;}
.txt-bano { display:block; background:rgba(216,175,85,1); padding:20px 30px; font-size:30px; font-weight: 400; text-align:center; color:white;  width: 100%; text-transform: uppercase;}

/* Buttons */
a.btn-bano {
  color:rgba(216, 175, 85, 1);
  background: rgba(228, 207, 162, 1);
  border: 1px solid #f0f0f0 !important;
}
a.btn-bano:hover {
  color:white;
  background: rgba(132, 163, 180, 1);
  border: 1px solid #f0f0f0 !important;
}

a.descargaPdf {
    cursor: pointer;
    color: #0072ce;
    display: block;
    text-align: center;
    margin: 15px 0 0 0;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 15px;
    border: 2px solid #0072ce;
}


/******** FLECHA DE DESPLAZAMIENTO ********/

a.subir{
   position: fixed;
   right: 25px;
   bottom:150px;
   width:30px;
   height:30px;
   display: block;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 20px;
   background:rgb(0, 171, 72) url("../images/flecha-sp.svg") no-repeat center center;
   background-size:40%;
   cursor:pointer;

   /*Sombreados*/
   box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);

   color:white;
   /*padding: 9px;
   line-height: 9px;
   */
}


a.subir:hover{
   box-shadow: 0px 0px 10px rgba(0,0,10,0.6);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,10,0.6);
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,10,0.6);
}





/* Todo JARDIN *******/

a.link-todojardin {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;

  cursor:pointer;
  text-transform: uppercase;
  background: #91b43d;
  font-size:1.3em;
  color: white;
  margin: 15px 0 0 0;
  padding:15px 10px;

}




/********** MEDIA QUERIES ************************/



@media (min-width: 768px) and (max-width: 1199px) {
  #subir {
    display:none !important;
  }
 }

 @media (min-width: 981px) and (max-width: 1199px) {

   .menu-lateral {
     display: none;
   }
   #subir {
     display:none !important;
   }


  }


@media (max-width: 767px) {


  span.ti-item-mi {
    text-align: left !important;
  }


  .menu-lateral {
    display: none;
  }
  .title-header-top .subtitleh {
      font-size: 22px;
  }
  .title-header-top {
      width: 60%;
  }





 }


@media (max-width: 480px) {



  .menu-lateral {
    display: none;
  }
  .title-header-top p {
    font-size: 12px;
}
  .title-header-top {
      width: 95%;
  }
  .title-header-top .subtitleh {
      margin-bottom: 5px;
      font-size: 20px;
      text-transform: none;
  }
.txt-bano, .txt-cocina, .txt-interior, .txt-exterior, .txt-calefaccion {
  font-size:18px;
  line-height:1.2em;
}


.cnt-header {
    background: url(../images/content/irma-header-mb-top.jpg) no-repeat;
    min-height: 400px;
    max-height: 420px;
    background-size: contain;
    background-size: cover;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.btn { white-space:normal; }

/*  Top OVerlay */

.overlay-bano { background-size: 80px;}
/*.overlay-cocina { background-size: 80px;}
.overlay-interior { background-size: 80px;}
.overlay-exterior { background-size: 80px;}
.overlay-calefaccion { background-size: 80px;}
*/


 }