/*---------------------------------------------------------------

# Package - Joomla Template based on Helix Framework   

# ---------------------------------------------------------------

# Author - JoomShaper http://www.joomshaper.com

# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.

# license - PHP files are licensed under  GNU/GPL V2

# license - CSS  - JS - IMAGE files  are Copyrighted material 

# Websites: http://www.joomshaper.com

-----------------------------------------------------------------*/

@import url(../fonts/bebasneue/stylesheet.css);

@import url(../fonts/aaargh/stylesheet.css);

@import url(../fonts/bonvenocf-light/stylesheet.css);

@import url(../fonts/lvnmbd/stylesheet.css);

@import url(../fonts/benchnine/stylesheet.css);

@import url(../fonts/oswaldbook/stylesheet.css);

@import url(../fonts/thai001/stylesheet.css);

@import url(../fonts/kitti/stylesheet.css);



/* Master Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}

body{line-height:1}

ol,ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:none}

:focus{outline:0}

ins{text-decoration:none}

del{text-decoration:line-through}

table{border-collapse:collapse;border-spacing:0}





/* Core */

body{color:#525253;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:150%}

body.bg{background:#333333 url(../images/bg-kssons2014.jpg)}

.sp-wrap{margin-left:auto;margin-right:auto}

.sp-block{float:left;display:inline}

.mod-block {padding:0 10px}

.sp-inner{padding-left:10px;padding-right:10px}

.sp-block .first {margin-left:-10px}

.sp-block .last {margin-right:-10px}

.sp-block .single {margin-left:-10px;margin-right:-10px}

.gap{clear:both; margin-bottom:20px}

#sp-user-bottom .gap{margin-bottom:0}

.main-bg {margin-bottom:80px;margin-top:440px;position:relative}

.content-bg {background:#EEE;border-bottom:1px solid #ccc;}

.sp-subpage .main-bg {margin-top:0}

.relative {position:relative}



/*Header Area*/

#header {position:relative;z-index:100; background-image:url(../images/bg_header.png)}



a#logo,#logo-text{float:left}

a#logo:hover {opacity:.8}

#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}

#logo-text h1 a{}

#logo-text p.site-slogan{margin:0;padding:0;color:#999}



/*Search*/

#sp-leftcol input#mod-search-searchword, #sp-leftcol input#mod-finder-searchword,

#sp-rightcol input#mod-search-searchword, #sp-rightcol input#mod-finder-searchword{width:322px;}



/* Layout */

#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content {float:left}

#sp-leftcol, #sp-rightcol, #sp-maincol {padding:10px 0}

#sp-content-grid-bottom {margin-top:20px}



/* Breadcrumbs */

#sp-breadcrumbs{overflow:hidden;height:30px;line-height:30px}

/*#sp-breadcrumbs span.showhome {font-weight:bold;margin-right:5px}*/

#sp-breadcrumbs .padding{padding:5px 8px}

#sp-breadcrumbs a,#sp-breadcrumbs span,#sp-breadcrumbs strong{display:block;float:left}

#sp-breadcrumbs a,#sp-breadcrumbs span.separator{margin-right:10px;padding-right:15px;background:url(../images/breadcrumbs.png) 100% 55% no-repeat}

#sp-breadcrumbs span.current{color:#666}

#topofpage{background:#121212;border:1px solid #444;border-bottom:0;bottom:0;color:#FFF;cursor:pointer;display:none;font-size:.9em;position:fixed;right:0;text-align:center;text-transform:lowercase;z-index:10;padding:2px 10px}



/* Footer */

#sp-footer{background:url(../images/border.gif) repeat-x 0 0;padding:20px 0 0}

#sp-footer .cp {float:left;}



/*Footer Navigation*/

#sp-footer-nav{float:right;margin-top:8px}

#sp-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}

#sp-footer-nav li{background:none;padding:0;display:inline}

#sp-footer-nav a{font-size:11px;font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px}



/* Helix Logo */

#powered-by{display:block;text-indent:-999em}

.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 15px 0 0;border-right:1px solid #e5e5e5}

.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px}

.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px}

.helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em}

.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}

.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}

.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)}

.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}



/* Clearfix */

.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

* html .clearfix,:first-child+html .clearfix{zoom:1}



/*Responsive*/



@media (max-width: 767px){
	#sp-slides{display:table}
}




/* Large desktop */

@media (min-width: 1200px) {
}
 

/* Tablet landscape and desktop */

@media (min-width: 1200px) and (max-width: 1200px) { 
/* @media (min-width: 960px) and (max-width: 1199px) */


}

 

/* Landscape phone to portrait tablet */

@media (min-width: 1200px) and (max-width: 1200px) { 

  .sp-wrap {width:1200px!important}
  
 /* @media (min-width: 768px) and (max-width: 959px) {  */
 /* .sp-wrap {width:728px!important} {  */

  

  /*Booking Module*/

  div.SPQuickBooking  .spbooking-date-wrapper.check-in input.inputbox.date_picker,

  div.SPQuickBooking  .spbooking-date-wrapper.check-out input.inputbox.date_picker,

  div.SPQuickBooking  .spbooking-input-wrapper input{width:90px!important}



  div.SPQuickBooking  .spbooking-select-wrapper.adults select,

  div.SPQuickBooking  .spbooking-select-wrapper.childrens select{width:100px!important}

  #sp-leftcol input#mod-search-searchword, #sp-leftcol input#mod-finder-searchword, #sp-rightcol input#mod-search-searchword, #sp-rightcol input#mod-finder-searchword {width:220px!important}

  

  /*etc*/

  #id_email.inputbox.email{width:90px}

  img.sp_simple_gallery {width:45px!important}

  

  /*K2*/

  span.itemImage img,

  span.catItemImage img{width:100%!important}

  div.catItemBlogView div.catItemHeader h3.catItemTitle, h3.userItemTitle, h3.tagItemTitle {font-size:24px!important}

}

 

/* Phones portrait and landscape  */

@media only screen and ( max-width: 1200px ) {
/*@media only screen and ( max-width: 767px ) {*/


  select.select-menu {background:#000;border:1px solid #333;margin-bottom:20px;}

  select.select-menu:hover {background:#111}

  #sp-userpos .separator .mod-block {background: none!important}

  #sp-leftcol input#mod-search-searchword, #sp-leftcol input#mod-finder-searchword, #sp-rightcol input#mod-search-searchword, #sp-rightcol input#mod-finder-searchword{width:220px!important}

  h2.sp-slide-title {font-size:24px!important;line-height:100%!important}

  .sp-slide-intro p {font-size:13px!important}

  

  /*Booking Module*/

  div.SPQuickBooking  .spbooking-date-wrapper.check-in input.inputbox.date_picker,

  div.SPQuickBooking  .spbooking-date-wrapper.check-out input.inputbox.date_picker,

  div.SPQuickBooking  .spbooking-input-wrapper input{width:90px!important}



  div.SPQuickBooking  .spbooking-select-wrapper.adults select,

  div.SPQuickBooking  .spbooking-select-wrapper.childrens select{width:100px!important}

  #sp-leftcol input#mod-search-searchword, #sp-leftcol input#mod-finder-searchword, #sp-rightcol input#mod-search-searchword, #sp-rightcol input#mod-finder-searchword {width:220px!important}

  #sp-breadcrumbs {display:none}

  

  /*K2*/

  span.itemImage img,

  span.catItemImage img{width:100%!important}

  div.catItemBlogView div.catItemHeader h3.catItemTitle, h3.userItemTitle, h3.tagItemTitle {font-size:18px!important}  

  div.nssp2.ns2-itemlist .ns2-row div.ns2-rating {display:none}

  

}