/* @group GLOBAL */

/*@font-face {
    font-family: klavika;
    font-style:  normal;
    font-weight: normal;
    src: url(../js/klavika.otf);
}*/

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */

 /* @font-face {
 font-family:"klavika";
src:url(../js/klavika.otf) format("opentype");
} */

*{
	padding: 0;
	margin: 0;
}

html, body {
	font-family: Helvetica, Arial, sans-serif;
	color: #999;
	font-size: 1em;
	height: 100%;
	width: 100%;
	background: #fff;
}
a{
	text-decoration: none;
	color: #000;
}
#main a:hover{
	color: #cc0000;
	text-decoration: underline;
}
a img{
	border: none;
}
ul li{
	list-style-type: none;
	list-style-position: outside;
}

/* @end */

/* @group Tipografia */

h1{	
	font-weight: normal;
	font-size: 1.3em;
	color: #cc0000;
}
h2{
	font-weight: normal;
	font-size: 1.1em;
	color: #cc0000;
}

h3{
	font-weight: bold;
	font-size: .8em;
	color: #000;
}

p{
	font-size: .8em;
	color: #555;
}

strong{
	color: #222;
}

p.unicopacchetto{
	font-size: .9em;
	margin-bottom: 2em;
	line-height: 1.3em;
}

p a{
	color: #cc0000;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#main p a:hover{
	border-bottom: 1px solid;
	text-decoration: none;
}


/* @end */

/* @group HOME */

#main{
	width: 960px;
	margin-left: 30px;
	background: #fff;
}
#tendina{
	width: 100%;
	border-top: 5px solid #cc0000;
	background: #cc0000;
}
.testo-area-ris{
	float: left;
	padding-left: 30px;
	width: 250px;
	padding-top: 20px;
	background: #cc0000;
	height: 100%;
	padding-right: 50px;
	margin-top: 3em;
}
#area-ris{
	margin-left: 30px;
	padding-top: 4em;
	background: #cc0000;
}
#logo{
width: 330px;
}
#portfolio{
	float: left;
	margin-bottom: 50px;
	height: 500px;
	width: 960px;
}
#portfolio h1{
	color: #000;
	margin-top: 1em;
	font-size: 1.3em;
	height: 25px;
}
#portfolio h2{
	font-weight: normal;
	font-size: .9em;
	color: #000;
	margin-bottom: 1em;
}
#portfolio p.link-progetto{
	margin-top: 1em;
}
#portfolio p.link-progetto a{
	color: #cc0000;
}
#contenuto-portfolio{
	width: 960px;
	margin-bottom: 2em;
	float: left;
}
#claim-cliente{
	width: 253px;
	float: left;
	padding-left: 57px;
}
#contenuto-progetto{
	width: 320px;
	margin-left: 1em;
	float: left;
}
#contenuto-progetto p{
	font-size: .8em;
	line-height: 1.4em;
	margin-bottom: 1em;
}
#link-tecno{
	width: 200px;
	margin-left: 114px;
	float: left;
	font-size: .85em;
}
.box-tecno{
	margin-bottom: 3em;
}
.box-tecno h2{
	color: #666;
	font-weight: bold;
	font-size: .9em;
	margin-bottom: 5px;
	height: 16px;
}
.box-tecno a{
	color: #cc0000;
}
#catenaccio{
	margin-top: 40px;
	width: 220px;
}
#catenaccio h1{
	color: #999;
}
#catenaccio h1 span{
	color: #666;
}
#feed-rss{
	width: 330px;
	float: left;
}
#feed-rss img{
	float: left;
	margin: 0 3px 0 10px;
}
#feed-rss p{
	margin-top: 4px;
	vertical-align: baseline;
	font-size: .7em;
	float: left;
}
#feed-rss p a{
	color: #999;
	float: left;
	font-size: .85em;
}
#blocco-top{
	margin-top: 60px;
	float: left;
}
#blocco-centro{
	margin-top: 40px;
	float: left;
}
#blocco-centro-sx{
	width: 330px;
	float: left;
}
#blocco-centro-sx-interno{
	width: 330px;
	float: left;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
#blocco-centro-sx-news{
	width: 330px;
	float: left;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#lista-news-interno{
	height: 410px;
	width: 270px;
	overflow: hidden;
}

#lista-news-interno.menublocco ul li{
	list-style: none;
	text-transform: none;
	margin-bottom: 0px;
}
.intro{
	margin-top: 5px;
}
#lista-news-interno ul{
	width: 270px;
}
#lista-news-interno ul li{
	font-size: .7em;
	border-bottom: 2px solid #bbb;
	line-height: 1.3em;
}
#lista-news-interno ul li a{
	display: block;
	background: #fff;
	height: 40px;
	
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
}

#lista-news-interno ul li a:hover{
	display: block;
	background: #eee;
	text-decoration: none;
}
#lista-news-interno ul li.current a{
	display: block;
	background: #eee;
	text-decoration: none;
}
#blocco-centro-dx{
	width: 630px;
	float: left;
}
#foto-dettaglio{
	margin-top: 40px;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 320px;
}
h1.newsdet{
	color: #000;
	font-size: 1em;
	font-weight: bold;
	padding-top: 40px;
	width: 285px;
	float: left;
}
h1.newsdet span{
	color: #666;
	font-weight: normal;
	font-style: italic;
}
h1.newsdet span.datanews{
	color: #666;
	font-weight: normal;
	font-style: italic;
	font-size: .9em;
}
#contenuto-news {
	margin-top: 20px;
}
#contenuto-news p{
	font-size: .9em;
	line-height: 1.3em;
	margin-bottom: 20px;
}
#contatti{
	width: 960px;
	float: left;
	background: #cc0000;
	padding-bottom: 30px;
	padding-top: 50px;
	margin-bottom: 30px;
	min-height: 410px;
	height: auto !important;
	height: 410px;
}
#dati-contatti{
	width: 200px;
	margin-left: 140px;
	margin-right: 150px;
	float: left;
	color: #ffcccc;
}
#dati-contatti p{
	font-size: .8em;
	margin-bottom: 15px;
	line-height: 1.5em;
	color: #ffc9cb;
}
#dati-contatti p.quamm{
	color: #fff;
}
.ditto_summaryPost h1{
	font-size: 1.2em;
	font-weight: bold;
}
.ditto_summaryPost h1 span{
	color: #999;
	font-style: italic;
	font-weight: normal;
	margin-left: 5px;
}
.ditto_summaryPost h1 span.titblog{
	font-size: .8em;
	margin-left: 0;
}
#mail a{
	color: #fff;
	font-size: .8em;
}
#mail a:hover{
	color: #fff;
}
#form-contatti{
	float: left;
	width: 300px;
}

#form-contatti p{
	color: #fff;
}

#form-contatti h3{
	color: #fff;
	font-size: 1.1em;
}

#bottom{
	margin-top: 40px;
	float: left;
	width: 960px;
}

#bottom-sx{
	width: 330px;
	float: left;
}
#bottom-dx{
	width: 630px;
	float: left;
}
#bottom h2{
	font-size: .9em;
	font-weight: bold;
}
#blog-home{
	width: 350px;
	float: left;
}
#blog-home ul{
	margin-top: 20px;
}
#servizi-home{
	width: 220px;
	float: left;
	margin-left: 60px;
}
#servizi-home ul{
	margin-top: 20px;
}
#servizi-home ul li{
	font-size: .85em;
	font-style: italic;
	margin-bottom: 0px;
	color: #666;
}
#servizi-home p{
	font-size: .75em;
	margin-left: 7px;
}
#servizi-home ul li a:hover{
	border-bottom: 1px solid #cc0000;
}
#footer{
	float: left;
	margin-top:  50px;
	padding-bottom: 1em;
	border-top: 3px solid #cc0000;
	padding-top: 15px;
}

#novita ul{
	width: 250px;
}
#novita ul li{
	font-size: .85em;
	border-bottom: 1px dashed #999;
	padding-bottom: 5px;
	padding-top: 15px;
	line-height: 1.3em;
}
#novita ul li a{
	color: #666;
}
#novita ul li span.datina{
	font-style: italic;
	margin-left: 10px;
}
#novita ul li span.datina-interna{
	font-size: .85em;
}
#main #blog-home a{
	text-decoration: none;
}
#blog-home h3{
	font-weight: normal;
	font-size: 1em;
	color: #000;
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
}
#blog-home p{
	line-height: 1.5em;
	font-size: .9em;
}
#blog-home ul li span.datina{
	font-style: italic;
	margin-left: 10px;
	color: #999;
}
#blog-home ul li aspan.tit-blog{
	color: #000;
}
#blog-home ul li span.datina-interna{
	font-size: .85em;
	color: #999;
}
#briciola-pane{
	font-size: .75em;
	text-transform: lowercase;
	color: #333;
	margin-top: 20px;
}
#briciola-pane a{
	color: #666;
}
#claim-interno{
	margin-top: 40px;
}
#contenuto-interno{
	margin-top: 20px;
}
#contenuto-interno.blogcontent p{
	font-size: .9em;
	margin-bottom: 2em;
}
.box-profilo{
	width: 260px;
	margin-right: 90px;
	float: left;
	margin-bottom: 40px;
}
.box-profilo p{
	font-size: .85em;
	line-height: 1.3em;
}
.box-profilo h2{
	color: #666;
	margin-bottom: 20px;
	border-top: 1px solid #666;
	padding-top: 10px;
	font-size: 1em;
	font-weight: bold;
}
.box-clienti{
	width: 260px;
	margin-right: 90px;
	float: left;
	margin-bottom: 40px;
}
.box-clienti h2{
	color: #666;
	margin-bottom: .2em;
	border-top: 1px solid #666;
	padding-top: .5em;
	font-size: 1em;
	font-weight: bold;
}
.box-clienti ul{
	margin-bottom: .5em;
}
.box-clienti li{
	font-size: .9em;
	list-style: square;
	list-style-position: inside;
}
/* @end */

/* @group MENUIST */
#menuist{
	width: 630px;
	float: left;
}
#main #menuist a{
	text-decoration: none;
	color: #333;
}
#main #menuist a:hover{
	color: #cc0000;
}
.menublocco{
	float: left;
}
.menublocco ul li{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-size: .8em;
	text-transform: lowercase;
	margin-bottom: 5px;
}
.menublocco ul {
	margin-left: 0;
	/*margin-right: 85px;*/
	width: 157px;
}
.menublocco ul li a{
	margin-left: 0;
	border-bottom: none;
}
.menublocco ul li a.active{
	color: #000;
	font-weight: bold;
}
.menublocco ul li a.active span{
	color: #000;
	font-weight: bold;
}
#main .menublocco ul li a:hover{
	color: #cc0000;
}
.menublocco ul li a span{
	color: #cc0000;
	margin-right: 5px;
	margin-left: 0;
}


/* @end */

/* @group MENU INTERNO SX */

#menu-sx{
	margin-top: 90px;
}

#menu-sx ul{
	width: 153px;
	float: right;
	margin-right: 70px;
}

#menu-sx ul li{
	/*display: block;*/
	background: #cc0000;
	margin-bottom: 2px;
	font-size: .8em;
	text-transform: lowercase;
	padding-top: 2px;
	padding-bottom: 2px;
}
#menu-sx ul li a{
	color: #fff;
	margin-left: 10px;
}
#menu-sx.menublocco ul li a.active{
	color: #ffc9cb;
	font-weight: normal;
	margin-left: 20px;
}
#menu-sx.menublocco ul li a:hover{
	color: #ffc9cb;
	text-decoration: none;
}
#menu-sx.menublocco{
	float: right;
}

ul.listaservizi{
	margin: 1em 0;
	list-style-type: disc;
	font-size: .8em;
	color: #555;
	font-style: italic;
}

ul.listaservizi li{
	margin: .5em 0;
	list-style-type: disc;
	margin-left: 1em;
}

ul.listaservizi li a{
	color: #cc0000;
	border-bottom: 1px dotted;
}

#main ul.listaservizi li a:hover{
	color: #cc0000;
	border-bottom: 1px solid;
	text-decoration: none;
}



/* @end */
#login-area{
	font-size: .9em;
}
#login-area td{
	padding-right: 10px;
	padding-bottom: 5px;
}

/* @group FOOTER */

#intervista{
	width: 220px;
	float: left;
	margin-right: 110px;
	/*_margin-right: 107px;*/
	line-height: 1em;
	font-size: .8em;
}
#intervista p strong{
	font-size: 1.1em;
}
#intervista a{
	color: #666;
	font-weight: bold;
}
#footer #intervista img.intclienti{
	float: left;
	padding-bottom: 20px;
	margin-right: 15px;
	width: 25px;
}

#intervista p{
	font-size: .8em;
	width: 223px;
	float: left;
}
#dati{
	width: 630px;
	float: left;
}
#tel{
	width: 175px;
	float: left;
	font-size: .8em;
	font-weight: bold;
	color: #666;
}
#vcard{
	float: left;
	font-size: .7em;
	font-weight: bold;
	margin-left: 40px;
}
#vcard img{
	float: left;
	margin-top: -5px;
	margin-right: 10px;
	position: relative;
}
#vcard a{
	color: #666;
}
#privacy{
	float: right;
	font-size: .7em;
}
#indirizzo{
	clear: left;
	margin-top: 61px;
	font-size: .7em;
	width: 610px;
	white-space: nowrap;
}
span.status{
	margin-left: 7px;
	color: #777;
}
/* @end */

/* @group MAPPA DEL SITO */

#mappa-sito{
	padding-bottom: 1em;
}
#mappa-sito li{
	color: #cc0000;
	list-style-type: square;
	list-style-position: inside;
}
#mappa-sito ul li.livello1{
	border-top: 1px solid #999;
	padding-top: 3px;
	padding-bottom: 3px;
}
#mappa-sito ul li.livello1 ul{
	margin-top: .5em;
	margin-bottom: .5em;
}
#mappa-sito ul li.livello1 li.livello2{
	font-size: .8em;
	color: #999;
	margin-left: 15px;
}
#mappa-sito ul li.livello1 li.livello2 a{
	color: #666;
}
/* @end */ 

/* @group BLOG */
.jot-form {
	margin-top: 15px;
	padding-bottom: 15px	;
}
.jot-form label{
	font-size: .85em;
	color: #333;
}
.jot-form input{
	border: 1px solid #cfcfcf;
	padding-top: 2px;
	padding-bottom: 2px;
}
.jot-form #send{
	background: #000;
	color: #fff;
	padding: 5px;
	font-size: .8em;
	width: 134px;
}
.jot-form #send:hover{
	background: #cc0000;
	color: #fff;
	cursor: pointer;
}
.jot-form textarea{
	border: 1px solid #cfcfcf;
	padding-top: 2px;
	padding-bottom: 2px;
}
h2.blog{
	border-top: 1px solid #cc0000;
	margin-top: 10px;
	padding-top: 10px;
}
#titblog{
	margin-bottom: 10px;
	padding-top: 10px;
}
div#contenuto-interno.blogcontent h3{
	padding-bottom: 1em;
	font-size: 1.1em;
	}
div#contenuto-interno.blogcontent p em{
	color: #999;
}
div#contenuto-interno.blogcontent p.didascalia{
	font-size: .8em;
	color: #888;
	margin-left: 100px;
	border-left: 3px solid #333;
	padding-left: 15px;
}
div#contenuto-interno.blogcontent p.didascalia strong{
	color: #666;
}
/* @end */

/* @group ALTRI PROGETTI TENDINA */

#altri-prog{
	float: left;
	width: 970px;
	margin-top: -20px;
	margin-bottom: 3px;
	padding-bottom: 10px;
}
.thumb-prog{
	float: left;
	font-size: .7em;
	width: 70px;
	margin-right: 18px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#main .thumb-prog a:hover{
	text-decoration: none;
}
.thumb-prog a{
	display: block;
	width: 70px;
	height: 90px;
	padding: 2px;
	border: 1px solid #ffffff;
}

.thumb-prog a.current{
	display: block;
	width: 70px;
	height: 90px;
	padding: 2px;
	border: 1px solid #cc0000;
}
.thumb-prog a:hover{
	border: 1px solid #cc0000;
}

p.link-altri-mod{
	text-align: right;
	margin-right: 10px;
}

p.link-altri-mod img{
	vertical-align: middle;
	margin-right: 3px;
}
/* @end */


/* @group INCLUDO STYLE SPOT */

/*
	Featured Content Slider
	by: Chris Coyier
*/
*											{ margin: 0; padding: 0; }

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 630px; margin: 0; position: relative; min-height: 360px;
 }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 630px; position: absolute; top: 0px; left: 0px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 630px; height: 360px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; width: 630px;}
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 630px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row	{ float: left; margin-left: -9px;}
#movers-row div								{ width: 62px; margin-left: 9px; float: left; }
#movers-row div a.cross-link 				{ float: left; }
.photo-meta-data							{ background: url(/images/transpBlack.png); padding-left: 10px; padding-right: 10px; padding-top: 5px; height: 40px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -10px;
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(/images/icon-uparrowsmallwhite.png) top center no-repeat;

 }

a.cross-link{
	border-bottom: none;
}
a.cross-link:hover{
	border: none;
}

/* @end */


/* @group INCLUDO jScrollPane */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #eee;
}
.jScrollPaneDrag {
	position: absolute;
	/*background: #666;*/
	background: #999;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 0px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 0px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* @end */



/* @group INCLUDO JQUERY CAROUSEL */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* @end */


/* @group INCLUDO SKIN CSS */

/*.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}*/

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 960px;
   /* padding: 20px 40px;*/
   float: left;
   height: 240px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  960px;
    height: 500px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 500px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 300px;
    height: 500px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 30px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 240px;
    cursor: pointer;
    background: url(next-horizontal.png) no-repeat -30px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
    background: url(next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -30px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: pointer;
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 240px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat -30px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0px 0;
    background: url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -30px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: pointer;
    background-position: -30px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* @end */