/*
* HTML5
*/
/* =============================================================================
full screen
========================================================================== */
#nojs-background img {
min-height: 100%;
min-width: 1050px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
.js-enabled #nojs-background {
display: none;
}
.outside {
height: auto;
min-height: 100%;
overflow: hidden;
position: relative;
background-image: url("../gif/pattern_bg.png");
background-repeat: repeat;
}
html, body {
height: 100%;
margin: 0px;
}
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}
/* =============================================================================
Base
========================================================================== */
html {font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0; line-height: 1.231;}
body, button, input, select, textarea {font-family: 'Arvo', serif; color: #222;}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection {background: #3AC3E0; color: #fff; text-shadow: none;}
::selection {background: #3AC3E0; color: #fff; text-shadow: none;}
/* =============================================================================
Links
========================================================================== */
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {outline: 0;}
a:link{ transition: color 0.1s linear 0s;}
/* =============================================================================
Lists
========================================================================== */
ul, ol {margin: 1em 0; padding: 0 0 0 40px;}
dd {margin: 0 0 0 40px;}
nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}
/* =============================================================================
Embedded content
========================================================================== */
img {border: 0; max-width: 100%; }
img.top {
vertical-align: text-top;
}
img.bottom {
vertical-align: text-bottom;
}
img.middle {
padding-right:8px;
vertical-align: middle;
}
/* =============================================================================
Tables
========================================================================== */
table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}
/* ===========================================
clearfix
========================================================================== */
.clearfix{margin-top:5px; }
.clearfixTop{margin-top:5px; }
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.floatleft {float:left; margin:0; padding:0;}
.floatright{float:right; margin:0; padding:0;}
ul {
margin: 0;
padding: 0;
list-style: none;
}
.textopen {
letter-spacing:3px;
}
.MarginBottom{
margin-bottom:70px
}
.Padding10{
padding:10px
}
.widthdefault{
width:70%;
}
.width100{
width:98%;
}
.width700{
width:700px;
}
.width540{
width:540px;
}
.width450{
width:450px;
}
.errorMessage{
color:#C03B2A
}
.fontsmall{
font-size:14px
}
.fontmedium{
font-size:18px
}
.fontLarge{
font-size:22px
}
.fontItalic{
font-style:italic
}
.MarginTop50{
margin-top:-50px !important
}
.MarginTop-20{
margin-top:20px !important
}
.MarginTop-40{
margin-top:40px !important
}
.MarginTop-bottom{
margin-bottom:20px !important
}
.formdati {
color: #666;
font: 18px 'Arvo', serif;
margin: 10px 25px 0 0;
}
.formdati p {
color: #666;
font: 17px/18px 'Arvo', serif;
margin: 0;
padding: 5px 5px 5px 0;
}
.formdati > div > span {
clear: left;
display: block;
padding-bottom: 5px;
/*width: 500px;*/
}
.formdati label {
color: #666;
font: 16px 'Arvo', serif;
height: 28px;
padding: 3px 15px;
text-align: right;
}
.formdati label {
float: left;
width: 210px;
}
.formdati .finput {
background-color: #ffffff;
border: 1px solid #c5b2a8;
color: #666;
float: left;
font: 17px/18px 'Arvo', serif;
margin-bottom: 3px;
padding: 2px 0 3px 2px;
width: 285px;
}
.formdati .finput::-moz-placeholder {
font-style: italic;
}
.formdati .Provinput {
background-color: #ffffff;
border: 1px solid #c5b2a8;
color: #666;
float: left;
font: 11px/14px 'Arvo', serif;
padding: 2px 0 3px 2px;
width: 150px;
}
.formdati .Siglainput {
background-color: #ffffff;
border: 1px solid #c5b2a8;
color: #666;
float: right;
font: 15px/16px 'Arvo', serif;
margin-right: 16px;
padding: 2px 0 3px;
width: 50px;
}
.formdati .txt {
background: transparent none repeat scroll 0 0;
border-bottom: 1px dotted #888888;
color: #888888;
margin-left: 0;
margin-top: 0.69em;
width: 220px;
}
.formdati .txt:hover {
border-bottom: 1px dotted #888888;
color: #304d6f;
}
.formdati .txt:focus {
border-bottom: 1px dotted #888888;
color: #888888;
}
.button1 {
color: #ec7404;
cursor: pointer;
font-family: 'Arvo', serif;
font-size: 16px;
letter-spacing: 2px;
margin-left: 200px;
padding: 8px 0.5em 8px 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s ease-in 0s;
width: 100px;
}
.button2 {
background-color: #ffffff;
border: medium none;
color: #ec7404;
cursor: pointer;
font-family: 'Arvo', serif;
font-size: 16px;
letter-spacing: 2px;
margin-left: 8px;
padding: 7px 0.5em 7px 7px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s ease-in 0s;
width: 100px;
}
.button1:hover, .button2:hover {
border: medium none;
color: #000;
}
/* =============================================================================
form ricerca
========================================================================== */
.relativize {
height: 100%;
position: relative;
width: 100%;
}
.formCerca form {
position:absolute;
top:10px;
left:250px;
z-index:200;
}
.formCerca input[type="text"] {
color: #fff;
font-family: 'Arvo', serif;
font-size: 1.4em;
padding:5px 10px 5px 30px;
width:600px;
height:50px;
}
.formCerca input[type="text"]:focus {
outline: medium none;
}
.formCerca input#button {
background: none repeat scroll 0 0 #3c8490;
border: none;
color: #3c8490;
background-color:#FFF;
font-family: 'Arvo', serif;
font-size: 1.4em;
font-weight:bold;
padding: 10px;
position:absolute;
top:5px;
right:10px;
-webkit-border-top-left-radius:25px;
-moz-border-radius-topleft:25px;
border-top-left-radius:25px;
-webkit-border-top-right-radius:25px;
-moz-border-radius-topright:25px;
border-top-right-radius:25px;
-webkit-border-bottom-right-radius:25px;
-moz-border-radius-bottomright:25px;
border-bottom-right-radius:25px;
-webkit-border-bottom-left-radius:25px;
-moz-border-radius-bottomleft:25px;
border-bottom-left-radius:25px;
}
.formCerca .finput {
background-color: #3c8490;
border: none;
color: #fff;
float: left;
margin-bottom: 3px;
padding:4px;
-webkit-border-top-left-radius:30px;
-moz-border-radius-topleft:30px;
border-top-left-radius:30px;
-webkit-border-top-right-radius:30px;
-moz-border-radius-topright:30px;
border-top-right-radius:30px;
-webkit-border-bottom-right-radius:30px;
-moz-border-radius-bottomright:30px;
border-bottom-right-radius:30px;
-webkit-border-bottom-left-radius:30px;
-moz-border-radius-bottomleft:30px;
border-bottom-left-radius:30px;
}
.form {
margin-top:-15px;
}
.form input[type="text"] {
border: 1px solid #B4B4B4;
color: #646464;
font-family: 'Archivo Narrow', sans-serif;
font-size: 0.89em;
padding: 2.25%;
width: 60%;
}
.form input[type="text"]:focus {
outline: medium none;
}
.form input#button {
background: none repeat scroll 0 0 #3c8490;
border-top: 1px solid #514f4f;
border-right: 1px solid #514f4f;
border-bottom: 1px solid #514f4f;
border-left: none;
color: #FFFFFF;
float: left;
font-family: 'Archivo Narrow', sans-serif;
padding: 5px;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright:5px;
border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
}
.formHome form .finput {
background-color: #242424;
border-top: 1px solid #514f4f;
border-left: 1px solid #514f4f;
border-bottom: 1px solid #514f4f;
border-right: none;
color: #888888;
float: left;
margin-bottom: 3px;
padding:4px;
width: 200px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-left-radius:5px;
}
.formPuntivendita form .finput {
background-color: #242424;
border-top: 1px solid #514f4f;
border-left: 1px solid #514f4f;
border-bottom: 1px solid #514f4f;
border-right: none;
color: #888888;
float: left;
margin-bottom: 3px;
padding:4px;
width: 200px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-left-radius:5px;
}
/* ===========================================
structure page
========================================================================== */
#container {
max-width: 1200px;
margin: 0 auto;
padding: 0;
background:url(../gif/bkg_container.png) repeat;
}
#content {
max-width: 1100px;
margin: 0 auto;
padding: 0;
}
header {
width: 100%;
}
#logo {
margin: 0;
padding: 0.35em 0;
}
#logo img {max-width: 100%;}
#slide { width:100%; /*height:545px; */}
/* ===========================================
carousel
========================================================================== */
.list_carousel {
margin: 0 0 30px 60px;
/*width: 360px;*/
}
.list_carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.list_carousel li {
font-size: 40px;
text-align: center;
/* width: 50px;
height: 50px;*/
padding: 0;
display: block;
float: left;
}
.list_carousel.responsive {
width: auto;
margin-left: 0;
margin-bottom:0;
}
.list_carousel.responsive {
width: auto;
margin-left: 0;
margin-bottom:0;
}
.list_carousel-content {
position: relative;
top:-220px;
left:10px;
background:url(../gif/bkg_content.png) repeat;
width:535px;
height:200px;
border-radius: 25px;
-moz-border-radius: 25px; /* firefox */
-webkit-border-radius: 25px; /* safari, chrome */
text-align:left;
z-index:100;
}
.list_carousel-content h1{
font-size: 36px;
font-weight:300;
padding:10px 0px;
padding-left:20px;
}
.list_carousel-content p{
font-size: 20px;
font-weight:300;
padding:10px 0px 0px 20px;
}
#secondary {
width: 75%;
padding: 0.625em 0 0 0;
float: left;
min-height:500px; /*Per far spostare sempre a destra gli aside*/
}
#secondary section.primario {
width: 100%;
}
#secondary section.secondario{
width: 100%;
}
/* ===========================================
lista adv in home page
========================================================================== */
section h1, article.ContentNews h1{
font-size: 24px;
font-weight:300;
padding:10px 0px;
}
.leftBoxAdv {
float: left;
margin: 0 5px 20px 0;
padding: 0;
width: 270px;
height:350px
/*height:400px;*/
}
.BoxAdv {
padding:10px 5px;
margin-top:-80px;
height:100px;
/*height:150px;*/
}
.leftBoxAdv h2 {
font-size: 24px;
font-weight: normal;
}
.leftBoxAdv p{
font-size: 1.1em;
font-weight: normal;
}
.date-badge {
background-clip: padding-box;
/* background-image: linear-gradient(to bottom, #5298D2, #4F729E);*/
text-align: center;
z-index:100;
display:block;
/* padding:15px 5px 15px 5px;*/
font-family: 'Arvo', serif;
}
.date-badge.small {
height:75px;
width: 55px;
}
.HeightSmall {
height:75px;
width: 55px;
}
.date-badge.big {
height:72px;
width: 55px;
padding-top:8px;
padding-bottom:7px;
}
article .ContentArtist .date-badge {
background-clip: padding-box;
/* background-image: linear-gradient(to bottom, #5298D2, #4F729E);*/
text-align: center;
height:72px;
width: 55px;
z-index:100;
display:block;
margin-right:10px;
/* padding:15px 5px 15px 5px;*/
}
article .ContentArtist .icone-badge {
background-clip: padding-box;
/* background-image: linear-gradient(to bottom, #5298D2, #4F729E);*/
text-align: center;
height:72px;
width: 55px;
z-index:100;
display:block;
margin-right:10px;
/* padding:15px 5px 15px 5px;*/
}
.icona-nota {
background-clip: padding-box;
/* background-image: linear-gradient(to bottom, #5298D2, #4F729E);*/
text-align: center;
height:20px;
width: 55px;
z-index:100;
display:block;
margin-right:10px;
/* padding:15px 5px 15px 5px;*/
}
.date-badgePosition{
position: relative;
top:-77px;
left:0
}
.date-badgePositionTopRight{
position: relative;
top:-166px;
left:215px;
}
.date-badgePositionBottomRight{
position: relative;
top:-77px;
left:215px;
}
.date-badge span{
display:block;
margin: -3px 0 0 0;
padding: 0 0 0 0;
}
.date-badge .month-day {
font-size: 1.4em;
line-height:1.5em;
}
.date-badge .month-name {
font-size: 1.2em;
line-height:1.2em;
}
.date-badge .year {
font-size: 0.8em;
line-height:2em;
}
img.adv{ width: 277px; height:380px;}
img.ico{ width: 270px; height:165px;}
.off * img{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity:0.35;}
.off * img.hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:100;}
.MinHeight{
min-height:320px;
}
/* ===========================================
structure page artista
========================================================================== */
#main {background-color:#242424; width:100%; height:auto;}
article .ContentArtist {
margin-top:5px;
}
article .ContentArtist h1{
font-size: 24px;
font-weight:normal;
padding:10px 0 0 10px;
}
article .ContentArtist h2{
font-size: 20px;
font-weight:normal;
padding:10px 0 0 10px;
}
article .ContentArtist p{
font-size: 18px;
font-weight:normal;
padding:5px 0 -5px 10px;
}
article .ContentArtist .small{
font-size: 16px;
padding:5px 0 0 3px;
}
.iconaLink {
background:url(../gif/icona_link.png)center no-repeat;
height:23px;
width:24px;
}
.iconaMap {
background:url(../gif/icona_map_white.png)center no-repeat;
}
.iconaOclock {
background:url(../gif/icona_clock.png)center no-repeat;
}
.iconaInfo {
background:url(../gif/icona_info.png)center no-repeat;
}
.iconaNota {
background:url(../gif/icona_nota.png)center no-repeat;
}
.IconaMusica {
background:url(../gif/icona_musica.png)center no-repeat;
}
.IconaTeatro {
background:url(../gif/icona_teatro.png)center no-repeat;
}
.IconaDanza {
background:url(../gif/icona_danza.png)center no-repeat;
}
.IconaCinema {
background:url(../gif/icona_cinema.png)center no-repeat;
}
.IconaMostre {
background:url(../gif/icona_mostre.png)center no-repeat;
}
.IconaPuntoVendita {
background:url(../gif/icona_Pvendita.png)center 20px no-repeat;
width:60px;
height:60px;
}
.IconaPuntoVenditaCall {
background:url(../gif/icona_call.png)center 20px no-repeat;
width:60px;
height:60px;
}
.IconaClassica {
background:url(../gif/icona_classica.png)center no-repeat;
}
.IconaSport {
background:url(../gif/icona_sport.png)center no-repeat;
}
.location {
width: 25%;
}
.location .title {
font-size: 0.98em;
font-weight: 300;
height: 30px;
line-height: 16px;
padding-bottom: 5px;
text-transform: uppercase;
padding:10px;
margin-top:5px;
}
#secondary section.ContentText {
margin-right:10px;
font-size:1.2em;
font-weight: 300;
min-height:400px;
}
#secondary section.ContentText h2{
margin-right:10px;
font-size:1.1em;
margin-bottom:10px;
font-weight: 300;
clear:both
}
#secondary section.Tour {
margin-right:10px;
font-size:1.2em;
font-weight: 300;
}
article .ContentTour {
margin-top:5px;
}
article .ContentTour h1 {
margin-left:10px;
padding-top:21px;
}
article.ContentNews {
min-height:87px;
padding-left:70px;
}
article.ContentPuntivendita {
min-height:87px;
padding-left:70px;
}
/* ===========================================
contenitore dx
========================================================================== */
aside {
width: 25%;
float: left;
}
aside#primaria {
margin-top:61px;
}
aside#secondaria {
margin-top:31px;
}
aside .title {
font-size: 0.98em;
font-weight: 300;
height: 30px;
line-height: 16px;
padding-bottom: 5px;
text-transform: uppercase;
padding:10px;
}
.lastpost {
width:220px;
height:87px;
}
.lastpost h1 {
font-size: 0.99em;
font-weight: 300;
line-height: 16px;
padding:10px 0 0 5px;
}
.lastpost p {
font-size: 0.95em;
font-weight: 300;
line-height: 0.99em;
padding:5px 0 0 5px;
}
aside ul {margin-bottom: 1.25em;}
aside h3 {
padding-bottom: 0.625em;
font-weight: 500;
font-size: 1.0625em;
border-bottom: 1px solid #D1D3D4;
margin-bottom: 0.625em;
}
aside#secondaria .form {
margin-top:5px;
}
aside#secondaria .form input[type="text"] {
border: 1px solid #B4B4B4;
color: #646464;
font-family: 'Archivo Narrow', sans-serif;
font-size: 0.89em;
padding: 2.25%;
width: 60%;
}
aside#secondaria .form input[type="text"]:focus {
outline: medium none;
}
aside#secondaria .form input#button {
background: none repeat scroll 0 0 #3c8490;
border-top: 1px solid #514f4f;
border-right: 1px solid #514f4f;
border-bottom: 1px solid #514f4f;
border-left: none;
color: #FFFFFF;
float: left;
font-family: 'Archivo Narrow', sans-serif;
padding: 5px;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright:5px;
border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
}
aside#secondaria .formHome form .finput {
background-color: #242424;
border-top: 1px solid #514f4f;
border-left: 1px solid #514f4f;
border-bottom: 1px solid #514f4f;
border-right: none;
color: #888888;
float: left;
margin-bottom: 3px;
padding:4px;
width: 230px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-left-radius:5px;
}
aside#secondaria .formPuntivendita form .finput {
background-color: #242424;
border-top: 1px solid #514f4f;
border-left: 1px solid #514f4f;
border-bottom: 1px solid #514f4f;
border-right: none;
color: #888888;
float: left;
margin-bottom: 3px;
padding:4px;
width: 230px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
border-top-left-radius:5px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-left-radius:5px;
}