@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/* ----------- cubiertas ------------- */
body {
	background-color: #E0EBFA;
}

#cubiertas {

	/*background-color: transparent;

	width:960px;*/

	padding:0px 0px 20px;

	margin:0 auto;

	font-family: 'Roboto Condensed',sans-serif;
	
	background-color: #E0EBFA;
	
	height: 100vh;

	/* 
	padding:0 20px 10px 20px;
	background: url('https://www.skorpios.cl/wp-content/uploads/fondotitulolineasazules.png') repeat-x; 
	*/

}

#cubiertas h2 {

	color: #fff;

	font-family: 'Roboto Condensed',sans-serif;

	margin:0px 0px 15px;

	padding:15px 15px 20px 15px;

	font-weight: 400;

	background-color: #38589F;

}

#cubiertas h4 {

	color: #38589F;

	font-family: 'Roboto Condensed',sans-serif;
	
	font-weight: 400;
	
	padding-top: 6px;

}

#cubiertas_izq {

	/*width:320px;

	min-height: 450px;*/

	background: rgba(59,59,59,0.1) url('https://www.skorpios.cl/wp-content/uploads/fondotitulolineasazules.png') repeat-x;

	padding:0 20px 10px 20px;

	border:2px solid #fff;

	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

}

#cubiertas_izq img{

	width:100%;

	margin:24px 0 6px 0;

}

#cubiertas_der{

	width:550px;

	float:left;

	margin-left:30px;

	background: rgba(59,59,59,0.1) url('https://www.skorpios.cl/wp-content/uploads/fondotitulolineasazules.png') repeat-x;

	padding:0 20px 10px 20px;

	border:2px solid #fff;

	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

}

#cubiertas_der img{

	width:100%;

	margin-top:40px;

}

.cubiertas_caracteristicas {

	border:2px solid #fff;

	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

}

#cubiertas ul{

	list-style:none;

	list-style-position:outside;

	margin: 0px;

	padding: 0px;

}

#cubiertas_btns{

	text-align:right;

	margin-top:5px;

	font-weight: 600;

}

#cubiertas_datos  {

	text-align:center;

}

.cubiertas_perfil {

	margin:10px auto;

	text-align:center;

	max-width: 540px;

}

.cubiertas_perfil *{

	margin:0 !important;

	line-height: 0 !important;

	vertical-align: none;

}

.cubiertas_perfil td{

	vertical-align: top;

}

.cubiertas_perfil table{

	max-width: 540px;

}

.cubiertas_perfil img {

	height: auto; /* Make sure images are scaled correctly. */

	width: 100%; /* Adhere to container width. */

	opacity:0.5;

	filter: gray; /* IE6-9 */

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

  	-ms-filter: grayscale(100%);

  	-o-filter: grayscale(100%);	

	margin:0 !important;

	line-height: 0 !important;

}

.cubiertas_perfil img:hover {

	opacity:1;

	filter: none; /* IE6-9 */

	-webkit-filter: grayscale(0%);

	-moz-filter: grayscale(0%);

  	-ms-filter: grayscale(0%);

  	-o-filter: grayscale(0%);	

	-moz-transition: all .3s linear;  

    	-webkit-transition: all .3s linear;  

    	-o-transition: all .3s linear;  

    	transition: all .3s linear;  

}

img.baja {

	opacity:0.5 !important;

}

img.alta {

	opacity:1 !important;

	filter: none; /* IE6-9 */

	-webkit-filter: grayscale(0%);

	-moz-filter: grayscale(0%);

  	-ms-filter: grayscale(0%);

  	-o-filter: grayscale(0%);

}

#cubiertas_der .cabinas img{

	border:2px solid #fff;

	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

	width:100%;

	margin-top:5px;

}

img.fotocabina {

	width:100%;

	border-radius: 10px;

}

.titulocabinas {

	font-family: 'Roboto Condensed',sans-serif;

	font-size:110%;

	font-weight: 400;

}

.verdetalles {

	text-align:center;

	font-size:95%;

	font-weight: 300;

}



.cabinasframe {

	min-height: 550px;

	padding:0;

	margin:0;

	background: rgba(59,59,59,0.1);

	border:2px solid #fff;

	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

        box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);

}



/*----------------------- tooltip -------------------*/



.ui-tooltip {

	padding: 4px;

	background:#FFF;

	position: absolute;

	top:20px;

	z-index: 9999;

	max-width: 300px;

	-webkit-box-shadow: 0 0 5px #aaa;

	box-shadow: 0 0 5px #aaa;

	font-family: 'Roboto Condensed',sans-serif !important;

	font-size:90% !important;

	font-weight: 400 !important;

}

body .ui-tooltip {

	border-width: 2px;

}