/*
 * 26.06.2018 - revision del icono
 * 15/06/2018 - revision anterior
 * 14/05/2018 - cambio incono detalles/menu del menu
 * 30/04/2018 - error menuitems
 * 18/04/2018 - quitar elipsis desc imagen
 * 04/04/2018 - nuevo cms
 * styles secondcanvas v2.0 webapp	
 * 26/06/2017 - inicio avance audiotravel - fin 29/06/2017 falta por testear y subir
 * 09/05/2017 - cambio del color gris
 * 05/04/2017 - gallery
 * 06/03/2017 - pointer events menu bar
 * 03/03/2017 - varias revisiones
 * 01/03/2017 - ancho del fondo del travels ajustado por scroll en touch
 * 22/02/2017 - head events
 * 20/02/2017 - revision de textos descripcion ipad
 * 17/02/2017 - varias modificaciones
 * 14/02/2017 - revision reu
 * 07/02/2017 - background-size moz
 * 24/01/2017 - revision de la colocacion del mapa
 *            - ordenacion de los estilos
 * 21/12/2016 - cambios en el mapita
 * 20/12/2016 - Correccion de la altura de los anchors de details y descripcion
 * 22/11/2016 - Viene de widget-2.0.js fusion pseudo3d
 * 08/11/2016 - modificaciones estilos escritorio
 * 25/10/2016 - modificaciones estilos para menor de ipad horizontal
 * 24/10/2016 -
 * 4/08/2016 - initiate
 */
@font-face { font-family: Garamond; src: url('EBGaramond12-Italic.otf'); }
* { margin: 0; padding: 0; box-sizing: border-box; 
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
}
/* vertical orientation */
div.head { 
	position: absolute; width: 100%; height: 160px; z-index: 1; opacity: 0.5;
	background-image: url("../imgs/dg_header_hdpi.png"); background-repeat: repeat-x;
	pointer-events: none;
}
div.head div { 
	position: absolute; background-image: url("../imgs/close.svg"); background-repeat: no-repeat; 
	width: 29px; height: 29px; right: 16px; top: 25px; cursor: pointer;
	display: none;
}
div.head p { font-size: 13px; line-height: 6.2; font-family: 'Lato'; font-style: normal; font-weight: bold; text-align: center; }
div.container { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
div.container div.contenedor { position: absolute; width: 100%; height: 100%; float: left; z-index: 0; }
div.container div.trblock { width: 100%; top: 0px; left: 43%; position: absolute; height: 100%; pointer-events: none; z-index: 2; }
div.container div.trblock div.travels { pointer-events: all; }
div.container div.trblock div.description { display: none; position: absolute; background-color: #ffffff; pointer-events: all; z-index: 2; overflow: hidden; }
div.container div.trblock div.description ul li { list-style: none; position: absolute; }
div.container div.trblock div.description ul li > a { position: absolute; }
div.container div.trblock div.description ul li > span { position: absolute; }
div.container div.trblock div.description ul li p { font-size: 18px; font-family: 'Lato'; font-style: normal; }
div.container div.trblock div.description ul li p span.num1 { font-size: 18px; font-family: 'Lato'; font-style: normal; font-weight: bold; color: rgba(174,0,8,1); }
div.container div.trblock div.description ul li p span.text2 { font-size: 18px; font-family: 'Lato'; font-style: normal; font-weight: bold; color: rgba(0,0,0,1); }
div.container div.trblock div.description ul li p.titleo { font-size: 33px; margin-top: 3px; font-family: 'Garamond'; font-style: italic; font-weight: normal; color: rgba(0,0,0,1); }
div.container div.trblock div.description ul li p.text { font-size: 20px; margin-top: 5px; font-family: 'Lato'; font-style: normal; font-weight: lighter; color: rgba(89,89,89,1);     line-height: 1.35; }
div.container div.trblock div.description ul li p.text a { font-size: 20px; font-family: 'Lato'; }
/* OR */
div.container div.detblock { height: 100% };
div.container div.detblock div.detail { display: none; width: 100%; min-height: calc(100% - 80px); float: left; background-color: #ffffff; }
div.container div.detblock div.detail ul {margin-left: 84px; margin-right: 84px; border-bottom: 1px solid rgba(224,224,224,1); padding-bottom: 21px; }
div.container div.detblock div.detail ul li { list-style: none; font-size: 14px; font-family: 'Lato'; font-style: normal; font-weight: lighter; color: rgba(170,170,170,1); margin-top: 21px; }
div.container div.detblock div.detail ul li.titleo { font-size: 16px; margin-top: 1px; font-family: 'Lato'; font-style: normal; font-weight: bold; color: rgba(174,0,8,1); }
div.container div.detblock div.detail ul li.subtitleo { font-size: 33px; margin-top: 1px; font-family: 'Garamond'; font-style: italic; font-weight: normal; color: #000000; }
div.container div.detblock div.detail ul li.date { font-size: 20px; margin-top: 4px; font-family: 'Lato'; font-style: normal; font-weight: normal; color: rgba(128,128,128,1); }
div.container div.detblock div.detail ul li.text { font-size: 20px; margin-top: 8px; margin-bottom: 6px; font-family: 'Lato'; font-style: normal; font-weight: lighter; color: rgba(51,51,51,1);     line-height: 1.35; }
div.container div.detblock div.detail ul li.text a { font-size: 20px; font-family: 'Lato'; }
div.container div.detblock div.detail ul li div:nth-child(3) { 
	background-image: url("../imgs/desplegar_hdpi.png"); background-repeat: no-repeat;  background-position: center; background-size: 16px 16px; -moz-background-size: 16px 16px;
	position: relative; cursor: pointer; float: right;
}
.plegar { background-image: url("../imgs/plegar_hdpi.png")!important;  background-position: center; background-size: 16px 2px!important; -moz-background-size: 16px 2px!important; width: 16px; height: 16px; }
.desplegar { background-image: url("../imgs/desplegar_hdpi.png")!important; background-position: center; background-size: 16px 16px!important; -moz-background-size: 16px 16px!important; width: 16px; height: 16px; }
div.container div.detblock div.detail ul:nth-child(n+4) li div:nth-child(n+4) { 
	background-image: url("../imgs/flecha_link_hdpi.png"); background-repeat: no-repeat; background-position: left; padding-left: 25px; background-size: 14px 9px; -moz-background-size: 14px 9px;
} 
div.container div.detblock div.detail ul:nth-child(n+4) li div:nth-child(3) { margin-top: -25px }
div.container div.detblock div.detail ul li.enlace div a { text-decoration: none!important; font-family: 'Garamond'; font-style: italic; font-weight: normal; color: #1AC0C8; }
div.container div.detblock div.detail ul li.social div a { text-decoration: none!important; font-family: 'Garamond'; font-style: italic; font-weight: normal; color: #1AC0C8; }
div.container div.detblock div.detail ul li.place div { background-image: url("../imgs/ubicacion_obra_hdpi.png"); background-repeat: no-repeat; margin-top: 22px; display: none; background-size: 18px 26px; -moz-background-size: 18px 26px; }
div.container div.detblock div.detail ul li.place span { font-size: 22px; margin-left: 25px; font-family: 'Lato'; font-style: normal; font-weight: normal; color: rgba(76,76,76,1); }
div.container div.detblock div.detail ul:nth-child(2) li.video { min-height: 25px; } 
div.container div.detblock div.detail ul:nth-child(2) li.video span { float: left;  }
div.container div.detblock div.detail ul:nth-child(3) li.signoguia { min-height: 25px; }
div.container div.detblock div.detail ul:nth-child(3) li.signoguia span { float: left;  }
div.container div.detblock div.detail ul:nth-child(3) li.signoguia div:nth-child(2) { position: absolute; background-image: url("../imgs/icn_signoguia_hdpi.png"); background-repeat: no-repeat; margin-top: 0px; margin-left: 145px; width: 25px; height: 25px;  background-size: 24px 25px; -moz-background-size: 24px 25px; }
div.container div.detblock div.detail ul:nth-child(4) li.enlace { min-height: 25px; }
div.container div.detblock div.detail ul:nth-child(5) li.social { min-height: 25px; } 

div.container div.detblock div.detail ul li.signoguia div iframe { margin-top: 10px; }
div.container div.detblock div.detail ul li.video div iframe { margin-top: 10px; }

div.container div.detblock div.fondodet { height: 100%; width: 33%; position: absolute; right: -100%; background-color: #ffffff; z-index: 1 }

div.container div.trblock div.travels { display: none; 
	position: relative; min-width: 15.625%; min-height: 100%; float: right; background-color: #252525; margin-top: 0px; z-index: 3;
	border-top: 20px solid #252525; border-bottom: 10px solid #252525; border-left: 20px solid #252525; border-right: 20px solid #252525;
	/*border-top: 6px solid #252525; border-bottom: 3px solid #252525; border-left: 6px solid #252525; border-right: 6px solid #252525;*/
	-webkit-overflow-scrolling: touch; /*overflow: visible!important;*/ overflow-y: hidden!important;
}
div.d1 { height: 4px; width: 100%; }
div.d2 { width: 100%; height: auto;  background-color: #252525; padding-bottom: 13px; position: relative; }
div.d2:after { content: ""; display: block; padding-top: 100%; background-color: #252525; position: absolute; }
div.d2 img { position: absolute; top: 0px; left: 0px; width: 100%; height: auto; cursor: pointer; }
div.d3 { position: relative; top: 0; left: 0; width: 100%; height: 55px;  opacity: 0.4; z-index: 1; cursor: pointer; }
div.d3-velo { background-color: white; }

div#mmapcontainer  { display: none; z-index: 1; border: 1px solid #ffffff;  }
div#mmapcontainer div div { height: 50%; width: 100%; text-align: center; color: white; padding: 4px; }
div#mmapcontainer div div#trisup { cursor: pointer; color: white; font-size: 12px; }
div#mmapcontainer div div#triinf { cursor: pointer; color: white; display: inline-flex; align-items: flex-end; margin-left: 1px; }
div#mmapcontainer > div#tris { float: right; height: 100%; }

#mmapcontainer { display: none; position: absolute; left: 60px; top: 48px; z-index: 0; background-color: #000000; }
#mmapcontainer canvas { display: inline-flex; align-items: flex-end; }

div.bar { position: absolute; width: 100%; bottom: 24px; display: none; pointer-events: none; }
div.bottoms { width: 410px; margin: 0 auto; padding-left: 20px; padding-right: 20px; pointer-events: all!important; }
div.bottoms div { width: 49px; /*calc(70px * 0.7);*/ height: 49px; /*calc(70px * 0.7);*/ float: left; position: relative; cursor: pointer; }
div.bottoms div:nth-child(2), div.bottoms div:nth-child(3), div.bottoms div:nth-child(4), div.bottoms div:nth-child(5), div.bottoms div:nth-child(6), div.bottoms div:nth-child(7), div.bottoms div:nth-child(8) { margin-left: 15px; }
div.bottoms div:nth-child(5), div.bottoms div:nth-child(6), div.bottoms div:nth-child(7), div.bottoms div:nth-child(8) { display: none; }
div.bottoms div div:nth-child(1) { background-image: url("../imgs/oval1b.png"); background-repeat: no-repeat; background-position: center center; background-size: calc(70px * 0.7) calc(70px * 0.7); -moz-background-size: calc(70px * 0.7) calc(70px * 0.7); }
div.bottoms div div:nth-child(2) { position: absolute; margin-left: 0px; background-repeat: no-repeat; background-position: center center; pointer-events: none; }
div.bottoms div:nth-child(1) div:nth-child(2) { background-image: url("../imgs/audio_hdpi.png"); background-size: calc(41px * 0.7) calc(30px * 0.7); -moz-background-size: calc(41px * 0.7) calc(30px * 0.7); }
.audiotravel { background-image: url("../imgs/audiotour_hdpi.png")!important; background-size: calc(41px * 0.7) calc(39px * 0.7)!important; -moz-background-size: calc(41px * 0.7) calc(39px * 0.7)!important; }
div.bottoms div:nth-child(2) div:nth-child(2) { background-image: url("../imgs/menu_hdpi.png"); background-size: calc(30px * 0.7) calc(27px * 0.7); -moz-background-size: calc(30px * 0.7) calc(27px * 0.7); }
.menuicon { background-image: url("../imgs/detalle_hdpi.png")!important; }
div.bottoms div:nth-child(3) div:nth-child(2) { background-image: url("../imgs/vision_hdpi.png");  background-size: calc(42px * 0.7) calc(26px * 0.7); -moz-background-size: calc(42px * 0.7) calc(26px * 0.7); }
div.bottoms div:nth-child(3) div:nth-child(2).vision { background-image: url("../imgs/vision_hdpi.png"); background-size: calc(42px * 0.7) calc(26px * 0.7); -moz-background-size: calc(42px * 0.7) calc(26px * 0.7); }
div.bottoms div:nth-child(3) div:nth-child(2).rayosx { background-image: url("../imgs/rayosx_hdpi.png"); background-size: calc(42px * 0.7) calc(32px * 0.7); -moz-background-size: calc(42px * 0.7) calc(32px * 0.7); }
div.bottoms div:nth-child(3) div:nth-child(2).infrarrojos { background-image: url("../imgs/infrarrojos_hdpi.png"); background-size: calc(42px * 0.7) calc(32px * 0.7); -moz-background-size: calc(42px * 0.7) calc(32px * 0.7); }
div.bottoms div:nth-child(3) div:nth-child(2).ultravioleta { background-image: url("../imgs/ultravioleta_hdpi.png"); background-size: calc(42px * 0.7) calc(32px * 0.7); -moz-background-size: calc(42px * 0.7) calc(32px * 0.7); }
div.bottoms div:nth-child(4) div:nth-child(2) { background-image: url("../imgs/ficha_ios.png"); background-size: calc(9px * 0.7) calc(23px * 0.7); -moz-background-size: calc(9px * 0.7) calc(23px * 0.7); }
div.bottoms div:nth-child(5) div:nth-child(2) { background-image: url("../imgs/cerrar_hdpi.png"); background-size: calc(24px * 0.7) calc(24px * 0.7); -moz-background-size: calc(24px * 0.7) calc(24px * 0.7); }
div.bottoms div:nth-child(5) div:nth-child(2).cerrar { background-image: url("../imgs/vision_hdpi.png"); background-size: calc(42px * 0.7) calc(26px * 0.7); -moz-background-size: calc(42px * 0.7) calc(26px * 0.7); }
div.bottoms div:nth-child(6) div:nth-child(2) { background-image: url("../imgs/previous.png"); background-size: calc(23px * 0.7) calc(23px * 0.7); -moz-background-size: calc(17px * 0.7) calc(23px * 0.7); }
div.bottoms div:nth-child(7) div:nth-child(2) { background-image: url("../imgs/pause_hdpi.png"); background-size: calc(17px * 0.7) calc(23px * 0.7); -moz-background-size: calc(17px * 0.7) calc(23px * 0.7); }
div.bottoms div:nth-child(7) div:nth-child(2).pause { background-image: url("../imgs/pause_hdpi.png"); background-size: calc(17px * 0.7) calc(23px * 0.7); -moz-background-size: calc(17px * 0.7) calc(23px * 0.7); }
div.bottoms div:nth-child(7) div:nth-child(2).play { background-image: url("../imgs/play_hdpi.png"); background-size: calc(26px * 0.7) calc(29px * 0.7); -moz-background-size: calc(26px * 0.7) calc(29px * 0.7); }
div.bottoms div:nth-child(8) div:nth-child(2) { background-image: url("../imgs/next.png"); background-size: calc(23px * 0.7) calc(23px * 0.7); -moz-background-size: calc(17px * 0.7) calc(23px * 0.7); }

.opa { opacity: 0.4; }
.red { background-image: url("../imgs/oval1r.png")!important; background-repeat: no-repeat; background-size: calc(70px * 0.7) calc(70px * 0.7); -moz-background-size: calc(70px * 0.7) calc(70px * 0.7); }

.audioicon { background-image: url("../imgs/audio_hdpi.png"); background-repeat: no-repeat; background-size: 32px 26px; -moz-background-size: 32px 26px; }
.audiotouricon { background-image: url("../imgs/audiotour_hdpi.png")!important; background-repeat: no-repeat; background-size: 32px 32px; -moz-background-size: 32px 32px; }
.travelsicon { background-image: url("../imgs/detalle_hdpi.png")!important; background-repeat: no-repeat; background-size: 32px 32px; -moz-background-size: 32px 32px; }

div.menu { max-width: 300px; margin: 0 auto; margin-bottom: 10px; display: none; pointer-events: all!important; }
div.menu ul { background-color: #363636; border-radius: 6px;  transform: scale(0.7); transform-origin: bottom; }
div.menu ul li { position: relative; list-style: none; height: 60px; border-bottom: 1px solid rgba(255,255,255,0.3); color: #ffffff; cursor: pointer; }
div.menu ul li:hover { background-color:  #9d9d9e; }
div.menu ul li.sel { background-color: #9d9d9e; }
div.menu ul li:nth-child(1) { border-top-left-radius: 6px; border-top-right-radius: 6px; }
div.menu ul li:nth-child(4) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
div.menu ul li div { position: absolute; width: calc(100% - 24px); height: calc(100% - 25px); margin-left: 24px; margin-top: 13px; }
div.menu ul li:nth-child(1) div { margin-top: 17px; background-image: url("../imgs/vision_hdpi.png"); background-repeat: no-repeat; background-size: 42px 26px; -moz-background-size: 42px 26px; }
div.menu ul li:nth-child(2) div { background-image: url("../imgs/rayosx_hdpi.png"); background-repeat: no-repeat; background-size: 42px 32px; -moz-background-size: 42px 32px; }
div.menu ul li:nth-child(3) div { background-image: url("../imgs/infrarrojos_hdpi.png"); background-repeat: no-repeat; background-size: 42px 32px; -moz-background-size: 42px 32px; }
div.menu ul li:nth-child(4) div { background-image: url("../imgs/ultravioleta_hdpi.png"); background-repeat: no-repeat; background-size: 42px 32px; -moz-background-size: 42px 32px; }
div.menu ul li span { padding-left: 82px; line-height: 3; position: absolute; font-size: 19px; font-family: 'Lato'; font-style: normal; font-weight: bold; }

div.mm { 
	width: 283px;
    margin: 0 auto;
    height: 850px;
    pointer-events: all;
    overflow: hidden;
    transform: scale(0.7);
    transform-origin: bottom;
    margin-bottom: 10px;
    display: none;
}

div.menuitems { 
	width: 100%; margin: 0 auto; pointer-events: all!important; 
    overflow-x: hidden;
    height: 100%;
}
div.menuitems ul { background-color: #363636; border-radius: 6px;  /*transform: scale(0.7); transform-origin: bottom;*/ }
div.menuitems ul li { position: relative; list-style: none; height: 60px; border-bottom: 1px solid rgba(255,255,255,0.3); color: #ffffff; cursor: pointer; }
div.menuitems ul li:hover { background-color:  #9d9d9e; }
div.menuitems ul li.sel { background-color: #9d9d9e; }
div.menuitems ul li:nth-child(1) { border-top-left-radius: 6px; border-top-right-radius: 6px; }
div.menuitems ul li:nth-child(4) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
div.menuitems ul li div { position: absolute; width: calc(100% - 24px); height: calc(100% - 25px); margin-left: 24px; margin-top: 13px; }
div.menuitems ul li span { 
	padding-left: 82px; line-height: 3; position: absolute; font-size: 19px; font-family: 'Lato'; font-style: normal; font-weight: bold; text-overflow: ellipsis;
    white-space: nowrap; overflow: hidden; width: 95%; display: inline-block;
}
div.titles { position: absolute; top: 0px; left: 31px; width: 100%; }
div.titles p.title { top: 111px; font-size: 18px; position: absolute; font-family: 'Lato'; font-style: normal; font-weight: bold; }
div.titles p.subtitle { position: absolute; top: 135px; font-size: 36px; font-family: 'Garamond'; font-style: italic; font-weight: normal; }
div.cierreaudiotour { position: absolute; top: 100px; left: 20px; border: 1px solid #ffffff; padding: 12px 7px 12px 9px; cursor: pointer; }
div.cierreficha { position: absolute; float: right; top: 0px; right: 0%; width: 33%; height: 80px; padding: 12px 7px 12px 9px; cursor: pointer; background-color: #ffffff; z-index: 3; }
div.cierreficha div#cerrarficha { 
	position: relative; width: 24px; height: 24px; background-image: url("../imgs/close.png"); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; -moz-background-size: 24px 24px;
	top: 30px; left: 25px;
}
div.cierredetails { 
	pointer-events: initial; position: absolute; float: right; top: 0px; right: 102px; width: calc(33% * 1.25)!important; 
	height: 80px; /*105px;*/ padding: 12px 7px 12px 9px;  background-color: #ffffff; z-index: 3; 
}
div.cierredetails div#cerrardetalles { 
	position: relative; width: 24px; height: 24px; background-image: url("../imgs/close.png"); background-repeat: no-repeat; background-position: center center; 
	background-size: 24px 24px; -moz-background-size: 24px 24px; top: 30px; left: 20px; cursor: pointer;
}
div.cierredetails,.cierreficha,.cierreaudiotour span { font-size: 15px; font-family: 'Lato'; font-style: normal; font-weight: bold; color: #ffffff; }

div.scmesages { 
	display: none; position: absolute; height: 20%; width: 30%; background: #ffffff; left: 50%; top: 50%; 
	transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
	background-image: url("../imgs/SecondCanvas@2x1_288x371.png"); background-repeat: no-repeat; background-position: center 32px;
	text-align: center; justify-content: center; align-content: center; flex-direction: column;
	font-family: 'Lato'; font-style: normal; font-weight: bold; font-size: 18px; padding: 50px 10px 10px;
}

.marcoth { margin-top: 20px; }
.imgth { float: left; cursor: pointer; width: 122px; height: 122px; background-size: contain; }
.captionth { float: left; margin-left: 10px; font-family: 'Garamond'; font-style: italic; font-size: 16px; /*text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/ width: calc(100% - 132px); }


@media only screen and (min-device-width: 768px) and (orientation: portrait) {

	#mmapcontainer { display: none; position: absolute; left: 60px; top: 48px; z-index: 0; background-color: #000000; }
	#tris { display: none; }
	
	div.container div.detblock div.detail { display:none; top: 50%; width: 100%; float: left; z-index: 2; position: relative; background-color: #ffffff; min-height: calc(100% - 80px); }
	div.container div.detblock div.fondodet { height: 100%; width: 100%; right: auto; top: 50%; position: absolute; }
	div.container div.detblock div.detail ul {margin-left: 23px; margin-right: 23px; padding-bottom: 18px; }
	div.container div.detblock div.detail ul li.titleo { font-size: 12px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.subtitleo { font-size: 25px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.date { font-size: 14px; margin-top: 4px; }
	div.container div.detblock div.detail ul li.text { font-size: 16px; margin-top: 8px;     line-height: 1.35; }
	div.container div.detblock div.detail ul li.text a { font-size: 16px; font-family: 'Lato'; }
	
	div.container div.trblock div.step { height: 60%; width: 85%;}
	div.container div.trblock div.description { width: 100%; min-height: calc(100% - 80px); position: relative; }
	div.container div.trblock div.description ul { position: absolute; height: 100%; width: 100%; }
	div.container div.trblock div.description ul li { left: 100%; position: absolute; padding-right: 30px; padding-left: 30px; padding-top: 20px; width: 100%; }
	div.container div.trblock div.description ul li.scrolled { top: 0; left: 0px;  }
	div.container div.trblock div.description ul li.scrolleded { top: 0px; left: -100%; }
	div.container div.trblock div.description ul li > span { position: relative;  }
	div.container div.trblock div.description ul li p span.num1 { font-size: 12px;  }
	div.container div.trblock div.description ul li p span.text2 { font-size: 12px;  }
	div.container div.trblock div.description ul li p.titleo { font-size: 25px; margin-top: 2px; }
	div.container div.trblock div.description ul li p.text { font-size: 15px; margin-top: 2px;     line-height: 1.35; }
	div.container div.trblock div.description ul li p.text a { font-size: 15px; font-family: 'lato'; }

	.cierredetails, .step {  display: none; }
	#fondotravels { top: 50%; }
}

@media only screen and (orientation: portrait) { 

	div.head { width: 100%; height: 31.26vw; z-index: 3; opacity: 0.5}
	div.head div { width: 5.67vw; height: 5.67vw; right: 18.12vw; top: 4.89vw; }
  	div.head p { text-align: left; padding-left: 3.9vw; font-size: 2.535vw; line-height: 5.5; }

  	div.bottoms {width: 264px; height: 9.13vw; margin: 0 auto; padding-left: 0vw; padding-right: 0vw; } 
  	div.bottoms div:nth-child(2), div.bottoms div:nth-child(3), div.bottoms div:nth-child(4) { margin-left: 12px/*0.975vw*/; }

	div.titles p.title { top: 21.675vw; font-size: 10px;  }
	div.titles p.subtitle { top: 24.5vw; font-size: 26px; }

	#mmapcontainer { display: none; position: absolute; left: 16px; top: 16px; z-index: 0; background-color: #000000; }
	#tris { display: none; }
	
	div.container div.detblock div.detail { display:none; top: 50%; width: 100%; float: left; z-index: 2; position: relative; background-color: #ffffff; min-height: calc(100% - 80px); }
	div.container div.detblock div.detail { top: calc(100%); right: 0px; }
	div.container div.detblock div.detail ul {margin-left: 23px; margin-right: 23px; padding-bottom: 18px; }
	div.container div.detblock div.detail ul li.titleo { font-size: 12px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.subtitleo { font-size: 25px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.date { font-size: 14px; margin-top: 4px; }
	div.container div.detblock div.detail ul li.text { font-size: 16px; margin-top: 8px;     line-height: 1.35; }
	div.container div.detblock div.detail ul li.text a { font-size: 16px; font-family: 'Lato'; }
	div.container div.detblock div.detail ul li div:nth-child(3) { background-size: 4.16vw 4.16vw; }
	div.container div.detblock div.detail ul:nth-child(n+4) li div:nth-child(n+4) { background-size: 3.64vw 3.51vw; -moz-background-size: 3.64vw 3.51vw; } 
	div.container div.detblock div.detail ul li.place div { background-size: 4.68vw 6.78vw; -moz-background-size: 4.68vw 6.78vw; }
	div.container div.detblock div.detail ul:nth-child(3) li.signoguia div:nth-child(2) { background-size: 4.0vw 4.0vw; -moz-background-size: 4.0vw 4.0vw; }
	div.container div.detblock div.detail ul:nth-child(1) { margin-top: 20px; }
	div.container div.detblock div.fondodet { height: 100%; width: 100%; right: auto; top: 50%; position: absolute; }
	div.container div.detblock div.fondodet { top: calc(100%); right: 0px; }
	
	div.container div.trblock div.description { width: 100%; min-height: calc(100% - 123px); position: relative; }
	div.container div.trblock div.description ul { position: absolute; height: 100%; width: 100%; }
	div.container div.trblock div.description ul li { left: 100%; position: absolute; padding-right: 30px; padding-left: 30px; padding-top: 20px; width: 100%; }
	div.container div.trblock div.description ul li.scrolled { top: 0; left: 0px;  }
	div.container div.trblock div.description ul li.scrolleded { top: 0px; left: -100%; }
	div.container div.trblock div.description ul li > span { position: relative;  }
	div.container div.trblock div.description ul li p { font-size: 12px;  }
	div.container div.trblock div.description ul li p span.num1 { font-size: 12px;  }
	div.container div.trblock div.description ul li p span.text2 { font-size: 12px;  }
	div.container div.trblock div.description ul li p.titleo { font-size: 25px; margin-top: 2px; }
	div.container div.trblock div.description ul li p.text { font-size: 15px; margin-top: 2px;    line-height: 1.35; }
	div.container div.trblock div.description ul li p.text a { font-size: 15px; font-family: 'Lato'; }
	div.container div.trblock div.description ul li.scrolled { height: auto; }
	div.container div.trblock { top: 100%; left: 0px; }
	div.container div.trblock div.step { height: 60%; width: 85%;}
  	div.container div.trblock div.step { height: 50%; width: 100%;}
  	div.container div.trblock div.step { height: 42px!important; width: 100%; background-color: white; top: calc(50% + 35px); position: absolute; }
	div.container div.trblock div.travels { display: none;
		position: relative; min-width: 100%; background-color:#F3F3F3; margin-top: 0px; min-height: 84px; max-height: 84px; height: 84px; float: none; overflow: hidden; white-space: nowrap;
		top: 50%; border-top: 16px solid #F3F3F3; border-bottom: 16px solid #F3F3F3; border-left: 16px solid #F3F3F3; border-right: 16px solid #F3F3F3;
	}
	div.container div.trblock div.travels { top: calc(50% - 49px); }
	.travels-on { position: absolute!important;  width: 100%!important; top: calc(50% + 69px)!important; overflow: hidden; border-top: 1px solid #E6E6E6; min-height: calc(50% - 84px); }
	div.d2 { width: 65px; height: 52px; padding-right: 9px; display: inline-block; background-color: #F3F3F3; }
	div.d2:after { content: ""; display: block; padding-left: 100%; background-color: #F3F3F3;; }
	div.d2 img { position: absolute; width: auto; height: 100%; }

	.plegar { background-size: 4.16vw 0.52vw; -moz-background-size: 4.16vw 0.52vw; }
	.desplegar { background-size: 4.16vw 4.16vw; -moz-background-size: 4.16vw 4.16vw; }

	div.cierreficha { width: 100%; display: none!important; }
	div.cierreficha div#cerrarficha { top: 15px; left: 20px; }
	div.cierredetails { top: calc(50% + 35px); left: 0px; width: 100%!important; height: 42px; }
	div.cierredetails div#cerrardetalles { top: 10px; left: 28px; position: absolute; height: 35px; }

	.cierredetails, .step {  display: none; }
	#fondotravels { top: 50%; }
	
}

/*ipad vertical y horizontal */
/* textos cambiados algunos */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 

	div.container div.trblock div.description { padding-top: 0px; }
	div.container div.trblock div.description ul { width: 100%; }
	div.container div.trblock div.description ul li p span.num1 { font-size: 18px;  }
	div.container div.trblock div.description ul li p span.text2 { font-size: 18px;  }
	div.container div.trblock div.description ul li p.titleo { font-size: 33px; margin-top: 3px; }
	div.container div.trblock div.description ul li p.text { font-size: 20px; margin-top: 6px;     line-height: 1.35; }
	div.container div.trblock div.description ul li p.text a { font-size: 20px; font-family: 'Lato'; }

	div.container div.detblock div.detail ul li { margin-top: 21px; font-size: 15px; }
	div.container div.detblock div.detail ul li.titleo { font-size: 16px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.subtitleo { font-size: 33px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.date { font-size: 20px; margin-top: 4px; }
	div.container div.detblock div.detail ul li.text { font-size: 20px; margin-top: 8px;     line-height: 1.35; }
	div.container div.detblock div.detail ul li.text a { font-size: 20px; font-family: 'Lato'; }
}

/*ipad pro vertical y horizontal */
/* textos cambiados */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) { 

	div.titles p.title { font-size: 22px; }
	div.titles p.subtitle { top: 139px; font-size: 40px; }

	div.container div.trblock div.description { padding-top: 14px; }
	div.container div.trblock div.description ul li p { font-size: 18px; }
	div.container div.trblock div.description ul li p span.num1 { font-size: 18px; }
	div.container div.trblock div.description ul li p span.text2 { font-size: 18px;  }
	div.container div.trblock div.description ul li p.titleo { font-size: 33px; margin-top: 3px; }
	div.container div.trblock div.description ul li p.text { font-size: 20px; margin-top: 6px;     line-height: 1.35; }
	div.container div.trblock div.description ul li p.text a { font-size: 20px; font-family: 'Lato'; }

	div.container div.detblock div.detail ul:nth-child(3) li.signoguia { min-height: 21px; }
	div.container div.detblock div.detail ul:nth-child(3) li.signoguia div:nth-child(2) { margin-top: 0px; margin-left: 105px; width: 16px; height: 16px;  background-size: 16px 16px; -moz-background-size: 16px 16px; }
	div.container div.detblock div.detail ul:nth-child(n+4) li div:nth-child(3) { margin-top: -19px }
	div.container div.detblock div.detail ul li { margin-top: 21px; font-size: 15px; }
	div.container div.detblock div.detail ul li a { font-size: 20px; }
	div.container div.detblock div.detail ul li.titleo { font-size: 16px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.subtitleo { font-size: 33px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.date { font-size: 20px; margin-top: 4px; }
	div.container div.detblock div.detail ul li.text { font-size: 20px; margin-top: 8px; margin-bottom: 0px;    line-height: 1.35; }
	div.container div.detblock div.detail ul li.text a { font-size: 20px; font-family: 'Lato'; }

	li.enlace div:nth-child(4), li.social div:nth-child(4) { margin-top: 18px; }

}

/* textos cambiados */
@media only screen and (max-device-width: 1023px)  and (orientation: landscape)  {

	#mmapcontainer { display: none; position: absolute; left: 16px; top: 16px; z-index: 0; background-color: #000000; }
	#tris { display: none; }
	
	div.container div.detblock div.detail { display:none; top: 50%; width: 100%; float: left; z-index: 2; position: relative; background-color: #ffffff; min-height: calc(100% - 80px); }
	div.container div.detblock div.fondodet { height: 100%; width: 100%; right: auto; top: 50%; position: absolute; }
	div.container div.detblock div.detail ul:nth-child(3) li.signoguia { min-height: 21px; }
	div.container div.detblock div.detail ul:nth-child(3) li.signoguia div:nth-child(2) { margin-top: 0px; margin-left: 105px; width: 16px; height: 16px;  background-size: 16px 16px; -moz-background-size: 16px 16px; }
	div.container div.detblock div.detail ul:nth-child(n+4) li div:nth-child(3) { margin-top: -19px }
	div.container div.detblock div.detail ul {margin-left: 23px; margin-right: 23px; padding-bottom: 18px; }
	div.container div.detblock div.detail ul li.titleo { font-size: 12px; margin-top: 1px; }
	div.container div.detblock div.detail ul li a { font-size: 20px; }
	div.container div.detblock div.detail ul li.subtitleo { font-size: 25px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.date { font-size: 14px; margin-top: 4px; }
	div.container div.detblock div.detail ul li.text { font-size: 16px; margin-top: 8px; margin-bottom: 0px;    line-height: 1.35; }
	div.container div.detblock div.detail ul li.text a { font-size: 16px; font-family: 'Lato'; }
	
	div.container div.trblock div.step { height: 0px!important; width: 85%;}
	div.container div.trblock div.travels { margin-top: 0px!important; }
	.travels-on { top: 0px!important; }

	div.container div.trblock div.description { width: 100%; height: 100%!important; min-height: calc(100%); position: relative; }
	div.container div.trblock div.description ul { position: absolute; height: 100%; width: 94%; /*100%;*/ }
	div.container div.trblock div.description ul li { left: 100%; position: absolute; padding-right: 30px; padding-left: 30px; padding-top: 20px; width: 100%; }
	div.container div.trblock div.description ul li.scrolled { top: 0; left: 0px;  }
	div.container div.trblock div.description ul li.scrolleded { top: 0px; left: -100%; }
	div.container div.trblock div.description ul li > span { position: relative;  }
	div.container div.trblock div.description ul li p span.num1 { font-size: 12px;  }
	div.container div.trblock div.description ul li p span.text2 { font-size: 12px;  }
	div.container div.trblock div.description ul li p.titleo { font-size: 25px; margin-top: 2px; }
	div.container div.trblock div.description ul li p.text { font-size: 15px; margin-top: 2px;    line-height: 1.35; }
	div.container div.trblock div.description ul li p.text a { font-size: 15px; font-family: 'Lato'; }

	li.enlace div:nth-child(4), li.social div:nth-child(4) { margin-top: 18px; }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 567px) and (orientation: landscape) {
	div.titles p.title { top: 21.675vw; font-size: 10px;  }
	div.titles p.subtitle { top: 24.5vw; font-size: 26px; }
}

/* textos cambiados */
@media only screen and (max-device-width: 568px) and (orientation: landscape) { 

  	div.head p { text-align: left; padding-left: 20px; }
  	
	
	div.d2 { width: 65px; height: 52px; padding-right: 9px; display: inline-block; background-color: #F3F3F3; }
	div.d2:after { content: ""; display: block; padding-left: 100%; background-color: #F3F3F3;; }
	div.d2 img { position: absolute; width: auto; height: 100%; }

	div.container div.trblock div.description { min-height: calc(100% - 84px); }
	div.container div.trblock div.description ul li { left: 100%; position: absolute; padding-right: 23px; padding-left: 23px; padding-top: 12px; width: 100%; }
	div.container div.trblock div.description ul li p { font-size: 16px; }
	div.container div.trblock div.description ul li p span.num1 { font-size: 16px;  }
	div.container div.trblock div.description ul li p span.text2 { font-size: 16px;  }
	div.container div.trblock div.description ul li p.titleo { font-size: 24px; margin-top: 2px; }
	div.container div.trblock div.description ul li p.text { font-size: 15px; margin-top: 3px;     line-height: 1.35; }
	div.container div.trblock div.description ul li p.text a { font-size: 15px; font-family: 'Lato'; }
	div.container div.trblock div.step { height: 80px!important; width: 43%; float: right; background-color: white; }
	div.container div.trblock div.travels { display: none;
		position: relative; min-width: 100%; background-color:#F3F3F3; margin-top: 80px; left: calc(100% - 43%); min-height: 84px; max-height: 84px; height: 84px; float: none; overflow: hidden; white-space: nowrap;
		border-top: 16px solid #F3F3F3; border-bottom: 16px solid #F3F3F3; border-left: 16px solid #F3F3F3; border-right: 16px solid #F3F3F3;
	}
	.travels-on { position: absolute!important; right: 0px!important; width: 43%!important; float: right; top: 84px!important; overflow: hidden; border-top: 1px solid #E6E6E6; }

	div.container div.detblock div.detail { display:none; top: 25px; right: -100%; width: 43%; float: right; z-index: 2; position: relative; background-color: #ffffff; min-height: calc(100% - 50px); }
	div.container div.detblock div.detail ul li { margin-top: 19px; }
	div.container div.detblock div.detail ul li.titleo { font-size: 12px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.subtitleo { font-size: 24px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.date { font-size: 16px; margin-top: 4px; }
	div.container div.detblock div.detail ul li.text { font-size: 15px; margin-top: 8px;    line-height: 1.35; }
	div.container div.detblock div.detail ul li.text a { font-size: 15px; font-family: 'Lato'; }
  	div.container div.detblock div.fondodet { height: 100%; width: 43%; right: -100%; top: 0px; }

	div.cierreficha {  width: 43%;  height: 50px; }
	div.cierreficha div#cerrarficha { left: 25px; position: absolute; }
	div.cierredetails { top: 84px; right: 0px; width: 43%!important; height: 40px; 	}
	div.cierredetails div#cerrardetalles { top: 5px; }
	
	li.enlace div:nth-child(4), li.social div:nth-child(4) { margin-top: 9px; }

	.cierredetails,.cierreficha,.step {display: none!important }
}

@media only screen and (min-device-width: 569px) and  (max-device-width: 767px) and (orientation: landscape) { 

  	div.head p { text-align: left; padding-left: 20px; }
  	div.container div.trblock div.step { height: 80px; width: 100%;}
  	div.container div.detblock div.detail { top: 25px; right: -100%; width: 43%; float: right; z-index: 2; position: relative; background-color: #ffffff; min-height: calc(100% - 80px); }
  	div.container div.detblock div.fondodet { height: 100%; width: 43%; right: -100%; top: 0px; }
  	div.cierreficha {  width: 43%;  }
	div.cierreficha div#cerrarficha { left: 19px; }
	div.container div.trblock div.travels { display: none;
		position: relative; width: 43%; background-color:#F3F3F3; margin-top: 80px; left: calc(100% - 43%); min-height: 84px; max-height: 84px; height: 84px; float: none; overflow: hidden; white-space: nowrap;
		border-top: 16px solid #F3F3F3; border-bottom: 16px solid #F3F3F3; border-left: 16px solid #F3F3F3; border-right: 16px solid #F3F3F3;
		-webkit-overflow-scrolling: touch; overflow-y: hidden!important; overflow-x: hidden!important; 
	}
	div.d2 { width: 61px; height: 52px; padding-right: 9px; display: inline-block; background-color: #F3F3F3; }
	div.d2:after { content: ""; display: block; padding-left: 100%; background-color: #F3F3F3;; }
	div.d2 img { position: absolute; width: auto; height: 100%; }

	div.container div.trblock div.description ul li p span.num1 { font-size: 16px;  }
	div.container div.trblock div.description ul li p span.text2 { font-size: 16px;  }
	div.container div.trblock div.description ul li p.titleo { font-size: 33px; margin-top: 3px; }
	div.container div.trblock div.description ul li p.text { font-size: 16px; margin-top: 3px;    line-height: 1.35; }
	div.container div.trblock div.description ul li p.text a { font-size: 16px; font-family: 'Lato'; }
	div.container div.trblock div.description {
    	min-height: calc(100% - 84px);  position: absolute!important; right: 0px!important; width: 43%!important; 
		float: right; top: 84px!important; overflow: hidden; border-top: 1px solid #E6E6E6; 
	}
	div.container div.trblock div.step { height: 80px!important; width: 43%; float: right; background-color: white; }

	div.container div.detblock div.detail ul li { margin-top: 19px; }
	div.container div.detblock div.detail ul li.titleo { font-size: 12px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.subtitleo { font-size: 33px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.date { font-size: 18px; margin-top: 4px; }
	div.container div.detblock div.detail ul li.text { font-size: 16px; margin-top: 8px;     line-height: 1.35; }
	div.container div.detblock div.detail ul li.text a { font-size: 16px; font-family: 'Lato'; }

	div.cierredetails { top: 84px; right: 0px; width: 43%!important; height: 40px; 	}
	div.cierredetails div#cerrardetalles { top: 5px; }

	.cierredetails,.cierreficha,.step {display: none!important }

}

/* textos cambiados */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: landscape) { */
@media only screen and (min-device-width: 768px) and (orientation: landscape) { 

	div.container div.trblock div.step { height: 0%; }
	div.container div.trblock div.description { top: 80px; right: 78px; width: 36%; z-index: 2; height: calc(100% - 80px); position: absolute; }
	div.container div.trblock div.description ul { position: relative; height: 100%; width:100%; }
	div.container div.trblock div.description ul li { width: 100%; top: 100%; }
	div.container div.trblock div.description ul li { position: absolute; padding-right: 30px; padding-left: 30px; /*padding-top: 20px; */}
	div.container div.trblock div.description ul li span { position: relative; }
	div.container div.trblock div.description ul li p { font-size: 15px; }
	div.container div.trblock div.description ul li p span.num1 { font-size: 15px; }
	div.container div.trblock div.description ul li p span.text2 { font-size: 15px;  }
	div.container div.trblock div.description ul li p.titleo { font-size: 28px; margin-top: 3px; }
	div.container div.trblock div.description ul li p.text { font-size: 15px; margin-top: 4px;     line-height: 1.35; }
	div.container div.trblock div.description ul li p.text a { font-size: 15px; font-family: 'Lato'; }
	div.container div.trblock div.description ul li.scrolled { top: 0; }
	div.container div.trblock div.description ul li.scrolleded { top: -100%; }
	div.container div.trblock div.travels { 
		min-width: calc(112px * 0.7); max-width: calc(112px * 0.7);
		border-top: 6px solid #252525; border-bottom: 3px solid #252525; border-left: 6px solid #252525; border-right: 6px solid #252525;
		-webkit-overflow-scrolling: touch; overflow-x: hidden!important; overflow-y: hidden!important; height: 100%;
	}
	div.container div.trblock { left: 46%; }
	div.container div.trblock div.step {
		position: absolute; right: 78px; height: 105px!important; width: 36%; background-color: white;
	}
	div.container div.detblock div.detail { top: 80px; right: -100%; width: 43%; float: right; z-index: 2; position: relative; background-color: #ffffff; min-height: calc(100% - 80px); }
	div.container div.detblock div.fondodet { height: 100%; width: 43%; right: -100%; top: 0px; }
	div.container div.detblock div.detail ul:nth-child(3) li.signoguia { min-height: 21px; }
	div.container div.detblock div.detail ul:nth-child(3) li.signoguia div:nth-child(2) { margin-top: 0px; margin-left: 105px; width: 16px; height: 16px;  background-size: 16px 16px; -moz-background-size: 16px 16px; }
	div.container div.detblock div.detail ul:nth-child(n+4) li div:nth-child(3) { margin-top: -19px }

	div.container div.detblock div.detail ul { margin-left: 32px; margin-right: 30px; border-bottom: 1px solid rgba(224,224,224,1); padding-bottom: 21px; }
	div.container div.detblock div.detail ul li { margin-top: 21px; font-size: 15px; }
	div.container div.detblock div.detail ul li a { font-size: 20px; }
	div.container div.detblock div.detail ul li.titleo { font-size: 16px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.subtitleo { font-size: 28px; margin-top: 1px; }
	div.container div.detblock div.detail ul li.date { font-size: 15px; margin-top: 4px; }
	div.container div.detblock div.detail ul li.text { font-size: 15px; margin-top: 8px; margin-bottom: 0px;    line-height: 1.35; }
	div.container div.detblock div.detail ul li.text a { font-size: 15px; font-family: 'Lato'; }

	div.d2 { padding-bottom: 6px; }
	div.d3 { height: calc(96px * 0.7); }

	#mmapcontainer { display: none; position: absolute; left: 16px; top: 16px; z-index: 0; background-color: #000000; }
	#mmapcontainer canvas { display: inline-flex; align-items: flex-end; }

	div.cierredetails { top: 0px; right: 78px; width: 36%!important; }
	div.cierreficha {  width: 43%;  }
	div.cierreficha div#cerrarficha { left: 25px; }

	li.enlace div:nth-child(4), li.social div:nth-child(4) { margin-top: 18px; }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	div.container div.detblock div.detail ul li div:nth-child(3) { background-image: url("../imgs/desplegar_hdpi@2x.png"); }
	.plegar { background-image: url("../imgs/plegar_hdpi@2x.png")!important;  }
	.desplegar { background-image: url("../imgs/desplegar_hdpi@2x.png")!important;  }
	div.container div.detblock div.detail ul:nth-child(n+4) li div:nth-child(n+4) { background-image: url("../imgs/flecha_link_hdpi@2x.png"); } 
	div.container div.detblock div.detail ul li.place div { background-image: url("../imgs/ubicacion_obra_hdpi@2x.png");  }
	div.container div.detblock div.detail ul:nth-child(3) li.signoguia div:nth-child(2) { background-image: url("../imgs/icn_signoguia_hdpi@2x.png"); }
	div.bottoms div div:nth-child(1) { background-image: url("../imgs/oval1b@2x.png"); }
	div.bottoms div:nth-child(1) div:nth-child(2) { background-image: url("../imgs/audio_hdpi@2x.png"); }
	.audiotravel { background-image: url("../imgs/audiotour_hdpi@2x.png")!important;  }
	div.bottoms div:nth-child(2) div:nth-child(2) { background-image: url("../imgs/menu_hdpi@2x.png"); }
	div.bottoms div:nth-child(3) div:nth-child(2) { background-image: url("../imgs/vision_hdpi@2x.png"); }
	div.bottoms div:nth-child(3) div:nth-child(2).vision { background-image: url("../imgs/vision_hdpi@2x.png"); }
	div.bottoms div:nth-child(3) div:nth-child(2).rayosx { background-image: url("../imgs/rayosx_hdpi@2x.png"); }
	div.bottoms div:nth-child(3) div:nth-child(2).infrarrojos { background-image: url("../imgs/infrarrojos_hdpi@2x.png"); }
	div.bottoms div:nth-child(3) div:nth-child(2).ultravioleta { background-image: url("../imgs/ultravioleta_hdpi@2x.png"); }
	div.bottoms div:nth-child(4) div:nth-child(2) { background-image: url("../imgs/ficha_ios@2x.png"); }
	div.bottoms div:nth-child(5) div:nth-child(2) { background-image: url("../imgs/cerrar_hdpi@2x.png"); }
	div.bottoms div:nth-child(5) div:nth-child(2).cerrar { background-image: url("../imgs/vision_hdpi@2x.png"); }
	div.bottoms div:nth-child(6) div:nth-child(2) { background-image: url("../imgs/previous@2x.png"); }
	div.bottoms div:nth-child(7) div:nth-child(2) { background-image: url("../imgs/pause_hdpi@2x.png");  }
	div.bottoms div:nth-child(7) div:nth-child(2).pause { background-image: url("../imgs/pause_hdpi@2x.png"); }
	div.bottoms div:nth-child(7) div:nth-child(2).play { background-image: url("../imgs/play_hdpi@2x.png"); }
	div.bottoms div:nth-child(8) div:nth-child(2) { background-image: url("../imgs/next@2x.png"); }

	.red { background-image: url("../imgs/oval1r@2x.png")!important; }
	div.menu ul li:nth-child(1) div { background-image: url("../imgs/vision_hdpi@2x.png"); }
	div.menu ul li:nth-child(2) div { background-image: url("../imgs/rayosx_hdpi@2x.png"); }
	div.menu ul li:nth-child(3) div { background-image: url("../imgs/infrarrojos_hdpi@2x.png"); }
	div.menu ul li:nth-child(4) div { background-image: url("../imgs/ultravioleta_hdpi@2x.png"); }

	.travelsicon { background-image: url("../imgs/detalle_hdpi@2x.png")!important; }

}

@media only screen and (-webkit-min-device-pixel-ratio: 3) { 
	div.container div.detblock div.detail ul li div:nth-child(3) { background-image: url("../imgs/desplegar_hdpi@3x.png"); }
	.plegar { background-image: url("../imgs/plegar_hdpi@3x.png")!important;  }
	.desplegar { background-image: url("../imgs/desplegar_hdpi@3x.png")!important; }
	div.container div.detblock div.detail ul:nth-child(n+4) li div:nth-child(n+4) { background-image: url("../imgs/flecha_link_hdpi@3x.png"); } 
	div.container div.detblock div.detail ul li.place div { background-image: url("../imgs/ubicacion_obra_hdpi@3x.png");  }
	div.container div.detblock div.detail ul:nth-child(3) li.signoguia div:nth-child(2) { background-image: url("../imgs/icn_signoguia_hdpi@3x.png"); }
	div.bottoms div div:nth-child(1) { background-image: url("../imgs/oval1b@3x.png"); }
	div.bottoms div:nth-child(1) div:nth-child(2) { background-image: url("../imgs/audio_hdpi@3x.png"); }
	.audiotravel { background-image: url("../imgs/audiotour_hdpi@3x.png")!important; }
	div.bottoms div:nth-child(2) div:nth-child(2) { background-image: url("../imgs/menu_hdpi@3x.png"); }
	div.bottoms div:nth-child(3) div:nth-child(2) { background-image: url("../imgs/vision_hdpi@3x.png"); }
	div.bottoms div:nth-child(3) div:nth-child(2).vision { background-image: url("../imgs/vision_hdpi@3x.png")  }
	div.bottoms div:nth-child(3) div:nth-child(2).rayosx { background-image: url("../imgs/rayosx_hdpi@3x.png"); }
	div.bottoms div:nth-child(3) div:nth-child(2).infrarrojos { background-image: url("../imgs/infrarrojos_hdpi@3x.png"); }
	div.bottoms div:nth-child(3) div:nth-child(2).ultravioleta { background-image: url("../imgs/ultravioleta_hdpi@3x.png"); }
	div.bottoms div:nth-child(4) div:nth-child(2) { background-image: url("../imgs/ficha_ios@3x.png"); }
	div.bottoms div:nth-child(5) div:nth-child(2) { background-image: url("../imgs/cerrar_hdpi@3x.png"); }
	div.bottoms div:nth-child(5) div:nth-child(2).cerrar { background-image: url("../imgs/vision_hdpi@3x.png"); }
	div.bottoms div:nth-child(6) div:nth-child(2) { background-image: url("../imgs/previous@3x.png"); }
	div.bottoms div:nth-child(7) div:nth-child(2) { background-image: url("../imgs/pause_hdpi@3x.png");  }
	div.bottoms div:nth-child(7) div:nth-child(2).pause { background-image: url("../imgs/pause_hdpi@3x.png"); }
	div.bottoms div:nth-child(7) div:nth-child(2).play { background-image: url("../imgs/play_hdpi@3x.png"); }
	div.bottoms div:nth-child(8) div:nth-child(2) { background-image: url("../imgs/next@3x.png"); }
	.red { background-image: url("../imgs/oval1r@3x.png")!important;  }
	div.menu ul li:nth-child(1) div { background-image: url("../imgs/vision_hdpi@3x.png"); }
	div.menu ul li:nth-child(2) div { background-image: url("../imgs/rayosx_hdpi@3x.png"); }
	div.menu ul li:nth-child(3) div { background-image: url("../imgs/infrarrojos_hdpi@3x.png"); }
	div.menu ul li:nth-child(4) div { background-image: url("../imgs/ultravioleta_hdpi@3x.png"); }

	.travelsicon { background-image: url("../imgs/detalle_hdpi@3x.png")!important; }

}

#spinner { position:absolute; left:50%; top:50%; height:90px; margin-left:-20px; /*margin-top:-50px;*/ display:none; }
#spinner span { position:absolute; top:50%; width:100%; color:#FFFFFF; font:0.7em Arial, Verdana, sans; text-align:center; }
#spinner1 { position:absolute; right:10px; top:10px; width:20px; height:20px; display:none; }

/* threesxty styles */

/* estilos.css */
.clear { clear:both }
.left { float:left !important }
.scroll { -webkit-overflow-scrolling: touch; }
/*
html, body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: black; overflow: hidden; }
*/
/* hasta aqui */

#threesixty {
	/* This one fixes the IE positioning bug  */
	overflow:hidden; margin: 0 auto;
	/*position: absolute; left: 0px; top: 0px;*/
}

#threesixty_images { display: none; }
#threesixty img {
	position:absolute;
	/* This one fixes the IE positioning bug */
	top:0; width:auto; height:100%;
}
.current-image { visibility:visible; width:100%; }
.previous-image { visibility:hidden; width:0; }

#imgContainer { width: 100%; height:100%; }
#positionButtonDiv {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(58, 56, 63);
	background: rgba(58, 56, 63, 0.8); border: solid 1px #100000; color:#FFFFFF; padding: 8px; text-align: left; position:absolute; right: 15px; top: 15px;
}

#positionButtonDiv .positionButtonSpan img { float: right; border:0; }
.positionMapClass area { cursor: pointer; }
.zoomButton { border:0; cursor: pointer; }
#bigcontainer { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }

.oculto { display: none; }
.visile { display: block; }

#imageFullScreen { /*display: none;*/ visibility: hidden; }