@charset "utf-8";

/* home.css
----------------------------------------*/

body {

	font-size: .80em!important;
}

/* .content
------------------------------------------------------------*/

.content {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 33px;
	width: 352px;
	overflow-y: scroll;
}

.content-overlay {
	display: block;
	z-index: 100;
	position: fixed;
	top: 96px;
	left: 0;
	bottom: 33px;
	width: 352px;
	opacity: .6;
	background: #fff;
}

.content.double-footer,
.content.double-footer .content-overlay {
	bottom: 58px;
}

.content,
.content-footer,
.main-geo {
	width: 352px;
	outline: none;
}

.content-map {
	position: absolute;
	left: 352px;
	top: 0;
	bottom: 0;
	right: 0;
}

#ge-install-map {
	display: none;
}

/* .tab, .subsection, .bus, .map, .download
------------------------------------------------------------*/

.tab,
.subsection,
.bus,
.map,
.download {
	position: relative;
	height: 18px;
	padding: 7px 16px;
	text-transform: uppercase;
	color: #444;
	border-bottom: 1px solid #c8c8c8;
	background: #f1f1f1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content-tab,
.content-fixed-tab {
	z-index: 101;
	display: none;
	position: fixed;
	top: 96px;
	bottom: 33px;
	width: 352px;
	background: #fff;
}

.tab-closer {
	z-index: 102;
	display: block;
	position: fixed;
	top: 106px;
	left: 327px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	opacity: .6;
}

.tab-closer:hover {
	opacity: 1;
}

.fb-like-box {
	position: absolute;
	top: 0;
	width: 100%;
}

.twitter-timeline {
	position: absolute;
	top: 32px;
	width: 100%;
}


/* .category-box, .layer-box, .bus-box, .map-box, .download-box
------------------------------------------------------------*/

.content .category:first-child .category-box {
	border-top: none !important;
}

.category-box {
	position: relative;
	height: 18px;
	padding: 10px 11px 10px 12px;
	line-height: 18px;
	cursor: pointer;
	border: 1px solid #fafafa;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	background: #fff;
}

.bus-box,
.bus-box-fake-row,
.map-box,
.map-box-fake-row,
.download-box,
.download-box-fake-row {
	position: relative;
	height: 18px;
	padding: 6px 10px;
	line-height: 18px;
	font-size: 14px;
	cursor: pointer;
}

.bus-box.highlight,
.map-box.highlight,
.download-box.highlight {
	font-weight: bold;
}

.bus-box.highlight .available,
.map-box.highlight .available,
.download-box.highlight .available {
	display: block;
}

.bus-box-fake-row,
.map-box-fake-row,
.download-box-fake-row {
	position: absolute;
	left: 0;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.bus-box-fake-row:hover,
.bus-box-fake-row.hover,
.map-box-fake-row:hover,
.map-box-fake-row.hover,
.download-box-fake-row:hover,
.download-box-fake-row.hover {
	background: #f5f5f5;
}

.bus-box:hover .available,
.bus-box-fake-row:hover + .map-box .available,
.bus-box-fake-row.hover + .map-box .available,
.map-box:hover .available,
.map-box-fake-row:hover + .map-box .available,
.map-box-fake-row.hover + .map-box .available,
.download-box:hover .available,
.download-box-fake-row:hover + .download-box .available,
.download-box-fake-row.hover + .download-box .available {
	display: block;
}

.bus-child,
.map-child,
.download-child {
	display: none;
	margin-left: 12px;
}

.download-child.visible {
	display: block;
	margin-left: 0;
}

.category-box:hover,
.category-box.highlight,
.category-box.opened {
	border: 1px solid #dedede;
	background: #f1f1f1;
}

.category-box .sprite,
.bus-box .sprite,
.map-box .sprite,
.download-box .sprite {
	opacity: .2;
}

.category-box .sprite:hover,
.bus-box .sprite:hover,
.bus-box .sprite.hover,
.map-box .sprite:hover,
.map-box .sprite.hover,
.download-box .sprite:hover,
.download-box .sprite.hover {
	opacity: .6;
}

.category-box .title,
.bus-box .title,
.map-box .title,
.download-box .title {
	display: block;
	float: left;
	margin-left: 12px;
	width: 245px;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bus-box .title,
.map-box .title {
	width: 265px;
	margin-left: 14px;
}

.download-box .title {
	width: 260px;
	margin-left: 20px;
}

.category-box .title a,
.bus-box .title a,
.map-box .title a,
.download-box .title a {
	color: #666;
}

.category-box:hover a,
.category-box.highlight a,
.category-box a.selected {
	color: #222;
}

.bus-box-fake-row:hover + .bus-box .title a,
.bus-box:hover .title a,
.bus-box.highlight .title a,
.bus-box a.selected {
	color: #222;
}

.map-box-fake-row:hover + .map-box .title a,
.map-box:hover .title a,
.map-box.highlight .title a,
.map-box a.selected {
	color: #222;
}

.download-box-fake-row:hover + .download-box .title a,
.download-box:hover .title a,
.download-box.highlight .title a,
.download-box a.selected {
	color: #222;
}

.category-box .count {
	float: right;
	margin-top: 1px;
	margin-right: 25px;
	font-size: .9em;
	color: #999;
}

.category-box img {
	position: absolute;
	display: block;
	right: 11px;
	overflow: hidden;
}

.category-box .hovered,
.download-box .hovered {
	opacity: 0;
}

.category-box:hover .hovered,
.category-box.highlight .hovered,
.download-box:hover .hovered,
.download-box.highlight .hovered,
.download-box-fake-row:hover + .download-box .hovered,
.download-box-fake-row.hover + .download-box .hovered {
	opacity: 1;
}

.download-box .filecount,
.download-box .filesize {
	position: absolute;
	right: 8px;
	padding-left: 8px;
	background: #f5f5f5;
}

.category-box .slider {
	position: absolute;
	top: 14px;
	left: 8px;
}

.bus-box .slider,
.map-box .slider,
.download-box .slider {
	position: absolute;
	top: 10px;
	left: 8px;
}

.category-box .category-opened,
.layer-box .layer-opened,
.bus-box .bus-tree-opened,
.map-box .map-tree-opened {
	margin-top: -1px;
}

.download-box .download-tree-closed,
.download-box .download-tree-opened {
	margin-top: -3px;
}


/* .category-item-list
------------------------------------------------------------*/

.category-item-list {
	display: none;
}

.category-item-list.opened {
	display: block;
}

.category-item-list li {
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.category-item-list .item {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 6px 10px;
	height: 62px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #fff;
}

.layer-item-list .item {
	height: auto;
	padding-left: 24px;
}

.category-item-list .item:hover {
	border-color: #dedede;
	background: #f1f1f1;
}

.category-item-list .image {
	position: absolute;
}

.category-item-list img {
	display: block;
	float: left;
	margin-left: 16px;
	overflow: hidden;
}

.category-item-list .offer {
	position: absolute;
	right: 0;
	top: 0;
}

.category-item-list .info {
	position: absolute;
	left: 122px;
	right: 30px;
}

.category-item-list .icon,
.bus-box .icon,
.map-box .icon,
.download-box .icon {
	position: absolute;
	right: 10px;
}

.category-item-list .icon li,
.bus-box .icon li,
.map-box .icon li,
.download-box .icon li {
	display: none;
	float: left;
	margin-right: 2px;
}

.bus-box .icon li.available:last-child,
.map-box .icon li.available:last-child,
.download-box .icon li.available:last-child {
	margin-left: 2px;
}

.category-item-list .icon li {
	margin-top: 18px;
}

.category-item-list .icon a,
.bus-box .icon a,
.map-box .icon a,
.download-box .icon a {
	opacity: .6;
}

.category-item-list .icon a:hover,
.map-box .icon a:hover,
.download-box .icon a:hover {
	opacity: 1;
}

.category-item-list a {
	color: #151515;
}

.category-item-list .item:hover .title a,
.category-item-list a:hover {
	color: #222;
}

.category-item-list .title {
	line-height: 18px;
	color: #222;
}

.category-item-list .address,
.category-item-list .phone {
	font-size: 11px;
	line-height: 15px;
	color: #bbb;
}

.category-item-list .web {
	font-size: 11px;
}

.category-item-list .web a {
	color: #bbb;
}

.category-item-list .web a:hover {
	color: #444;
}

.download-box-folder {
	font-weight: bold;
}

/* .content-tab-legend
------------------------------------------------------------*/

.content-tab-legend {
	z-index: 11;
}

.content-tab-legend .tab {
	padding-right: 30px;
}

.content-tab-legend .tab-scroll {
	position: absolute;
	top: 34px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-x: hidden;
}

.content-tab-legend .tab-desc {
	padding: 5px 10px;
	font-size: 11px;
}

.content-tab-legend .legend-image {
	display: block;
	margin: 0 auto;
	max-width: 352px;
}


/* .category-box : transitions
------------------------------------------------------------*/

.category-box,
.bus-box,
.map-box,
.download-box {
	-webkit-transition: background-color 250ms, color 150ms;
	   -moz-transition: background-color 250ms, color 150ms;
	     -o-transition: background-color 250ms, color 150ms;
	        transition: background-color 250ms, color 150ms;
}

.category-box .hovered,
.category-item-list .sprite,
.bus-box .sprite,
.map-box .sprite,
.download-box .sprite {
	-webkit-transition: opacity 350ms;
	   -moz-transition: opacity 350ms;
	     -o-transition: opacity 350ms;
	        transition: opacity 350ms;
}

.item {
	-webkit-transition: all 1000ms;
	   -moz-transition: all 1000ms;
	     -o-transition: all 1000ms;
	        transition: all 1000ms;
}

.animate-all {
	-webkit-transition: all 1000ms;
	   -moz-transition: all 1000ms;
	     -o-transition: all 1000ms;
	        transition: all 1000ms;
}


/* .content-footer
------------------------------------------------------------*/

.content-footer {
	z-index: 130;
	position: fixed;
	bottom: 0;
	height: 32px;
	line-height: 30px;
	font-size: 10px;
	color: #999;
	border-top: 1px solid #dadada;
	background: #fff;
}

.content-footer.upper {
	display: none;
	bottom: 33px;
	height: 24px;
	line-height: 24px;
}

.double-footer + .upper {
	display: block;
}

.content-footer a:first-child {
	margin-left: 12px;
}

.content-footer .share {
	position: absolute;
	top: 7px;
	right: 7px;
}

.content-footer .share a {
	display: inline-block;
}

.content-footer .share span {
	float: left;
	margin-left: 7px;
	opacity: .7;
	-webkit-transition: all 500ms;
	   -moz-transition: all 500ms;
	     -o-transition: all 500ms;
	        transition: all 500ms;
}

.content-footer .share span:hover {
	opacity: 1;
}


/* .mc
------------------------------------------------------------*/

.mcs {
	background-image: url(/html/images/common/mc.png?20130319);
}

.mc {
	z-index: 20;
	position: absolute;
	top: 32px;
	right: 32px;
	opacity: 0;
}

.mcb,
.mcw {
	z-index: 21;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 0 0px #999;
}

.mc,
.mcb,
.mcw {
	width: 70px;
	height: 70px;
	cursor: pointer;
}

.mcb {
	color: #787878;
	background: #fff;
}

#mc-rm .mcw { background-position:   0    0; }
#mc-st .mcw { background-position:  -70px 0; }
#mc-ge .mcw { background-position: -140px 0; }

.mc:hover .mcb {
	color: #222;
	background: #e5e3df;
}

#mc-ge { right: 192px; }
#mc-rm { right: 112px; }
#mc-st { right: 32px; }

.mct {
	position: absolute;
	top: 45px;
	width: 100%;
	line-height: 24px;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}

/*
#mc-ge,
#mc-rm,
#mc-st {
	right: 32px;
}
*/


/* #ml
------------------------------------------------------------*/

#ml {
	z-index: 20;
	position: absolute;
	opacity: 0;
	top: 112px;
	right: 32px;
	overflow: hidden;
	width: 70px;
	height: 32px;
}

.ml {
	z-index: 21;
	position: relative;
	min-height: 30px;
	height: auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #666;
	background: #fff;
}

.ml ul {
	width: 100%;
}

.ml .le,
.ml .layer {
	display: none;
	clear: both;
	padding: 2px;
	height: 22px;
	cursor: pointer;
	color: #787878;
	border-bottom: 1px solid #dadada;
}

.ml .le {
	display: block;
	padding: 0;
	text-align: center;
}

.ml .l {
	display: block;
	padding: 2px 0;
	text-align: center;
	width: 100%;
}

.ml .m {
	display: block;
	width: 100%;
	height: 9px;
	font-size: 2px;
	margin: 0;
}

.ml .a {
	display: block;
	width: 7px;
	height: 4px;
	margin: 1px auto;
	background-position: -26px -79px;
}

.ml .layer:hover {
	color: #222;
	background: #ebebeb;
}

.ml .layer:hover .check {
	opacity: 1;
}

.ml .layer span {
	display: block;
	float: left;
	margin: 2px;
}

.ml span.check {
	display: block;
	clear: left;
	width: 13px;
	height: 11px;
	margin: 6px 4px 0 4px;
	opacity: 0;
	background-position: 0 -79px;
}

.ml .layer.checked {
	color: #222;
}

.ml .layer.checked .check {
	opacity: 1;
	background-position: -13px -79px;
}

@charset "utf-8";

/* infowindow.css
----------------------------------------*/

.item-content-image-template {
	display: none;
}

.map-item-info {

}

.bus-item-info {
	overflow: auto;
	overflow-x: hidden;
}

.bus-item-info .item-content-body {
	min-height: 40px;
}

.item-content {
	position: relative;
	width: 320px;
	/*margin: 15px;*/
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.item-content-head {
	position: relative;
	white-space: nowrap;
}

.item-content-name {
	max-width: 320px;
	font-weight: bold;
	font-size: 20px;
	white-space: normal;
}

.item-content-address {
	display: block;
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	white-space: nowrap;
	color: #bbb;
}

.item-content-address span {
	display: block;
}

.item-content-address span a {
	display: block;
	width: 100%;
	max-width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #bbb;
}

.item-content-address span a:hover{
	color: #333;
}

.item-content-image {
	position: relative;
	margin: 0px auto; /* margin: 5px auto;*/
	width: 320px;
	height: 240px;
}

.item-content-image .slides {
	height: 240px;
	overflow: hidden;
}

.item-content-image .flex-control-nav {
	bottom: -25px
}

.item-content-image-spacer {
	height: 25px;
}


.item-content-video {
	position: relative;
	margin: 0px auto; 
	width: 320px;
	height: 240px;
}

.item-content-video .slides {
	height: 240px;
	overflow: hidden;
}

.item-content-video .flex-control-nav {
	bottom: -25px
}

.item-content-video-spacer {
	height: 25px;
}


.item-content-tab {
	margin: 10px 0;
	font-size: 14px;
	font-weight:500;
	
}

.item-content-tab ul {
	width: 100%;
	display: -webkit-box;
	display:    -moz-box;
	display:         box;
}

.item-content-tab li {
	-webkit-box-flex: 1;
	   -moz-box-flex: 1;
	        box-flex: 1;
	text-align: left;
}

.item-content-tab li .main-color,
.item-content-tab li .main-color:selected,
.item-content-tab li a {
	color:#bbb;
}

.item-content-tab li .main-color:link,
.item-content-data li a:hover,
.item-content-tab li a:hover {
	color:black;
}

.item-content-div {
	display: none;
	height: 280px;/*100px*/
	padding: 0 0px;/*0 5px;*/
	overflow-y: auto;
	font-size: 14px;
}

.item-content-div p:first-child {
	margin: 0;
}

.item-content-construction li {
	display: block;
}

/* sprite servicios-*
------------------------------------------------------------*/
.services {
	display: block;
	padding-top: 10px;
}

.sprite-services {
	display: inline-block;
	position: relative;
	width: 26px !important;
	height: 27px !important;
	background-image: url(/html/images/common/sprite-services-web.png);
}


/* sprite-services
------------------------------------------------------------*/

.sprite-services.clima       { background-position: 0 0; }
.sprite-services.wifi        { background-position: -26px 0; }
.sprite-services.rest        { background-position: -52px 0; }
.sprite-services.parking     { background-position: -78px 0; }
.sprite-services.pool        { background-position: -104px 0; }
.sprite-services.gym         { background-position: -130px 0; }
.sprite-services.animals     { background-position: -156px 0; }
.sprite-services.roomservice { background-position: -182px 0; }
.sprite-services.meetings    { background-position: -208px 0; }
.sprite-services.access      { background-position: -234px 0; }
.sprite-services.quality     { background-position: -260px 0; }
.sprite-services.internet    { background-position: -286px 0; }


/* sprite redes sociales
------------------------------------------------------------*/
.social {
	display: block;
	padding-top: 10px;
}

.sprite-social {
	display: inline-block;
	position: relative;
	width: 26px !important;
	height: 27px !important;
	background-image: url(/html/images/common/sprite-social-web.png);
}


/* sprite-social
------------------------------------------------------------*/

.sprite-social.facebook       { background-position: 0 0; }
.sprite-social.twitter        { background-position: -26px 0; }
.sprite-social.linkedin        { background-position: -52px 0; }
.sprite-social.google     { background-position: -78px 0; }
.sprite-social.myspace        { background-position: -104px 0; }
.sprite-social.youtube         { background-position: -130px 0; }
.sprite-social.vimeo     { background-position: -156px 0; }
.sprite-social.tumblr { background-position: -182px 0; }
.sprite-social.pinterest    { background-position: -208px 0; }
.sprite-social.instagram      { background-position: -234px 0; }
.sprite-social.flickr     { background-position: -260px 0; }
.sprite-social.wordpress    { background-position: -286px 0; }