/* ****************************

		 Empty Theme

**************************** */



/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }



/* ****************************
		Navigation tab
**************************** */

.tabs {
	width:100%;
	margin:0 auto;
	padding:0;
	position: relative;
}

.tabs li{
	float:left;
	position:relative;
	display:block;
	background-color: #F4F4F4;
	height:45px;
	line-height:45px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
  border-style: solid;
    border-color: #DCDCDC;
	border-width: thin;
	/*text-transform: uppercase;*/
}


/* left */
.tabs.left li {width:95px;}
.tabs.left li:last-child {margin-right: 0;}


/* center */
.tabs.center.col2 {width:174px;}
.tabs.center.col3 {width:260px;}
.tabs.center.col4 {width:346px;}
.tabs.center.col5 {width:432px;}
.tabs.center.col6 {width:516px;}
.tabs.center.col7 {width:602px;}
.tabs.center.col8 {width:688px;}
	
.tabs.center.col2 li,
.tabs.center.col3 li,
.tabs.center.col4 li,
.tabs.center.col5 li,
.tabs.center.col6 li,
.tabs.center.col7 li,
.tabs.center.col8 li { width: 86px;}


/* right */
.tabs.right li {float: right; width:86px;}


/* fullwidth */
.tabs.col2 li {width:49.9%;}
.tabs.col3 li {width:33.2222%;}
.tabs.col4 li {width:24.9%;}
.tabs.col5 li {width:19.9%;}
.tabs.col6 li {width:16.5555%;}
.tabs.col7 li {width:14.1857%;}
.tabs.col8 li {width:12.44%;}


.tabs li:hover {
	text-decoration:none;
	cursor:pointer;
}

.tabs li.active{
	background: #2D42A3;
	color: #FFF;
	/*border-bottom: #EEEEEE;*/
	z-index:50;
}



/* Tab Content */

.content {
	clear:both;
	position:relative;
	background: #f0f0f0;
	width: 96%;
	padding: 0 2%;
	  border-style: solid;
    border-color: #DCDCDC;
	border-width: thin;
}

.tab_content{
	padding: 30px 1%;
}

.content h2{
	margin-bottom:15px;
	font-weight:bold;
	font-size:1.8em
}

.content h4{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom: 15px;
}

ul li {
	line-height: 24px;
}


/* Responsive Row (extracted from bootstrap with litte changes) */

.row-fluid {width: 100%; margin-bottom: 20px;}
.row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: "";}
.row-fluid:after {clear: both;}
.row-fluid [class*="span"] {display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.row-fluid [class*="span"]:first-child {margin-left: 0;}
.row-fluid .span12 {width: 100%;}
.row-fluid .span11 {width: 91.42%;}
.row-fluid .span10 {width: 82.93%;}
.row-fluid .span9 {width: 74.40%;}
.row-fluid .span8 {width: 65.90%;}
.row-fluid .span7 {width: 57.39%;}
.row-fluid .span6 {width: 48.87%;}
.row-fluid .span5 {width: 40.36%;}
.row-fluid .span4 {width: 31.85%;}
.row-fluid .span3 {width: 23.30%;}
.row-fluid .span2 {width: 14.83%;}
.row-fluid .span1 {width: 6.31%;}

/* Setected */

::selection { 
    background: #171717;
    color: #fff; 
    text-shadow: none;
    } 
::-moz-selection { 
    background: #171717;
    color: #fff;
    text-shadow: none;
}



/* Gallery */

.title {margin: 0 auto; margin-bottom: 40px; width: 400px;}

.row-fluid img {width: 100%;}


/* Section */

.section{
	border-top:solid 1px #000;
	padding:35px 0;
	margin-top: 40px;
	clear: both;
}

.section h3{
	margin-bottom:15px;
	font-weight:bold;
	font-size:1.3em
}


.video-container {
	position: relative;
	padding-bottom: 400px;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	left: 0;
	margin-left: 0;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -344px;
}

.gallery .row-fluid .span2 {
	margin-bottom: 1%;
	margin-left: 1.5%;
}

.v_tabs {display: none;}


/* ****************************
		  Media query
**************************** */

@media all and (max-width: 768px) {

	.tabs {display: none;}

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

	.v_tabs {
		height:45px;
		line-height:45px;
		background: #cccccc;
		text-align:center;
		font-weight:bold;
		font-size:13px;
		margin-top: 1px;
		display: block;
		cursor: pointer;
		text-transform: uppercase;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.v_tabs:first-child {
		margin-top: 0;
	}


	.v_tabs.last {
		border: none;
	}

	.v_tabs:hover {text-decoration:underline;}

	.v_active {
		color: #fff;
		background-color:#000;
		z-index:50;
	}

	.tab_content{
		padding: 30px 1%;
	}

	.content h4 {margin-top: 15px;}

	.row-fluid [class*="span"] {margin-left: 0; margin: 1% 0;}

	.row-fluid .span1, 
	.row-fluid .span2, 
	.row-fluid .span3, 
	.row-fluid .span4, 
	.row-fluid .span5, 
	.row-fluid .span6, 
	.row-fluid .span7, 
	.row-fluid .span8, 
	.row-fluid .span9, 
	.row-fluid .span10, 
	.row-fluid .span11, 
	.row-fluid .span12 {width: 100%;}

	.title {margin: 0 auto; margin-bottom: 40px; width: 300px;}

	.title img {width: 100%;}
	


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	left: 0;
	margin-left: 0;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-left: 0;
}


	/*Gallery */
	.gallery .row-fluid [class*="span"] {
		display: block;
		float: left;
		width: 100%;
		min-height: 30px;
		margin-left: 1.545%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.gallery .row-fluid .span2 {
		width: 23.404255319148934%;
		*width: 23.351063829787233%;
		margin-top: 1%;
		margin-left: 1.4%;
	}


}



/* IE10 split screen fix */

@media screen and (max-width: 320px) {
@-ms-viewport { width: 320px; }
}
 
@media screen and (min-width: 768px) and (max-width: 959px) {
@-ms-viewport { width: 768px; }
}