/* OUTER
------------------------------------------------- */
body{ background: #000000 url('../images/core/pt_bg.png') repeat-x top left; margin:0; padding:0; font-size: 100%; color: #c2c2c2; text-align:center; font-family: Arial, Helvetica, sans-serif; }
.wrapper{width:980px; background: #000 url('../images/core/wrapper_bg.jpg') repeat-x; margin: 0 auto; text-align:left; position:relative; }
.main-content{ background: url('../images/core/fss_content_bg.gif') repeat-y top right; margin-bottom: 15px; }

/* TYPOGRAPHY
------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p {
	font-family: Arial, Helvetica, sans-serif; font-weight: normal;
	/*text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-o-text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-ms-text-shadow: 1px 1px 2px rgba(0,0,0,0.3);*/
	letter-spacing: -0.01em;
}
h1, h2, h3, h4, h5, h6, p{ margin: 0 0 10px; }
h1{ font-size: 23px; color: #f8971d; letter-spacing: -0.05em; }
h2{ color: #f8971d; font-weight: normal; font-size: 20px; letter-spacing: -0.05em; }
h3{ color: #f8971d; font-weight: normal; font-size: 17px; }
#content .summary{font-size: 17px; line-height: 22px; font-family:Arial, Helvetica, sans-serif; color: #c2c2c2; }

a, a:link, a:active, a:visited{ color: #fff; }
a:hover{  }
a[href^=tel] { text-decoration:none; }

q{ font-style: italic; font-weight: bold; color: #ffd200; background: #000; padding: 10px; display: block; }

p{ font-size:12px; line-height:18px; margin-bottom: 17px; }

/* STRUCTURE
------------------------------------------------- */
#content, #content_cols{ width: 100%; }
#content{ height: 550px; }
#content_cols{  }
.column{ width: 230px; position:relative; margin:0 10px; }

.left-col{ float: left; left:0; z-index: 88; margin-left:0; }
.right-col{ float: right; right:0; z-index: 89; width:200px; margin-right:0; }

.centre-col{ display: block; z-index: 91; height: 1%; }
.centre-col:after{ content:" "; clear:both; visibility:hidden; }
.centre-col .inner { overflow:hidden; padding: 0 0 0 0; }

.left-col .inner, .right-col .inner, .centre-col .inner{ padding: 10px; }
.left-col .inner{ padding: 10px 0 10px 30px; }

.main-img { height: 702px; width: 195px; margin: auto; position:absolute; top:0; right:0; }
.main-img img { display: block; }

.mindmap{ top:85px; left:185px; height: 400px; width:615px; background: url('../images/core/mindmap.png') no-repeat; position:relative; z-index: 50; }

.footer{ background: #000 url('../images/core/footer-bg-line.png') repeat-x top left; width:inherit; position:relative; }
.footer .logo{ position: absolute; top:-23px; right:0; }


/* PHOTOS
------------------------------------------------- */
a.photo, a:visited.photo, a:active.photo, div.photo{ position:absolute; background-color: #fff;
	box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	-moz-box-shadow: 0 0 3px #000;
	-ms-box-shadow: 0 0 3px #000;
	-o-box-shadow: 0 0 3px #000;
	
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
}
a:hover.photo{ padding: 2px;
	transform: scale(1.05);
	-ms-transform: scale(1.05); /* IE 9 */
	-webkit-transform: scale(1.05); /* Safari and Chrome */
	-o-transform: scale(1.05); /* Opera */
	-moz-transform: scale(1.05); /* Firefox */
	
	box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
}
.photo img{ display: block; margin: 3px; }

a.img-map{ top: 116px; left: -60px; }
a:hover.img-map{ top: 114px; left: -62px; }

a.img-boy{ top:-25px; left: 70px; }

a.img-train{ top: 135px; left: 99px; }
a:hover.img-train{ top: 133px; left: 97px; }

.img-hotel{ top: 20px; left: 205px; }

a.img-meeting{ top: 320px; left: 30px; }
a:hover.img-meeting{ top: 318px; left: 28px; }

a.img-coffee{ top: 370px; left: 210px; }
a:hover.img-coffee{ top: 368px; left: 208px; }

/* Icons
------------------------------------------------- */
.icons { width: 33px; height: 33px; position:absolute; top:0; left:0; display: block; font-size: 10px; text-indent:-99999px; }
a.icons{ transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	
	cursor:pointer;
}
a:hover.icons{ padding: 2px;
	transform: scale(1.05);
	-ms-transform: scale(1.05); /* IE 9 */
	-webkit-transform: scale(1.05); /* Safari and Chrome */
	-o-transform: scale(1.05); /* Opera */
	-moz-transform: scale(1.05); /* Firefox */
}
.icons span{ background: url('../images/core/icons.png') no-repeat -6px -3px; position:absolute; top:0; left:0; width:100%; height: 100%; display: block; }

/* Clickable */
.icon-mobile{ top:240px; left: 363px; width: 40px; height: 64px; }
a:hover.icon-mobile span{ background-position: -6px -72px; }

.icon-tablet{ top:133px; left:350px; width: 60px; height: 50px; }
.icon-tablet span{ background-position: -61px -8px; }
a:hover.icon-tablet span{ background-position: -61px -77px; }

.icon-laptop{ top:364px; left:346px; width: 80px; height: 60px; }
.icon-laptop span{ background-position: -133px -3px; }
a:hover.icon-laptop span{ background-position: -133px -72px; }

/* Static */
.icon-music{ top: 203px; left: 36px; height: 30px; }
.icon-music span{ background-position: -10px -150px; }

.icon-bluetooth{ top: 253px; left: 548px; height: 40px; }
.icon-bluetooth span{ background-position: -50px -150px; }

.icon-skype{ top: -14px; left: 141px; }
.icon-skype span{ background-position: -95px -149px; }
.icon-skype-2{ top: 324px; left: 154px; }

.icon-conversation{ top: 90px; left: 313px; }
.icon-conversation span{ background-position: -141px -149px; }
.icon-conversation-2{ top: 198px; left: 216px; }

.icon-network{ top: 324px; left: 235px; }
.icon-network span{ background-position: -189px -149px; }

.icon-video{ top: 42px; left: 346px; width: 33px; height: 27px; }
.icon-video span{ background-position: -236px -153px; }

.icon-usb{ top: 345px; left: 485px; width: 47px; height: 32px; }
.icon-usb span{ background-position: -229px -10px; }

.icon-small-openbrack{ width: 10px; }
.icon-small-openbrack span{ background-position: -10px -197px; }

.icon-small-laptop{  }
.icon-small-laptop span{ background-position: -27px -197px; }
.icon-small-laptop.selected span{ background-position: -27px -235px; }

.icon-small-mobile{ width: 22px; }
.icon-small-mobile span{ background-position: -66px -197px; }
.icon-small-mobile.selected span{ background-position: -66px -235px; }

.icon-small-tablet{ width: 36px; }
.icon-small-tablet span{ background-position: -90px -197px; }
.icon-small-tablet.selected span{ background-position: -90px -235px; }

.icon-small-closebrack{ width: 60px; }
.icon-small-closebrack span{ background-position: -137px -197px; }

/* Text
------------------------------------------------- */
.tk-gesta{ color: #faad2f; font-size: 22px; font-weight:500; }
.tk-gesta h2{ font-size: 23px; color: #fff; }

.intro{ width: 60%; }
.intro p{ color: #fff; font-size: 14px; }
.intro .smallprint{ font-size: 10px; }

.txtpos{ position: absolute; top:0; left:0; }
#txt-bring-gadgets{ top: 257px; left:auto; right: 370px; width:400px; text-align:right; }

/* LISTS
------------------------------------------------- */
.hlist{ list-style-type: none; margin:0 0 10px; padding:0; overflow:hidden; }
.hlist li{ float: left; margin-right: 15px; }



.selectlist{ margin:0; padding:0; margin-top: -5px; }
.selectlist li{ margin:0; text-align:left; padding:0; }
.selectlist .icons{ position: relative; top: auto; left: auto; }

/* BUTTONS
------------------------------------------------- */
a.button, a.button span{ background: #0269bc url('../images/core/buttons.png') no-repeat top left; }

a.button{ background-position: top left; font-size: 17px; color: #fff; padding:0 0 0 10px; text-align:center; text-decoration:none; display:block; }
a.button span{ display: block; padding: 8px 30px 8px 0; background-position: top right; }
a:hover.button{ background-position: left -39px; }
a:hover.button span{ background-position: right -39px; }

/* POPUP
------------------------------------------------- */
.popup-wrapper{ position: fixed; background: #000; top:0; left:0; width: 100%; height: 100%; z-index: 300; opacity: 0.8; display: block; -filter: opacity(80); }
.popup{ background: #000; border: 1px solid #58595b; position:absolute; top:50%; left:50%; width:500px; z-index: 301; text-align:left; }
.popup .inner{ padding: 10px; }
.popup .close{ position: absolute; top:0; right:0; }

/* MISC Styles
------------------------------------------------- */
.fright{ float: right !important; }
.fleft{ float: left !important; }
.clear{ clear: both; line-height: 0; height:0; }
img{ border:0; }
.hidden{ display: none; }

/* Popup Styling
------------------------------------------------- */
#popup{ background: none; padding:0; margin:0; overflow:hidden; }
#popup .wrapper{ background: none; width: inherit; overflow:hidden; padding:0; margin-right: 2px; }
#popup #ie6 .wrapper, #popup #ie7 .wrapper{ width: 372px; }
#popup .header{ height: 35px; background: #38393a url('../images/core/popup-header.png') repeat-y top right; padding: 12px 0 0 10px; }
#popup #content{ position: relative; height:auto; padding:0; margin:0; width:auto; }
#popup #content .inner{ padding: 10px 20px 0; }
#popup .selectlist{ margin-bottom: 15px; }
#popup .inner .message{ width: 200px; font-size: 14px; line-height: 17px; padding:0; }
#popup .inner .timings{ position: absolute; bottom:30px; left:0; font-size: 13px !important; text-align:center; padding-left: 20px; color: #fff; }
#popup .inner .timings .tk-gesta{ font-size: 13px; }
#popup .message{ padding: 0 20px; }
#popup .message h3{ font-weight: bold; }
#popup .message p{ color: #ccc; font-size: 13px; }

#popup .popimg .inner{ height: 319px !important; position:relative; }

#popup .pop-tablet .inner{ background: url('../images/popups/photo-tablet.jpg') no-repeat top left; }
#popup .pop-smartphone .inner{ background: url('../images/popups/photo-smartphone.jpg') no-repeat top left; }
#popup .pop-laptop .inner{ background: url('../images/popups/photo-laptop.jpg') no-repeat top left; }
#popup .pop-laptop .inner .message{ width: 250px; }
#popup .pop-train .inner{ background: url('../images/popups/photo-train.jpg') no-repeat top left; }
#popup .pop-gps .inner{ background: url('../images/popups/photo-gps.jpg') no-repeat top left; }
#popup .pop-cafe .inner{ background: url('../images/popups/photo-cafe.jpg') no-repeat top left; }
#popup .pop-meeting .inner{ background: url('../images/popups/photo-meeting.jpg') no-repeat top left; }
#popup .pop-hotel .inner{ background: url('../images/popups/photo-hotel.jpg') no-repeat top left; }

#popup .pop-findout{ background: url('../images/core/popup-findoutbg.png') repeat-x top left !important; padding-top: 15px; }
#popup .pop-findout .header{ display: none; }
#popup .pop-findout h3{ font-size: 23px; }
#popup .pop-findout .inner{ height: 230px !important; }
#popup .pop-findout .headset{ background: url('../images/popups/headset.png') no-repeat top right; width:200px; height: 190px; position:absolute; top:80px; right:10px; }
#popup .pop-findout .inner p{ font-size: 16px; color: #fff; line-height: 18px; }
#popup .pop-findout .message{ width: 140px; }

#popup .box{ margin: 0 10px;

	background: #fff;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	
	box-shadow: inset 0 5px 10px #555;
	-moz-box-shadow: inset 0 5px 10px #555;
	-webkit-box-shadow: inset 0 5px 10px #555;
	-ms-box-shadow: inset 0 5px 10px #555;
	-o-box-shadow: inset 0 5px 10px #555;
	
}

#popup .hlist.DE {padding-left:20px;}

#popup #ie6 .box{ background: #fff; overflow:hidden; }
#popup .box p{ color: #0079c1; padding: 8px 0 2px 8px; margin: 0; font-weight:bold;font-size:15px;}
#popup .box a{ color: #000; }
#popup .box ul{ margin:0; overflow:hidden; }
#popup .box ul li{ margin: 0 5px; }

sup, sub { height: 0; line-height: 11px; vertical-align: bottom; position: relative; margin-left: 2px; }
sup { bottom: 1ex; }
sub { top: .5ex; }

/*
.fancybox-wrap {overflow:hidden !important;border: 1px solid #666666;}
.fancybox-outer {border:none;}
*/