/*
* BSframework V1.2
* Copyright 2014, Blusys Srl
* www.blusys.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 980 Grid
    #Clearing */

/* #Base 980 Grid
================================================== */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bsfull {
	width: 100%;
	margin: 0;
	padding: 0;
}

.bscontainer {
	position: relative;
	width:100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 10px;
}

.bscontainer.pd-top10 {
	padding-top:10px;
}
.bscontainer.pd-top-bt20 {
	padding-top:20px;
	padding-bottom:20px;
}


.shadow-full {
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 6px #888;
}


.pd-left-10 {
	padding-left:10px !important;
}


.pd-top-bt10 {
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.pd-top-bt20 {
	padding-top:20px !important;
	padding-bottom:20px !important;
}

.pd-top-bt30 {
	padding-top:30px !important;
	padding-bottom:30px !important;
}

.bscontainer.mg-tp-btm10 {
	margin-top:10px;
	margin-bottom:10px;
}

.bscontainer .bscolumn,  .bscontainer .bscolumns {
	float: left;
	display: inline;
	margin:0;
	padding:0;
}

.row {
	margin-top: 10px;
	margin-bottom: 10px;
}

.bscontainer.pd-full-20 {
	padding:20px;
}

.bscontainer.pd-tp-btm-20 {
	padding-top:20px;
	padding-bottom:20px;
}

.bscontainer .bscolumn.pd-full-20,  .bscontainer .bscolumns.pd-full-20 {
	padding:20px;
}

.bscontainer .bscolumn.pd-right-20,  .bscontainer .bscolumns.pd-right-20 {
	padding-right:20px;
}

.bscontainer .bscolumn.pd-left-20,  .bscontainer .bscolumns.pd-left-20 {
	padding-left:20px;
}


/* Base Grid */
.bscontainer .bsonehalf.bscolumns {
	width: 4.16666665%;
}


.bscontainer .bsone.bscolumns {
	width: 8.3333333333333333333%;
}
.bscontainer .bstwo.bscolumns {
	width: 16.6666667%;
}
.bscontainer .bsthree.bscolumns {
	width: 25%;
}
.bscontainer .bsfour.bscolumns {
	width: 33.3333333333333333333%;
}
.bscontainer .bsfive.bscolumns {
	width: 41.6666667%;
}

.bscontainer .bssix.bscolumns {
	width: 50%;
}

.bscontainer .bsseven.bscolumns {
	width: 58.33333333333333333%;
}
.bscontainer .bseight.bscolumns {
	width: 66.66666666666666666%;
}
.bscontainer .bsnine.bscolumns {
	width: 75%;
}
.bscontainer .bsten.bscolumns {
	width: 83.333333333333333333%;
}
.bscontainer .bseleven.bscolumns {
	width: 91.6666666666666666666%;
}

.bscontainer .bstwelve.bscolumns {
	width: 100%;
}

/* Offsets */
.container .offset-by-one {
	padding-left: 60px;
}
.container .offset-by-two {
	padding-left: 120px;
}
.container .offset-by-three {
	padding-left: 180px;
}
.container .offset-by-four {
	padding-left: 240px;
}
.container .offset-by-five {
	padding-left: 300px;
}
.container .offset-by-six {
	padding-left: 360px;
}
.container .offset-by-seven {
	padding-left: 420px;
}
.container .offset-by-eight {
	padding-left: 480px;
}
.container .offset-by-nine {
	padding-left: 540px;
}
.container .offset-by-ten {
	padding-left: 600px;
}
.container .offset-by-eleven {
	padding-left: 660px;
}
.container .offset-by-twelve {
	padding-left: 720px;
}
.container .offset-by-thirteen {
	padding-left: 780px;
}
.container .offset-by-fourteen {
	padding-left: 840px;
}
.container .offset-by-fifteen {
	padding-left: 900px;
}


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
.bscontainer:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,  .clearfix:after,  .row:before,  .row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after,  .clearfix:after {
	clear: both;
}
.row,  .clearfix {
	zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}