@import "main.css";

#container #main #banner {
	position: relative;
	width: 940px;
	height: 250px;
	margin-bottom: 10px;
	background-position: right;
}

#container #main #banner #banner_img {
	position: absolute;
	top: 0;
	left: 0;
}

#container #main #banner h2 {
	position: absolute;
	left: 20px;
	z-index: 10;
	bottom: 20px;
	color: #fff;
	width: 250px;
}

#container #main #banner h2 strong {
	font-weight: bold;
	font-size: 24px;
}

/* ***** COLSX ***** */

#container #main #colSx {
	width: 695px;
	background: url(../img/interna_bg.jpg) repeat-y 0 20px;
	/*min-height: 513px;*/
	position: relative;
	/*padding-bottom: 25px;*/
}

#container #main #colSx #bordo {
	background: url(../img/bordo_bottom.jpg) no-repeat 1px;
	width: 695px;
	height: 25px;
	position: absolute;
	bottom: 0;
}

#container #main #colSx h3.title {
	color: #BE5B9E;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	margin: 20px 0 0 20px;
	padding: 0 0 0 15px;
	background: url(../img/quadrato_viola.jpg) no-repeat 0 center;
}

#container #main #colSx #breadcrumps {
	height: 47px;
	background: url(../img/interna_header.jpg) no-repeat right 0;
	padding-top: 15px;
	width: 695px;
}

#container #main #colSx #breadcrumps h2 {
	color: #005184;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 0;
	padding-bottom: 0;
	float: left;
	margin: 0 5px 0 10px;
}

#container #main #colSx #breadcrumps h2#root {
	background: url(../img/arrow_blu.gif) no-repeat 0 center;
	padding-left: 15px;
}

#container #main #colSx #breadcrumps h2 a {
	color: #005184;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../img/arrow_blu2.jpg) no-repeat 0 center;
}

#container #main #colSx #breadcrumps h2 a:hover {
	color: #7FA8C1;
}

/* ---- */

#container #main #colSx .comunicato_box, #container #main #colSx .comunicato_box_sx {
	float: left;
	display: inline;
	margin-bottom: 10px;
	background: url(../img/box_border.jpg) no-repeat 1px -15px;
	width: 315px;
	height: 168px;
	padding-right: 15px;
	padding-left: 15px;
}

#container #main #colSx .comunicato_box_v{
	float: left;
	display: inline;
	margin-bottom: 10px;
	background: url(../img/box_border.jpg) no-repeat 1px bottom;
	width: 315px;
	height: 55px;
	padding-right: 15px;
	padding-left: 15px;
}

#container #main #colSx .comunicato_box2 {
	float: left;
	display: inline;
	background: url(../img/riga.jpg) repeat-x 0 bottom;
	width: 326px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
}

#container #main #colSx .comunicato_box_sx {
	width: 315px;
	background-position: 0;
}

#container #main #colSx .comunicato_box_v .mb {
	width: 60px;
	height: 40px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

#container #main #colSx .comunicato_box h2, #container #main #colSx .comunicato_box_sx h2 {
	color: #BE5B9E;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 10px;
}

#container #main #colSx .comunicato_box h2 a, #container #main #colSx .comunicato_box_sx h2 a {
	color: #BE5B9E;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 15px;
	background: url(../img/quadrato_viola.jpg) no-repeat 0 center;
}

#container #main #colSx .comunicato_box p, #container #main #colSx .comunicato_box_sx p, #container #main #colSx .comunicato_box2 p, #container #main #colSx .comunicato_box_v p {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0;
}

#container #main #colSx .comunicato_box h3, #container #main #colSx .comunicato_box_sx h3, #container #main #colSx .comunicato_box_v h3 {
}

#container #main #colSx .comunicato_box h3 a, #container #main #colSx .comunicato_box_sx h3 a, #container #main #colSx .comunicato_box2 h3 a, #container #main #colSx .comunicato_box_v h3 a {
	color: #4B4B4B;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#container #main #colSx .comunicato_box h3 a:hover, #container #main #colSx .comunicato_box_sx h3 a:hover {
	
}

#container #main #colSx .comunicato_box h4, #container #main #colSx .comunicato_box_sx h4 {
	color: #4B4B4B;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 5px;
	padding: 0;
}

#container #main #colSx .comunicato_box a, #container #main #colSx .comunicato_box_sx a {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#container #main #colSx .comunicato_box a:hover, #container #main #colSx .comunicato_box_sx a:hover {
	text-decoration: underline;
}

/* ---- */

#container #main #colSx #paginazione {
	margin-right: 30px;
	margin-top: 20px;
}

#container #main #colSx #paginazione ul {
	float: right;
}

#container #main #colSx #paginazione ul li {
	float: left;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	display: inline;
}

#container #main #colSx #paginazione ul li a {
	color: #ccc;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#container #main #colSx #paginazione ul li a:hover {
	
}

#container #main #colSx #paginazione ul li a.active {
	color: #666;
	font-size: 12px;
	font-weight: bold;
}

/* ---- */

#container #main #colSx #articolo {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
}

#container #main #colSx #articolo ul#lista_dl {
	
}

#container #main #colSx #articolo ul#lista_dl li {
	color: #4B4B4B;
	margin-bottom: 3px;
	font: 12px/130% Arial;
}

#container #main #colSx #articolo ul#lista_dl li a {
	color: #4B4B4B;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}

#container #main #colSx #articolo ul#lista_dl li a:hover {
	color: #2f2f2f;
}

#container #main #colSx #articolo h5 {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0 0 15px;
}

#container #main #colSx #articolo h2 {
	color: #4B4B4B;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
	letter-spacing: -1px;
}

#container #main #colSx #articolo p {
	color: #4B4B4B;
	margin-bottom: 10px;
	font: 15px/130% Arial;
}

#container #main #colSx #articolo p strong {
	font-weight:bold;
}


#container #main #colSx #articolo p a {
	color: #4B4B4B;
}

#container #main #colSx #articolo p a:hover {
	color: #2f2f2f;
}

#container #main #colSx #articolo ul#actions {
	margin-top: 20px;
}

#container #main #colSx #articolo ul#actions li {
	float: left;
	display: inline;
	margin-right: 15px;
	width: auto !important;
	width: 150px;
}

#container #main #colSx #articolo ul#actions li a {
	color: #005184;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 25px;
	display: block;
	height: 25px;
	padding-top: 3px;
}

#container #main #colSx #articolo ul#actions li a:hover {
	color: #7FA8C1;
}

#container #main #colSx #articolo ul#actions li a#scarica {
	background: url(../img/scarica_ico.gif) no-repeat 0 0;
}

#container #main #colSx #articolo ul#actions li a#invia {
	background: url(../img/invia_ico.gif) no-repeat 0 0;
}

#container #main #colSx #articolo ul#actions li a#stampa {
	background: url(../img/stampa_ico.gif) no-repeat 0 0;
}

#container #main #colSx #articolo #gallery {
	margin-top: 10px;
}

#container #main #colSx #articolo #gallery h4 {
	color: #BE5B9E;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/quadrato_viola.jpg) no-repeat 0 center;
	padding-left: 15px;
	margin-bottom: 10px;
}

/* --- */

.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: 145px;
    height: 103px;
	border: 3px solid #fff;
}

/**
 * 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;
}

/* ----- */

.jcarousel-container {
	width: 660px;
	background-color: #666;
}

.jcarousel-container-horizontal {
    width: 595px;
	padding: 20px 30px;
	background-color: #666;
}

.jcarousel-clip-horizontal {
    height: 108px;
	width: 595px;
	background-color: #ccc;
}

.jcarousel-item {
    width: 145px;
    height: 106px;
	margin-right: -3px;
}

.jcarousel-item-horizontal {
}

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

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 55px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.gif) no-repeat 0 0;
	right: 0;
}

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

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

.jcarousel-prev-horizontal {
    position: absolute;
    top: 55px;
    left: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

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

/* ---- */

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

/* ***** COLDX ***** */

#container #main #colDx {
	background: #ebebeb url(../img/colDX_bg.jpg) repeat-y left 0;
	width: 233px;
	border-bottom: 1px solid #fff;
}

#container #main #colDx h2 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	background: url(../img/colDX-header.jpg) no-repeat 0 0;
	width: 188px;
	height: 30px;
	padding-left: 45px;
	padding-top: 15px;
}

#container #main #colDx ul#menu_interno {
}

#container #main #colDx ul#menu_interno li {
	width: 233px;
	background-image: url(../img/colDx_li.jpg);
	height: 29px;
	padding: 3px 0 0;
}

#container #main #colDx ul#menu_interno li a {
	color: #005184;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 205px;
	height: 22px;
	padding-top: 6px;
	margin: 0;
	padding-left: 25px;
}

#container #main #colDx ul#menu_interno li a#selected, #container #main #colDx ul#menu_interno li a:hover {
	background: #fff url(../img/menu_arrow.jpg) no-repeat 10px center;
	color: #6A99AD;
}

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