/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
 * CHANGING THE WIDTH: To change the width of the tabs layout see line 14.
 *
------------------------------------------------------------------------------------- */

div.st_vertical { /* The main container */
	position:relative;
	float:left;
	clear:both;
	color:#616161;
	width:100%;
}

/* Control buttons
------------------------------------------------------------------------------------- */
div.st_vertical a.st_prev, 
div.st_vertical a.st_next { /* Directional buttons (previous/next) */	
	display:none;
	float:left;
	position:relative;
	z-index:100;	
	height:36px;
	width:83px;
	border:1px solid #d4d4d4;
	border-top:0 none;
	outline:none;	
	background:#fff url(../img/btn_arrows.gif) no-repeat;	
}

div.st_vertical a.st_prev { /* Previous button */
	border-right:0 none;
	background-position:35px -47px;
}

div.st_vertical a.st_prev:hover { /* Previous button hover */
	background-position:-28px -47px;
	background-color:#f5f5f5;
}

div.st_vertical a.st_next { /* Next button */
	background-position:34px -79px;
}

div.st_vertical a.st_next:hover { /* Next button hover */
	background-position:-29px -79px;
	background-color:#f5f5f5;
}

div.st_vertical a.st_prev.st_btn_disabled,
div.st_vertical a.st_next.st_btn_disabled { /* Previous and next buttons disabled state */
	cursor:default;
	background-color:#f7f7f7;
}

div.st_vertical a.st_prev.st_btn_disabled { /* Previous button disabled state */
	background-position:-91px -47px;
}

div.st_vertical a.st_next.st_btn_disabled { /* Next button disabled state */
	background-position:-92px -79px;
}

/* Tabs
------------------------------------------------------------------------------------- */
div.st_vertical div.st_tabs_container { /* Tabs main container */  	
	position:relative;
	z-index:100;
	float:right;
	width:240px; /* +1px for the negative right margin */
	height:auto;
	border-top:1px solid #d4d4d4;
	overflow:hidden;
}

div.st_vertical div.st_slide_container { /* Tabs slide-container */
	position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */
	float:left;
	clear:both;
}

div.st_vertical ul.st_tabs { /* Tabs unordered list */
	float:left;
	width:240px;	
	margin:0px;
	padding:0px;
	list-style:none;
}

div.st_vertical ul.st_tabs li { /* Tab list elements */
	float:left;
	clear:both;
	background-color: #f9f9f9;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(249, 249, 249)), to(rgb(233, 233, 233)));
background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');

}

div.st_vertical ul.st_tabs li a { /* Tab links */
	display:block;
	width:240px;
	height:52px;
	margin:0px;
	font-size:13px;
	color:#0092de;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
	outline:none;
	font-family: Arial, Helvetica, sans-serif;
	line-height:51px;
}

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

div.st_vertical ul.st_tabs a:hover { /* Tabs hover state */
	color:#007fc1;
	background-color: #81BCE5;
}

div.st_vertical ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	position:relative;
	z-index:10;
	color:#fff;
	text-shadow:0px 1px 4px #5BA1D2;
	padding-right:1px;
	background-color: #a1d2f4;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(161, 210, 244)), to(rgb(129, 188, 229)));
background-image: -webkit-linear-gradient(top, rgb(161, 210, 244), rgb(129, 188, 229));
background-image: -moz-linear-gradient(top, rgb(161, 210, 244), rgb(129, 188, 229));
background-image: -o-linear-gradient(top, rgb(161, 210, 244), rgb(129, 188, 229));
background-image: -ms-linear-gradient(top, rgb(161, 210, 244), rgb(129, 188, 229));
background-image: linear-gradient(top, rgb(161, 210, 244), rgb(129, 188, 229));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a1d2f4', EndColorStr='#81bce5');



}

div.st_vertical ul.st_tabs li a #icona_tabs, div.st_vertical ul.st_tabs li a .icon_slaider {
	float:left;
	height:35px;
	margin-left:20px;
	margin-right:25px;
	margin-top:10px;
	position:relative;
	width:40px;
}
div.st_vertical ul.st_tabs a.st_tab_active #icona_tabs, div.st_vertical ul.st_tabs a.st_tab_active .icon_slaider {
		background-position: 0px 102%;	
}
div.st_vertical ul.st_tabs li a .icona_bar {
	background-image: url(../images/slider/icona_slider_bar.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_comuni {
	background-image: url(../images/slider/icona_slider_comuni.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_categorie {
	background-image: url(../images/slider/icona_slider_categorie.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_camping {
	background-image: url(../images/slider/icona_slider_camping.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_hotel {
	background-image: url(../images/slider/icona_slider_hotel.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_palestre {
	background-image: url(../images/slider/icona_slider_palestra.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_negozi {
	background-image: url(../images/slider/icona_slider_negozi.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_librerie {
	background-image: url(../images/slider/icona_slider_librerie.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_stabilimenti_balneari {
	background-image: url(../images/slider/icona_slider_stabilimenti_balneari.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_internet_point {
	background-image: url(../images/slider/icona_slider_internet_cafe.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}
div.st_vertical ul.st_tabs li a .icona_residance {
	background-image: url(../images/slider/icona_slider_residance.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;	
}


/* Content
------------------------------------------------------------------------------------- */
div.st_vertical div.st_view_container { /* Main content container */
	position:relative;
	z-index:5;
	height:700px;
	padding:20px; /* Set the padding for the content here */
	line-height:18px;
	background-color:#fff;
	overflow:hidden; /* To make the content scroll if Javascript is disabled, set to: auto */
}

div.st_vertical div.st_view { /* Slide-container for the content */
	position:relative;
	height:100%;
	overflow:hidden;
}

div.st_vertical div.st_tab_view { /* Individual content containers */	
	width:100%;
	height:100%;
	margin-bottom:20px;
	background-color:#fff;
}

div.st_vertical div.st_view h2 {	
	font-size:16px;
	color:#454545;
	margin:0 0 16px;
	padding:0px;
}

div.st_vertical div.st_view p {	
	margin:14px 0 0;
	padding:0px;
}

div.st_vertical div.st_view blockquote {
	float:left;
	width:243px;
	margin:18px 14px 0 0;
	padding:0 0 0 14px;
	border-left:2px solid #5c5c5c;
	font:italic 17px/21px Georgia, "Times New Roman", Times, serif;
	color:#A8A8A8;
}

div.st_vertical div.st_view blockquote p {
	margin:0px;
}

/* Right aligned tabs
------------------------------------------------------------------------------------- */
div.st_vertical.align_right div.st_tabs_container { /* Tabs main container */  	
	float:right;
	margin-left:-1px;
	margin-right:0px;
}

div.st_vertical.align_right ul.st_tabs li a { /* Tab links */
	border-right:1px solid #d4d4d4;
}

div.st_vertical.align_right ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	padding-right:0px;
	border-left-color:#ffffff;
}