/**
 * CLEAN ROUNDED
 * ------
 * Note: Prefix the template styles with <TEMPLATE FOLDER NAME>-horizontal/vertical
 */

/**************************
    - Horizontal Tabs -
**************************/
div.clean_rounded-horizontal {
	position:relative;
	clear:both;
	width:100%;
}

/*******************************************
    - Directional buttons (Horizontal) -
*******************************************/
div.clean_rounded-horizontal > div.st_tabs a.st_prev, 
div.clean_rounded-horizontal > div.st_tabs a.st_next {
	display:none;
	position:absolute;
	top:0px;
	z-index:110;
	height:43px;
	width:43px;
	text-indent:-999em;
	border:1px solid #ccc;
	outline:none;
	background:transparent url("images/arrows_h.gif") no-repeat;
}

div.clean_rounded-horizontal > div.st_tabs a.st_prev {
	left:0px;
	background-position:center 15px;
}

div.clean_rounded-horizontal > div.st_tabs a.st_prev:hover {	
	background-position:center -45px;
	background-color:#f8f8f8;
}

div.clean_rounded-horizontal > div.st_tabs a.st_next {
	right:0px;
	background-position:center -15px;
}

div.clean_rounded-horizontal > div.st_tabs a.st_next:hover {
	background-position:center -75px;
}

div.clean_rounded-horizontal > div.st_tabs a.st_prev.st_btn_disabled, 
div.clean_rounded-horizontal > div.st_tabs a.st_next.st_btn_disabled {
	cursor:default;
}

div.clean_rounded-horizontal > div.st_tabs a.st_prev.st_btn_disabled {
	background-position:center -105px;
}

div.clean_rounded-horizontal > div.st_tabs a.st_next.st_btn_disabled {
	background-position:center -135px;
}

/****************************
    - Tabs (Horizontal) -
****************************/
div.clean_rounded-horizontal > div.st_tabs {
	position:relative;
	z-index:100;		
	width:100% !important;	
	height:45px;
	margin-bottom:-1px;
	overflow:hidden;
}

div.clean_rounded-horizontal.st_sliding_active > div.st_tabs {
	overflow:visible;
}

div.clean_rounded-horizontal > div.st_tabs div.st_tabs_wrap {
	position:relative !important;
	width:100%;
}

div.clean_rounded-horizontal.st_sliding_active > div.st_tabs div.st_tabs_wrap {
	width:auto !important;
	margin:0px 44px;
}

div.clean_rounded-horizontal > div.st_tabs ul {
	width:10000px;
	margin:0px;
	padding:0px;
	list-style:none;
}

div.clean_rounded-horizontal > div.st_tabs ul li {
	display:block;
	float:left;
	margin:0px;
}

div.clean_rounded-horizontal > div.st_tabs ul li a {
	display:block;
	height:43px;
	margin:0px;
	padding:0 28px;
	font:bold 11px/43px Arial, Helvetica, sans-serif;	
	color:#ddd;
	text-decoration:none;
	outline:none;
	border-top:1px solid #999;
	
	text-transform: uppercase;
}

div.clean_rounded-horizontal > div.st_tabs ul li a:hover {
	color:#333;
	background:#fbfbfb;
}



div.clean_rounded-horizontal.st_sliding_active > div.st_tabs ul li a.st_tab_first {
	border-left:0 none;
}



div.clean_rounded-horizontal.st_sliding_active > div.st_tabs ul li a.st_tab_last {
	border-right:0 none;
}

div.clean_rounded-horizontal > div.st_tabs ul li a.st_tab_active { /* Tab active/highlighted state */
	padding-bottom:2px;
	background:#f9f9f9;
	color:#ED7F00;
	border-top: 1px solid #DF9828!important;
        font-weight: bold;
}

/*******************************
    - Content (Horizontal) -
*******************************/
div.clean_rounded-horizontal > div.st_views {
	position:relative;
	/*height:390px;*/
	padding:0px !important;
	line-height:19px;
	border:0px solid #ccc;
	/*background-color:#fff;*/
	overflow:hidden;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	div.clean_rounded-horizontal > div.st_views {
		overflow:visible;
	}
}

div.clean_rounded-horizontal > div.st_views div.st_view {
	z-index:5;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image:none;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	background-color:transparent !important;
}

div.clean_rounded-horizontal > div.st_views div.st_view_inner {
	padding:0px; 
	padding-top:10px;
}

div.clean_rounded-horizontal > div.st_views div.st_view_first {
	display:block;
}

/*******************************************
    - Bottom aligned tabs (Horizontal) -
*******************************************/
div.clean_rounded-horizontal.align_bottom {
	margin-bottom:44px;
}


div.clean_rounded-horizontal.align_bottom > div.st_tabs {
	position:absolute;
	bottom:-44px;
	left:0px;
	margin-bottom:0px;
}

div.clean_rounded-horizontal.align_bottom.st_sliding_active > div.st_tabs {
	border-top:0 none;
}

div.clean_rounded-horizontal.align_bottom > div.st_tabs ul li a {
	border-bottom:1px solid #ccc;
}

div.clean_rounded-horizontal.align_bottom > div.st_tabs ul li a.st_tab_active {
	padding-bottom:0px;
	border-top-color:#fff;
}

/****************************************
    - Bottom aligned tabs - content -
****************************************/


/************************
    - Vertical tabs -
************************/
div.clean_rounded-vertical {
	position:relative;
	clear:both;
	width:100%;
}

/*************************************
    - Control buttons (Vertical) -
*************************************/
div.clean_rounded-vertical > div.st_tabs a.st_prev, 
div.clean_rounded-vertical > div.st_tabs a.st_next {	
	display:none;
	float:left;
	position:relative;
	z-index:100;
	height:32px;
	width:95px;
	text-indent:-999em;
	border:1px solid #ccc;
	border-top:0 none;
	outline:none;	
	background:#fff url("images/arrows_v.gif") no-repeat;
}

div.clean_rounded-vertical > div.st_tabs a.st_prev {
	margin-left:-1px;
	border-right:0 none;
	background-position:center 12px;
}

div.clean_rounded-vertical > div.st_tabs a.st_prev:hover {
	background-position:center -52px;
	background-color:#f5f5f5;
}

div.clean_rounded-vertical > div.st_tabs a.st_next {
	background-position:center -20px;
}

div.clean_rounded-vertical > div.st_tabs a.st_next:hover {
	background-position:center -84px;
	background-color:#f5f5f5;
}

div.clean_rounded-vertical > div.st_tabs a.st_prev.st_btn_disabled,
div.clean_rounded-vertical > div.st_tabs a.st_next.st_btn_disabled {
	cursor:default;
	background-color:#f7f7f7;
}

div.clean_rounded-vertical > div.st_tabs a.st_prev.st_btn_disabled {
	background-position:center -116px;
}

div.clean_rounded-vertical > div.st_tabs a.st_next.st_btn_disabled {
	background-position:center -148px;
}

/**************************
    - Tabs (Vertical) -
**************************/
div.clean_rounded-vertical > div.st_tabs {
	position:relative;
	z-index:100;
	float:left;
	width:193px;
	height:378px;
	margin-right:-1px;
	border-top:1px solid #ccc;
	overflow:hidden;
}

div.clean_rounded-vertical.st_sliding_active > div.st_tabs {
	width:192px;
	border-left:1px solid #ccc;
}

div.clean_rounded-vertical > div.st_tabs div.st_tabs_wrap {
	position:relative !important;
	float:left;
	clear:both;
}

div.clean_rounded-vertical.st_sliding_active > div.st_tabs div.st_tabs_wrap {
	margin-left:-1px;
}

div.clean_rounded-vertical > div.st_tabs ul {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}

div.clean_rounded-vertical > div.st_tabs ul li {
	position:relative;
	float:left;
	clear:both;
	margin:0px;
}

div.clean_rounded-vertical > div.st_tabs ul li a {
	display:block;
	width:171px;
	height:40px;
	margin:0px;
	padding:14px 0 14px 20px;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	text-decoration:none;
	outline:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color:#f8f8f8;
}

div.clean_rounded-vertical > div.st_tabs ul li a:hover {
	color:#333;
	background:#fbfbfb;
}



div.clean_rounded-vertical > div.st_tabs ul li a.st_tab_active {
	position:relative;
	z-index:10;
	color:#5ea600;
	padding-right:2px;
	background:#fff;
}

div.clean_rounded-vertical > div.st_tabs ul li a span {
	display:block;
	clear:both;
	font-size:11px;
	font-weight:normal;
	color:#838383;
	padding-top:3px;	
}

/*****************************
    - Content (Vertical) -
*****************************/
div.clean_rounded-vertical > div.st_views {
	position:relative;
	z-index:5;
	height:377px;
	line-height:18px;
	border:1px solid #ccc;
	background-color:#fff;
	overflow:hidden;
}

div.clean_rounded-vertical > div.st_views div.st_view {
	width:100%;	
	height:100%;	
	overflow:hidden;
	background-image:none;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	background-color:transparent !important;
}

div.clean_rounded-vertical > div.st_views div.st_view_inner {
	overflow:hidden !important;
	padding:30px;
}

div.clean_rounded-vertical > div.st_views div.st_view_first {
	display:block;
}

/****************************************
    - Right aligned tabs (Vertical) -
****************************************/
div.clean_rounded-vertical.align_right > div.st_tabs a.st_prev {
	margin-left:0px;
}

div.clean_rounded-vertical.align_right > div.st_tabs a.st_next {
	margin-right:-1px;
}

div.clean_rounded-vertical.align_right > div.st_tabs {  	
	float:right;
	margin-left:-1px;
	margin-right:0px;
}

div.clean_rounded-vertical.align_right.st_sliding_active > div.st_tabs {
	border-right:1px solid #ccc;
	border-left:0 none;
}

div.clean_rounded-vertical.align_right.st_sliding_active > div.st_tabs div.st_tabs_wrap {
	margin-left:0px;
}

div.clean_rounded-vertical.align_right > div.st_tabs ul li a {
	border-right:1px solid #ccc;
}


div.clean_rounded-vertical.align_right > div.st_tabs ul li a.st_tab_active {
	padding-right:0px;
	border-left-color:#ffffff;
}


section.company div.clean_rounded-horizontal >div.st_tabs ul li a,
section.products div.clean_rounded-horizontal >div.st_tabs ul li a {
display:block;
height:32px;
font:bold 11px/43px Arial,Helvetica,sans-serif;
color:#ddd;
text-decoration:none;
outline:none;
border-top:1px solid #999;
margin:0;
padding:0 5px;
text-transform: uppercase;
}


section.company div.clean_rounded-horizontal >div.st_tabs ul li a,
section.products div.clean_rounded-horizontal >div.st_tabs ul li a {
display:block;
height:32px;
font:normal 11px/43px Arial,Helvetica,sans-serif;
color:#666;
text-decoration:none;
outline:none;
border-top:1px solid #999;
margin:0;
padding:0 5px;
text-transform: uppercase;
}

section.products div.clean_rounded-horizontal >div.st_tabs ul li a  span.lang.ru{
	font:normal 9px/43px Arial,Helvetica,sans-serif;
}

section.company div.clean_rounded-horizontal >div.st_tabs ul li a span._iphone,
section.products div.clean_rounded-horizontal >div.st_tabs ul li a span._iphone {
	display: none;
}

section.company div.clean_rounded-horizontal >div.st_tabs ul li a.logo_bost_solapa,
section.products div.clean_rounded-horizontal >div.st_tabs ul li a.logo_bost_solapa {
background: transparent url('images/logo_bost_solapa.png') no-repeat 10px 9px;
width: 145px;
text-indent: -9999em;
}

section.company div.clean_rounded-horizontal >div.st_tabs ul li.st_li_active a.logo_bost_solapa,
section.products div.clean_rounded-horizontal >div.st_tabs ul li.st_li_active a.logo_bost_solapa {
background: transparent url('images/logo_bost_solapa_hover.png') no-repeat 10px 9px;
width: 145px;
text-indent: -9999em;
}

@media screen and (min-width: 350px) and (max-width: 450px){
	section.company div.clean_rounded-horizontal >div.st_tabs ul li a{
		font:normal 9px/43px Arial,Helvetica,sans-serif;
	}
	
	section.company div.clean_rounded-horizontal >div.st_tabs ul li a.logo_bost_solapa, section.company div.clean_rounded-horizontal >div.st_tabs ul li.st_li_active a.logo_bost_solapa{
		width: 90px;
		background-size: 100%;
		background-position: 0px 14px;
	}
}
@media screen and (min-width: 0px) and (max-width: 350px){
	section.company div.clean_rounded-horizontal >div.st_tabs ul li a{
		font:normal 8px/43px Arial,Helvetica,sans-serif;
	}
	
	section.company div.clean_rounded-horizontal >div.st_tabs ul li a.logo_bost_solapa, section.company div.clean_rounded-horizontal >div.st_tabs ul li.st_li_active a.logo_bost_solapa{
		width: 60px;
		background-size: 100%;
		background-position: 0px 14px;
	}
}


div.clean_rounded-horizontal >div.st_views div.st_view_inner.basque_country {
background: transparent url('../../../../../img/madeinbasquecountry.png') no-repeat left top;
height: 600px;
background-size: 100%;
}