html {
	scroll-behavior: smooth;
  } 
  
p{
	margin-bottom: 1rem;
    margin-top: 1rem !important;
		/* font-size:2vh !important; */
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */

.scrolling-wrapper{
	/* overflow-x: auto; */
}

  
body{
	font-family: 'Roboto', sans-serif !important;
	background-color: black;
	color: #21272D;
	
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////// AQUI VA  */



:root {
	--code-color: darkred;
	--code-bg-color: #aaaaaa;
	--code-font-size: 14px;
	--code-line-height: 1.4;
	--scroll-bar-color: #c5c5c5;
	--scroll-bar-bg-color: #f6f6f6;
}

pre {
	color: var(--code-color);
	font-size: var(--code-font-size);
	line-height: var(--code-line-height);
	background-color: var(--code-bg-color);
}

::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }

* {
	scrollbar-width: thin;
	scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}



/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

*::-webkit-scrollbar-track {
	background: var(--scroll-bar-bg-color);
}

*::-webkit-scrollbar-thumb {
	background-color: var(--scroll-bar-color);
	/* border-radius: 20px; */
	border: 3px solid var(--scroll-bar-bg-color);
}





/*////////////////////////////////////////////////////////////// CONTENIDOS HOMES //////////////////////////////////////////////////////////////*/

.horizontales{
	/* overflow-y: hidden; */
}

.titulos{
	top: 0;
	left: 0;
    position: fixed;
	z-index: 10;
	margin: 0px !important;
    padding: 0px !important;
}



/*////////////////////////////////////////////////////////////// CONTENIDOS HOMES //////////////////////////////////////////////////////////////*/

.lateral01 {
	display:flex;
      justify-content:center;
      align-items:center;
    /*margin: 0px !important;
    padding: 0px !important;*/
    background-color:#C16741;
	color:white;
		
}

.lateral02 {
	display:flex;
	justify-content:center;
	align-items:center;
    /*margin: 0px !important;
    padding: 0px !important;*/
    background-color:#DEDAD3;
	color:#21272D;
    }

.lateral01, .lateral02 {
    height: 50vh;  
	
}
.lateral01 h1, .lateral02 h1{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1em;
	line-height: 1em;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-align: center;
	/*color:#21272D;*/
	float:left;
	padding: 0 8px;
	margin:0 8px;
	
}

/*////////////////////////////////////////////////////////////// CONTENIDOS HOMES //////////////////////////////////////////////////////////////*/







.contenedor{
	padding-left: 30px !important;
	margin-left: 30px !important;
	

}


/*.contenido{
    height: 80vh;
	scrollbar-width: thin;
}*/


.titulocontenido{
	top: 0 !important;
	padding: 10px 0 ;
	/*margin:10px 0;*/
	position: fixed;
	background-color:#DEDAD3;
	color:#21272D;
	display:inline-flex;
	width: 100%;
	font-size:1em;
	min-height: 10vh !important;
	height: 10vh !important;
	max-height: 10vh !important;

	display: flex;
  	align-items: center;
}

.titulocontenido h2{
	padding-top: 10px;
	font-size:1.3em;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1.3em;
}



.contenido{	
	/* background:yellow; */
	/* padding-top: 100px !important; */
	/* margin-top: 30px !important; */
	/* margin-top:45px !important; */


	/* 
	
	padding-top: 11vh;
	font-size: 1em;
	min-height: 85vh;
	height: 85vh;
	max-height: 85vh;
	display:block;
	align-items:center; */
	
}

.contenido h2{
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: 400;
	padding: 20px 0;
}



.salto01{
	padding-left: 20px;
}

.salto02{
	padding-left: 100px;
	padding-right: 100px;
}


.titulonav{
	margin-bottom: 10px;
	position: fixed;

}




.piedenota{
	bottom: 0;
	background-color:#DEDAD3;
	height: 13vh;
	max-height: 13vh;
	display: flex;
	/* bottom: 0 !important;
	margin-bottom: 0px !important; */
	
}

.fondogris{
	background-color:#DEDAD3;
}

.piedenota p{
	font-family: 'Cormorant Infant';
	font-size: .9em;
	padding-top: 10px;
}

/* ////////////////////////////////////////// MARCOS INTERIORES ////////////////////////////////////////// */

.marco {
	/* border: 1px solid #505056;
	border-bottom: none; */
	border-left: 1px solid #505056;
}

.marco0 {
	/* border: 1px solid #505056;
	border-right: none;
	border-left:none; */
	border-right: 1px solid #505056;
	border-top: 1px solid #505056;
}

.marco2 {
	/* border: 1px solid #505056;
	border-right: none;
	border-left:none; */
	border-left: 1px solid #505056;
	border-top: 1px solid #505056;
}

.marco3 {
	border: 1px solid #505056;
}

.marco4 {
	border-top: 1px solid #505056;
}
.marco5 {
	border-bottom: 1px solid #505056;

}



.regresar{
	color:#C16741;
	/* transition: transform 250ms; */

}

.regresarverde{
	color:#08646C;
	/* transition: transform 250ms; */

}

.regresargris{
	color:#19222A;
	/* transition: transform 250ms; */

}

.regresar:hover{
	/* transform: translateX(-10px); */

	

}

 
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* 
#module {
	width: 100%;
  }
  
  #module a.collapsed:after {
	content: '+ Show More';
  }
  
  #module a:not(.collapsed):after {
	content: '- Show Less';
  } */


.fondo00{
	/* back */
	/* background: #DEDAD9 !important; */
	/* background: #d5d0cf !important; */
	background: #DEDAD9 !important; 

}

.fondo01{
	/* oscuro */
	background:#E6E1DA !important;
}
.fondo02{
	/* claro */
	background:#EBECE3 !important;
}
.fondo03{
	/* bajos */
	background:#CFD1D1 !important;

}







.container-fluid.colapsables {
    padding-right: 0px;
    padding-left: 0px;
}

  .accordion .card-header{ 
	/*abierto*/
	/* background-color: #EBECE3 !important; */
	background: #EBECE3 !important;
	color:#DA672C !important;

  }
  .accordion .card-header.collapsed {
	/*cerrado*/
	/* background-color: #E6E1DA !important; */
	background: #E6E1DA !important;
	color:#21272D !important;

  }


.card {
	border-top: none !important;
	font-size:2.2vh !important;
}

  .card-header:hover{
	/* background: rgba(0,0,0,.03) !important; */
}

   

.card-header.titcardn {
    color: #C94B29 !important;
}
.card-header.titcardv{
    color:#08646C !important;
}
.card-header.titcardg {
    color: #4F4F55 !important;
}
.card-header.titcardgb {
    color: #4F4F55 !important;
}



/* .cardheader01:hover ~ .contenedorcabeza01 { background-color: black; } */

.accordion .card-header ~ .pliegues { 
	/* background-color: #EBECE3 !important; */
	background-color: #EBECE3 !important;
}

.accordion .card-header ~ .container-fluid.sliderarea { 
	/* background-color: #EBECE3 !important; */
	background-color: #EBECE3 !important;
}


.accordion .card-header.collapsed  ~ .pliegues { 
	background-color: #E6E1DA !important; 
}

.accordion .card-header.collapsed  >  #sliderarea { 
	background-color: #E6E1DA !important; 
}



.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f00d";
    float: right; 
	/* color:red !important; */
	/* color:#DA672C; */
	font-size: 1.4em !important;
}

.accordion .card-header.noclose:after {
display: none ;   
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
	color:#000;
	/* color:blue !important; */
	font-size: 1.4em !important;
}




.card-header.d-flex.collapsed.pliegues.bajos {
    background: #CFD1D1 !important;
    color: #21272D !important;
}








#panel01 {
	/* background:none; */
}

.card-header{
	padding-left: 0 !important;
	/* background-color: rgba(135, 91, 91, 0) !important; */
    border-bottom: 0px solid rgba(0,0,0,.125) !important;
	/* border-top: 1px solid rgba(0,0,0,.125) !important; */
	/* border-top: 1px solid #4F4F55 !important; */
	border-top: 1px solid  rgba(0,0,0,.3) !important;
}

.headerno{

	background-color: rgba(135, 91, 91, 0) !important;
    border-bottom: 0px solid rgba(0,0,0,.125) !important;
	/* border-top: 1px solid white !important; */
	/* border-top: 0px solid #EBECE3 !important; */
	border-top: 0px solid #4F4F55 !important;

}

.card-title{
	margin-bottom: 0 !important;
	font-size: 1.4em !important;

}

/* ///////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////REVISAR///////////////////////////////// */

.activo{
    background: #EBECE3 !important;
}

.style2{
    background-color:blue;
    color:white;
    font-size:44px;
}
/* ///////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////// MARCO HOMES ////////////////////////////////////////// */

.marco01{
	/* border-bottom: 1px solid rgba(0,0,0,.2) !important; */
	border-bottom: 1px solid rgba(0,0,0,.4) !important;
}
.marco02{
	/* border-right: 1px solid rgba(0,0,0,.2) !important; */
	border-right: 1px solid rgba(0,0,0,.4) !important;
}
.marco03 {
	/* border-left: 1px solid rgba(0,0,0,.2) !important; */
	border-left: 1px solid rgba(0,0,0,.4) !important;
}
.marco04{
	/* border-top: 1px solid rgba(0,0,0,.2) !important; */
	border-top: 1px solid rgba(0,0,0,.4) !important;
}


.menunav{


}

.menu{
	height: 110px;
	padding-top:20px
}

.piedefotoshomes{
	font-family: 'Cormorant Infant';
	font-size: .9em;
	padding-top: 10px;
}

.logo1521{}


.menu1521des {
	display: table-cell;
	background:#E6E1DA;
	min-height: 90px;
	border: 1px solid rgba(0,0,0,.125) !important;
	text-align: center;
	vertical-align: middle;
	font-size: 1em;
	font-weight: 600;
}
.menu1521des p{
	padding: 0 !important;
	margin:0 !important;
	 
}



.menu1521act{
	/* min-height: 80px; */
	border-bottom:none !important;

}


.menunaranja{
	color:#C94B29;
}











.titulosmenu{
	font-size: .8em;
}









.profundizarn{
	color:#C94B29 !important;
	text-transform: uppercase;
}

.profundizarn a{
	font-size: 2vh;
	padding: 5px;
	border-radius: 5px;
	background: #C94B29 !important;
	color:#fff !important;
	text-decoration:none;
}

.profundizarn a:hover{
	background: gray !important;
	color:#fff !important;
	text-decoration:none;
}


.profundizarv{
	color:#08646C !important;
	text-transform: uppercase;
}

.profundizarv a{
	font-size: 2vh;
	padding: 5px;
	border-radius: 5px;
	background: #08646C !important;
	color:#fff !important;
	text-decoration:none;
}

.profundizarv a:hover{
	background: gray !important;
	color:#fff !important;
	text-decoration:none;
}

.profundizarg{
	color:#4F4F55 !important;
	text-transform: uppercase;
}

.profundizarg a{
	font-size: 2vh;
	padding: 5px;
	border-radius: 5px;
	background: #4F4F55 !important;
	color:#fff !important;
	text-decoration:none;
}

.profundizarg a:hover{
	background: gray !important;
	color:#fff !important;
	text-decoration:none;
}






/*////////////////////////////////////////////////////////////////////////////////////////////////////////////


.modal-dialog {
      width: 800px;
      margin: 30px auto;
  }
.modal-body {
  position:relative;
  padding:0px;
  min-height:400px;
  background:#ccc;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/









header{
	background:#93282C; 
	color: white;
}


main{
	background: #DEDAD9 !important;
}
 
nav.navbar.navbar-expand-lg.navbar-light.bg-light{
	padding-bottom: 0px !important;
	background: #DEDAD9 !important;

}


.nav-item{
	/* width: 30vh !important; */
	/* min-height: 90px; */
	min-height: 80px;
	height: 80px !important;
	padding: 0 16px;
	/* border:1px solid #ccc; */
	/* border:1px solid #4F4F55; */
	/* ///////////////////////////////////////////////////////////////////////////////////////// */
	/* border: 1px solid rgba(0,0,0,.2) !important; */
	border: 1px solid rgba(0,0,0,.4) !important;
	/* ///////////////////////////////////////////////////////////////////////////////////////// */
	/* font-weight: 500;
	font-size: 1.3rem; */
	font-size: 1rem;
	font-weight: 600;
}


.nav-item:hover{
	background: #EBECE3  !important;
}

.active{
	border-bottom: none !important;
}

.hmbtn00 a{
	color:#212529 !important;
}
.hmbtn01 a{
	color:#C24B29 !important;
}

.hmbtn02 a{
	color:#08646C !important;
}
.hmbtn03 a{
	color:#4F4F55 !important;	
}











/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */




.botonenviar {
    display: inline-block !important;
    background-color: #C94B29 !important;
    color: white !important;
    /* padding: 5px 15px !important; */
	width: 100%;
}
input.camposform {
    width: 100% !important;
    padding: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #8c8c8c !important;
}


footer{
  padding:30px 0;
 /* background:#963208;  */
 background: #93282C ;
 color: white;
}

footer a{
  color:white;
  text-decoration: underline;
}
footer a:hover{
  color:white;
  text-decoration: none;
}




.logosfooter img{
  padding: 15px 0;
}




.crece {
    padding: 20px 0;
    }




.derechos{
/*  font-size: .8em;
*/
font-size: 1em;
}

.derechos p{
/*  font-size: .8em;
*/
font-size: 1em;
}





/*************************************************** SOCIAL MEDIA *********************************************/




.fa {
    transition: transform .2s; /* Animation */

     padding: 5px;
    font-size: 1.5rem !important;
    width: 35px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

a.fa {
    color: #93282C ;
    text-decoration: none;
    border-radius: 5px;
}


.fa:hover {
    opacity: 0.7;
    text-decoration: none;
    transform: scale(1.1);
    color:#93282C;
}

.fa-facebook {
  background: /*#3B5998*/white;
  color: #93282C;
}

.fa-twitter {
  background: /*#55ACEE*/white;
  color: #93282C;
}

.fa-youtube {
  background: /*#bb0000*/white;
  color: #93282C;
}

.fa-instagram {
  background: /*#125688*/white;
  color: #93282C;
}



/* 



.socialinteriores {

  background:#1b5285;
  color: white !important;


}


.socialinteriores a:hover {

  background: red !important;
  color: white !important;

}

 */






#container:hover > #cube { background-color: yellow; }







.primertab{
	/* padding-top: 40px !important;
	border-top: 1px solid rgba(0,0,0,.125) !important; */
}


.btnnav{
	/* min-width: 250px; */
	min-width: 180px;
}



hr.hrlogos {
    color: white;
    background: white;
}












































/* ---------------------- PRUEBAS ------------------------ */



.fake{
	min-width: 3rem !important;
	width: 3rem !important;
}

.fakegris{
	min-width: 4vw !important;
	width: 4vw !important;
}


.barratitulo{
	top: 0 !important;
	/* padding: 0 3rem ; */
	padding-left: 3rem;
	/*margin:10px 0;*/
	
	/* position: fixed; */
	
	background-color:#DEDAD3;
	color:#21272D;
	/* display:inline-flex; */
	/* width: 100%; */
	font-size:1em;
	/* display: flex !important; */
  	align-items: center;
	min-height: 10vh;
	height: 10vh;
	max-height: 10vh;
}



.barratitulo h2{
	padding-top: 10px;
	font-size:1.3em;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 2.2vh;
	font-size: 2.2vh;
}














.barracontenido{
	padding-left: 0px !important;

	 margin-top: 10vh !important; 
	/*PARA CAMBIO */
	/* padding-top: 10vh !important; */
	




	/* height: 88vh;
	min-height: 88vh;
	max-height: 88vh; */
}


.barracontenido h2 {
    font-size: 3.9vh;
}


.color001{
	background:blue;
}


.color002{
	background: red;
}


.menulateral{
	transform: rotate(-90deg);		
	/* text-orientation: upright; */
}

.verticalbtn{
	/* transform: rotate(-90deg);		
	text-orientation: upright; */
	/* width: 40vw; */
}

.verticalbtna{
	/* height: 39vh; */
}

.verticalbtna p{
	/* display: inline-flex; */
}



.menulateral2{
	/* ancho del menu */
	/* height: 1vw !important;
	max-height: 70vh !important;
	 */
	/* width: 1vh !important; */
}


.navlateral{
	z-index: 1; 
	position: absolute; 
	left: 0px; 
	top: 10vh; 
	background-color: #000000;
}

.main-nava {

	max-width:50vh;    
	/* height:1vw; */
	/* position:fixed; */
	background:orange;
	-webkit-transform-origin: left top;
	-webkit-transform:rotate(-90deg) translateX(-100%);

	
  }

  .main-nav {
	z-index: 10 !important;

	margin-left: 0 !important;
    width:90vh;    
    /* height:45px; */
	height: 3rem;
    position:fixed;
    background:#4c4c4c;
    -webkit-transform-origin: left top;
    -webkit-transform:rotate(-90deg) translateX(-100%);
}
ul.nav {    
    margin:0 auto;
    height:100%;        
}

ul.nav li {    
    /* margin-right:20px; */
    /* float:right; */
    height:100%;
    line-height:3rem;
	text-justify:center;
	background-color:#DEDAD3;
	font-size: 1.8vh;

}
ul.nav li a { 
	display: block;
	color:#21272D !important;    
}

/* ul.nav li a:hover, .activo {
	background-color:#C16741 !important;
	color:#ECECE3  !important;

} */

.mainnavgris{
	line-height: 1vw !important;
	height: 4vw !important;
}
.navgris li{
	line-height: 1vw !important;
}
.navgris li a {
    line-height: 1vw !important;
    padding: 1vw 0;
}
.activogris {
	background-color:#19222A !important;
	color:#ECECE3  !important;
	line-height: 1vw !important;
    padding: 1vw 0;
}

ul.nav.navgris li a:hover {
	background-color:#19222A !important;
	color:#ECECE3  !important;
}


.activoverde {
	background-color:#08646C !important;
	color:#ECECE3  !important;

}

ul.nav.navverde li a:hover {
	background-color:#08646C !important;
	color:#ECECE3  !important;
}


.activonaranja {
	background-color:#C16741 !important;
	color:#ECECE3  !important;

}

ul.nav.navnaranja li a:hover {
	background-color:#C16741 !important;
	color:#ECECE3  !important;
}





.btnlateral{
	background-color:#DEDAD3;
	color:#21272D !important;
}



.btnlateral:hover{
	text-decoration: underline !important;
	background-color:#C16741;
	color:#ECECE3 !important;
}
	
.btnlateralact{
	text-decoration: none !important;
	background-color:#C16741;
	color:#ECECE3 !important;
}


.btnlateral a{
	color:#21272D !important;
}

.btnlateral a:hover{
	color:#ECECE3 !important;

} 





.contenidos{
	/* background-color: gray; */
/* 	
	height: 78vh !important;
	max-height: 78vh !important; */
	
	min-height: 80vh;
	height: 80vh;
	max-height: 80vh;
	/* padding-top: 10vh !important;  */

}

.contenidos p {
    /* font-size: 2.5vh; */
	font-size: 2.2vh;
}


/* img.img-fluid {
    max-height: 58vh;
} */



.contenidos .img-fluid {
    max-height: 58vh;
}


.pies{
	padding:0 auto;
	/* background-color: pink; */
	min-height: 10vh !important;
	height: 10vh !important;
	max-height: 10vh !important;
}
.pies p{
	font-family: 'Cormorant Infant';
	/* font-size: .8em; */
	/* padding-top: 10px; */
	font-size: 1.7vh;
	padding: 0px !important;
    margin: 0px !important;
}

.pies a{
	color:#212529;
	text-decoration: underline;
}

.pies a:hover{
	color:#212529;
	text-decoration: none;
}



.map-responsive{

    overflow:hidden;
    padding-bottom:55%;
    position:relative;
    height:0;

}

.map-responsive iframe{

    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;

}



.navbar-collapse {
	padding-top: 10px !important;
}



.phone {
	height: 50px;
	width: 100px;
	/* border: 3px solid white; */
	border: 3px solid #21272D;
	border-radius: 10px;
	animation: rotate 1.5s ease-in-out infinite alternate;
	/* display: none; */
	color:white;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("../img/loader.gif");
	background-repeat: no-repeat;
	background-position: center;

}

.message {
	color:#21272D !important;
	/* color: white; */
	font-size: 1em;
	margin-top: 40px;
	/* display: none; */
}

	@keyframes rotate {	
	0% {
			transform: rotate(0deg)
		}
		50% {
			transform: rotate(-90deg)
		}
		100% {
			transform: rotate(-90deg)
		}
	}

    #warning-message { 
		display: none; 
	}


    @media only screen and (orientation:portrait){
        #wrapper { display:none; }
        #warning-message { display:block !important; 
		background-color: #DEDAD3 !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		flex-direction: column !important;
	}
    }
    @media only screen and (orientation:landscape){
        #warning-message { display:none; }
		
	}

	@media only screen and (max-device-width : 1024px)  {
		/* //tu CSS */
		.horizontales{
			/* overflow-y:visible !important; */
			
		}
		.contenidos{
			background-color:rgba(255,255,255,0.1);
		}
		.contenidos p {
			/* font-size: 2.2vh; */
			font-size: 2vh;
		}
		.marco02{
			border-right: none !important;
		}
	}

	@media only screen and (min-width : 1224px) {
		.horizontales{
		/* overflow-y:hidden !important; */
		}
		
	}

	@media screen and (max-width: 600px) {
		p  {
			font-size:2vh !important;
		}
		.card-title {
			font-size: 1em !important;
		}
		.accordion .card-header:after {
			font-size: 1em !important;
		}
		.accordion .card-header.collapsed:after {
			font-size: 1em !important;
		}
		/* ////////////////////////////////////////// MARCOS HOMES ////////////////////////////////////////// */
		
		.marco02{
			border-right: none !important;
		}

		.logosfooter {
			display: inline-flex;
			padding: 0 5px !important;
		}
}








#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: rgba(0,0,0,.2); /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 10px; /* Increase font size */
  }
  
  #myBtn:hover {
	background-color: rgba(0,0,0,.5); /* Set a background color */
  }
  
  
  #ic_signupform .elcontainer.generous .submit-container {
    padding-top: 0px !important;
	}