/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */

/* =============================================================================
 *   Base
 * ========================================================================== */

/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */

html {
  background: none;
  height:100%;
  min-height: 100%;
}


body {
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 87.5%;
  height:100%;
  min-height: 100%;
  background:url("images/bg-verd.jpg") repeat;
}


/* =============================================================================
 *   HTML Elements
 * ========================================================================== */

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

p {}

b,
strong {}

i,
em {}

dfn {}

sup {}

sub {}

del {}

ins {}

blockquote {}

cite {}

q {}

address {}

ul {}

ol {}

li {}

dl {}

dd {}

dt {}

abbr {}

acronym {}

pre,
code,
tt,
samp,
kbd,
var {
  font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}

a {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition:all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  outline:none;
}
a[href^=tel]{
  color:inherit;
  text-decoration:none;
}
/* =============================================================================
 *   Wrappers
 * ========================================================================== */

/*
 * Page wrapper, includes the .container class which sets the overall page or section width
 * Main wrapper in page.tpl.php, the .container class sets the width of the page, do not add width to it!
 */
.front #page {
  background-color: transparent;
  background-image: url("images/sfondo9b.png");
  background-repeat: no-repeat;
  background-position: center 330px;
}

.front #page .pane-home-slideshow {
 /* background-clip: border-box, border-box, content-box;
  background-image: url("images/lavagnabar_top.png"), url("images/lavagnabar_botton.png"), url("images/lavagnabar.png");
  background-position: center 150px, center 680px, center 190px;
  background-repeat: no-repeat, no-repeat, no-repeat;
 */
  margin-bottom:0;
}
.panel-separator {

}


.page-contact .region-three-33-top {
  /*background-image: url("images/sfondocontactplus.png");
  background-repeat: no-repeat;
  background-position: center 330px;
margin-bottom:10px;
  min-height: 1674px;*/

/*  background-image: url("images/sfondocontactplus.png");
  background-repeat: no-repeat;

/*  background-position: center 350px;
  background-size: 980px 1560px;
  margin-bottom: 10px;
  height: 1890px;*/
}
.page-contact .region-three-33-top .contact-header:after {
  background-color: transparent;
  background-image: url(images/carta5_sopra.png),url(images/carta5_sotto.png),url(images/carta5_mezzo.jpg);
  background-position: center top,center bottom,center top;
  background-repeat: no-repeat,no-repeat,repeat-y;
  -webkit-background-clip: border-box,border-box,content-box;
  -moz-background-clip: border-box,border-box,content-box;
  background-clip: border-box,border-box,content-box;
  padding: 50px 0px 50px 0px;
  content: "";
  left: 0;
  min-height: 1700px;
  z-index: -1;
  position: absolute;
  margin: -30px auto 0px;
  width: 100%;
  text-align: center;
}
.page-contact .footer-panel {
  margin-top:110px;
}
.home-central-wrapper {
  background: url("images/cartaSmall.png") repeat-x center top;
  background-clip: border-box, border-box, padding-box;
  background-image: url("images/carta4_sopra.png"), url("images/carta4_sotto2.png"), url("images/cartamezzosmall.png");
  background-origin: border-box, border-box, padding-box;
  background-position: center top, center bottom, center 59px;
  background-repeat: no-repeat, no-repeat, repeat-y;
  border-bottom: 50px solid transparent;
  border-top: 50px solid transparent;
  margin: 0 auto !important;
  max-width: 920px;
  min-height: 300px;
  padding: 0px 15px;
  margin-bottom: 0;
}
#page {
 min-height: 100%;
 position:relative;
}
#page .container {}



/*
* Wraps all header elements - branding and .region-header
*/
#header {}
/*
 * Wraps the sidebars the content column
 */
#columns {}

/*
 * Main content column wrapper
 */
#content-column {}

/*
 * Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column
 */
#main-content {}

/*
 * Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style
 */
#content {}

/*
 * Footer wrapper
 */
#footer {}

.footer-image-wrapper,.contact-image-wrapper{
  background: url("images/singlesheet_mini.png") no-repeat scroll left top transparent;
  height: 185px;
  /*margin: 0 auto 10px;*/
  margin:0 auto;
 /* padding: 10px 0;*/
    padding:10px;
  text-align: center;
 /* width: 275px;
  background-size: 306px 202px;*/
    width:238px;
   background-size: 260px 187px;
}
.contact-image-wrapper {
  margin:0;
}
.footer-image-wrapper img {
  vertical-align: middle;
  margin:0px;
}
.footer-text-wrapper {
  background: url("images/singlesheet_mini.png") no-repeat scroll left top transparent;
  height: 165px;
  padding:20px 7px 10px;
  width: 260px;
  margin:0 auto;
  font-family: Georgia,"Palatino","Palatino Linotype", sans-serif;
  font-style: italic;

}
.footer-text-wrapper p {
  margin:0 20px 10px;
}
.footer-text-headline {
  font-size: 18px;
}
.footer-text {
font-size: 13px;
  font-style: normal;

}
.footer-text-store {
  color:#A9A720;
  font-size:14px;
}
p.footer-text-store {
  margin-bottom:0;
}
.footer-text-headline a {
  color:#A9A720;
  padding:2px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition:all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.footer-text-headline a:hover,.footer-text-headline a:focus,.footer-text-headline a:active {
  text-decoration: none;
  background-color: #A9A720;
  color:#ffffff;
}
.footer-first-block {
margin-left:35px;
}
.footer-second-block {
margin-left:5px;
}
.footer-third-block {
margin-right:40px;
}
.footer-third-block p.footer-text-normal {
  margin-bottom:0;
}
.footer-text-phone-number {
 /* font-size:30px;*/
  font-size:16px;
  color:#000 !important;
}
.footer-text-phone{
 /* margin-top:25px !important;*/
    margin-bottom:5px !important;
}
.footer-third-block .footer-text-normal {
    font-size:12px;
}
.footer-panel {
  width:100%;
  max-width:980px;
  border-top:1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  padding:2px 0 0 0;
  height:23px;
  font-size:12px;
  /*margin:0 auto;*/
  margin:20px auto;
  position: relative;
  font-family: Georgia, "Palatino", "Palatino Linotype", serif;
  font-style: italic;
  vertical-align: middle;
}
.front .footer-panel {
  top:100px;
}
.page-delivery-new .footer-panel {
  top:10px;
}
.front .footer-panel {
   /* top:85px;*/
  /*top:100px;*/
  top:40px;
}
.page-chi-siamo .footer-panel {
    margin:30px auto 20px auto;
}
.front.logged-in .footer-panel {
    margin-bottom: 40px;
}
.footer-panel a {
  text-decoration: none;
  color:#000;
}
.footer-panel a:hover {
  /*transform: scale(1.1,1.1) ;
  -webkit-transform:scale(1.1,1.1) ;
  -ms-transform:scale(1.1,1.1) ;
  -moz-transform:scale(1.1,1.1) ;*/
  text-shadow: none;
  text-decoration: none;
  color: #583119;
}
.footer-info a {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition:all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.footer-info a:hover {
/*    transform: scale(1.1,1.1) ;
    -webkit-transform:scale(1.1,1.1) ;
    -ms-transform:scale(1.1,1.1) ;
    -moz-transform:scale(1.1,1.1) ;*/
    text-shadow: none;
    text-decoration: none;
    color: #583119;
}
.footer-info-wrapper {
  width:100%;
  margin:0 auto;
  text-align: center;
}
.footer-info-column-middle,.footer-info-column-left,.footer-info-column-right {
  float:left;
  display: inline-block;
}
.footer-info-column-left,.footer-info-column-right {
  width:40%;
  display: table;
  padding-top: 2px;
}
.footer-info-column-left p,.footer-info-column-right p {
display: table-cell;
}
.footer-info-column-middle {
  width:20%;

}
.footer-logo {
  background: url("images/nastro_footer.png") no-repeat;
  position:relative;
  z-index:10;
  margin-top:-10px;
  height:50px;
}
.footer-logo img{
  width:75px;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  -ms-transition:all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
.footer-logo a:hover img{
  -ms-transform: rotate(720deg) ;
  -webkit-transform:rotate(720deg);
  -moz-transform:rotate(720deg);

}
.footer-panel span {
  margin-left:5px;
}
.footer-panel img {
  vertical-align: bottom;
}
.footer-info-column-left img,.footer-info-column-right img {
  margin-left:10px;
}
.footer-credits-wrapper {
    width: 100%;
    margin: 10px auto 10px auto;
    text-align: center;
   /* border-top: 1px dotted #333;
    border-bottom: 1px dotted #333;*/
    max-width:960px;
  /*  clear:both;*/
    background-image: url("/sites/all/themes/viva/css/images/ondulata.png");
    background-position: left bottom;
    background-repeat: repeat-x;
}
.front .footer-credits-wrapper {
   /* margin:105px auto 10px auto;*/
  margin:125px auto 10px auto;
}
.front.viva-home .footer-credits-wrapper {
  margin:60px auto 10px auto;
}
.page-delivery-new .footer-credits-wrapper {
  position: relative;
  top:10px;
}
/* accrocchio blocco credits che fa quel che vuole lui */
.pane-block-28 {
clear:both;
}
.footer-credits {
padding:5px 0 10px 0;
}
.footer-credits .credits-label {
    font-family: "Trash Hand";
    font-size:20px;
    color:#583119;
    text-shadow: 1px 1px 1px #666;
}
.footer-credits a {
     color:#f2f2f2;
     font-family: "Trash Hand";
    font-size: 20px;
    text-shadow: 1px 1px 1px #666;
    padding:2px 3px;
 }
.footer-credits a:hover{
    background-color: #A9A720;
    color:#ffffff;
   text-decoration: none;
}
.footer-credits .credits-right {
    margin-left:20px;
}
.filettoDark {
  background:url("images/filettopallini_nero.png") repeat-x top left;
  background-clip: content-box;
  height:3px;
  max-width: 860px;
  margin:0 auto;
}
/*
 * Panels may need additional margin wrangling when in the $content region
 */
#content .panel-display {}

/*
 * Full Width Wrappers
 * These are used in the optional page--full-width-wrappers.tpl.php template.
 * All have internal .container classes. In the full width wrapper template the
 * .container classes set the width or max-width of the contained element - you
 * can style this but never add any width/margin/padding/borders etc to .container
 */
/*
 * Wraps #page
 */
#page-wrapper {}
#page-wrapper .container {}

/*
 * Wraps the leaderboard
 */
#leaderboard-wrapper {}
#leaderboard-wrapper .container {}

/*
 * Wraps the header
 */
#header-wrapper {
  /* Debug styles, is this working */
  background: rgba(255, 192, 203, 0.5);
}
#header-wrapper .container {}

/*
 * Wraps the nav elements
 */
#nav-wrapper {}
#nav-wrapper .container {}

/*
 * Wraps breadcrumb
 */
#breadcrumb-wrapper {}
#breadcrumb-wrapper .container {}

/*
 * Wraps messages and help
 */
#messages-help-wrapper {}
#messages-help-wrapper .container {}

/*
 * Wraps the secondary content/preface region
 */
#secondary-content-wrapper {}
#secondary-content-wrapper .container {}

/*
 * Wraps the main content column
 */
#content-wrapper {}
#content-wrapper .container {}

/*
 * Wraps the tertiary content/postfix region
 */
#tertiary-content-wrapper {}
#tertiary-content-wrapper .container {}

/*
 * Footer wrapper
 */
#footer-wrapper {
  /* Debug styles, is this working? */
  background: rgba(255, 192, 203, 0.5);
}
#footer-wrapper .container {}


/* =============================================================================
 *   Branding
 * ========================================================================== */

/*
 * Wraps all the branding elements, logo, name and slogan
 */
#branding {
  margin: 0 auto;

  text-align: center;
}

/*
 * Logo
 */
#logo {
  margin:0px auto;
  text-align: center;
  padding: 0 0 10px;
  position: relative;
  z-index: 10;
  width: 400px;
}

#logo img {
  vertical-align: bottom;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition:all 0.25s ease-out;
  transition: all 0.25s ease-out;
    -webkit-transition: scale(0) rotate(0deg);
}
#logo a {

}
#logo a:hover img{
 /* transform:  rotateY( 720deg ); */
 /* -webkit-transform: rotateY( 720deg );*/
  /*-ms-transform:scale(1.05,1.05) ;
-webkit-transform: scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);*/
 /* -moz-transform: rotateY( 720deg );
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;*/
}
.logo-background{
  margin-top: -280px;
  position: relative;
  z-index: -1;
}

#logo a:hover + .logo-background img.logo-bk {
  -webkit-animation: rotation 7s infinite ease-out;
  -moz-animation: rotation 7s infinite ease-out;
}

@-webkit-keyframes rotation {
   0% {
    -webkit-transform: rotate(0deg)
}
50% {
    -webkit-transform:rotate(180deg)
}
100% {
    -webkit-transform:rotate(359deg)
}
}
@-moz-keyframes rotation {
  0% {
   -moz-transform:rotate(0deg)
}
50% {
    -moz-transform:rotate(180eg)
}
100% {
    -moz-transform:rotate(359deg)
}
}
/*
 * Wrapper for the site name and slogan (hgroup)
 */
#name-and-slogan {}

/*
 * Site name (h1)
 */
#site-name {
  margin: 0;
}

#site-name a {}

#site-name a:link,
#site-name a:visited {
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

/*
 * Site slogan (h2)
 */
#site-slogan {
  margin: 0;
}


/* =============================================================================
 *   Page content header
 * ========================================================================== */

/*
 * Main content header wraps the page title, tabs and actions links
 */
#main-content-header {}

/*
 * The main page title (h1)
 */
#page-title {
  margin: 0;
  display: none;
}


/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */

/*
 * Feed icons
 */
.feed-icon {}

/*
 * Aggregator feed source
 */
#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}

.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
}

/*
 * Generic styles for the more link
 */
.more-link {}

/*
 * Generic styles for links. See the ul.links declaration in node and comment stylesheets
 */
ul.links {
  margin: 0;
  padding: 0;
}

ul.links.inline {
  display: block;
}

ul.links li {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */
.search-results {
  margin: 0;
}


/* =============================================================================
 *   Regions
 * ========================================================================== */

/*
 * Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc
 */
.region {}

/*
 * Regions have an inner div - perfect for adding margin, padding or borders
 */
.region-inner {}

/*
 * Regions can be nested, such as when using Panels
 */
.region-inner .region-inner {}

/*
 * Header region, embedded in the #header
 */
.region-header {}

/*
 * Generally used to output Drupals help block, if the help module is enabled
 */
.region-help {}

/*
 * Secondary content
 */
.region-secondary-content {}

/*
 * Sits above the main content header, like a content-top region
 */
.region-highlighted {}

/*
 * Sits below the main content, like a content-bottom region
 */
.region-content-aside {}

/*
 * Sidebars - targets both
 */
.sidebar {}

/*
 * First sidebar
 */
.region-sidebar-first {}

/*
 * Second sidebar
 */
.region-sidebar-second {}

/*
 * Tertiary content
 */
.region-tertiary-content {}

/*
 * Footer region
 */
.region-footer {}


/* =============================================================================
 *   Links
 * ========================================================================== */

a {
  text-decoration: none;
}

a:link,
a:visited {}

a:active,
a.active {}

a:hover,
a:focus {
  text-decoration: underline;
}


/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

/*
 * Use one of the following id's for granular control:
 *  - #menu-bar (menu bar region)
 *  - #primary-menu (main menu)
 *  - #secondary-menu (secondary/user menu)
 * You can target all of these with .nav or div[id$="menu-bar"]
 */
.nav {
  clear: both;
  margin:0;
  position:absolute;
  top:20px;
    z-index:11; /* fix menu che va sotto logo su basse risoluzioni */

}

.nav ul,
.nav ul.menu {
  margin: 0;
  padding: 0;
  background-image: url("images/ondulata.png");
  background-position: bottom left;
  background-repeat: repeat-x;
}

.nav li,
.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav ul.menu li.first {
  padding-left:15px;
}
.nav ul.menu li.last {
  padding-right:15px;
}
.nav li a,
.nav ul.menu li a {
  display: block;
  white-space: nowrap;
  padding: 0 10px 15px;
  font-family: "Trash Hand";
  color:#fff;
  text-shadow: 1px 1px 1px #666;
  font-size:22px;
}

.nav li a:visited,
.nav ul.menu li a:visited {}

.nav li a:hover,
.nav li a:focus,
.nav ul.menu li a:hover,
.nav ul.menu li a:focus {
  transform: scale(1.1,1.1) ;
  -webkit-transform:scale(1.1,1.1) ;
  -ms-transform:scale(1.1,1.1) ;
  -moz-transform:scale(1.1,1.1) ;
  text-shadow: none;
  text-decoration: none;
    color: #583119;
}

.nav .block {
  margin-bottom: 0;
}
.region-leaderboard {
  height:0px;
  margin:0px auto;
  position:relative;
  text-align: center;
}
.facebook-follow {
  position:absolute;
  top:15px;
  right:20px;
    z-index:11; /* fix menu che va sotto logo su basse risoluzioni */
  background-image: url("images/ondulata.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  padding: 0 15px 8px 15px;
}

.facebook-follow a{
  font-family: "Trash Hand";
  font-size:22px;
  color:#fff;
  margin-bottom:0px;
  text-shadow: 1px 1px 1px #666;
  text-decoration: none;
  padding: 0 10px 15px;
}
.facebook-follow a.menu-item {

}
.facebook-follow a:hover {
  transform: scale(1.1,1.1) ;
  -webkit-transform:scale(1.1,1.1) ;
  -ms-transform:scale(1.1,1.1) ;
  -moz-transform:scale(1.1,1.1) ;
  text-shadow: none;
  text-decoration: none;
  color: #583119;
}
.facebook-follow span {
  margin-right:5px;
}
/*.facebook-follow a:hover {
   color: #583119;
    text-shadow: none;*
}*/
.facebook-follow a.fblink:hover img{
  transform: scale(1.5,1.5) rotate(720deg);
  -webkit-transform:scale(1.5,1.5) rotate(720deg);
  -ms-transform:scale(1.5,1.5) rotate(720deg);
  -moz-transform:scale(1.5,1.5) rotate(720deg);
  text-decoration: none;
}
.facebook-follow img {
  padding:5px;
  -webkit-transition: all 0.50s ease-in-out;
  -moz-transition: all 0.50s ease-in-out;
  -o-transition: all 0.50s ease-in-out;
  -ms-transition:all 0.50s ease-in-out;
  transition: all 0.50s ease-in-out;
}
.facebook-follow .fblink {
  padding:0;
}
.facebook-follow .fblink.marginLeft {
  margin-left:10px;
}
.footer-info-wrapper .social-menu {
  position: absolute;
  right: 50px;
  top: -5px;
}
.footer-info-wrapper .social-menu img {
  margin-left:0;
}
.footer-info-column-right {
  text-align: left;
  position: relative;
}
.footer-info-column-right p {
  padding-left:55px;
}
/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */

ul.menu {
  padding-left: 15px;
}

ul.menu ul {
  padding-left: 15px;
}

ul.menu ul ul {}

ul.menu ul ul ul {}

ul.menu li {
  margin: 0;
}

ul.menu li.collapsed,
ul.menu li.expanded,
ul.menu li.leaf {}

ul.menu li a {}

ul.menu li a:link,
ul.menu li a:visited {}

ul.menu li a:active,
ul.menu li a.active {}

ul.menu li a:hover,
ul.menu li a:focus {}

ul.menu li.active a,
ul.menu li.active-trail a {}

ul.menu li.first,
ul.menu li.last {}

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content {
  padding: 0;
}


/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */

.book-navigation {}

.book-navigation .page-links {}

.book-navigation .page-previous {}

.book-navigation .page-next {}

.book-navigation .page-up {
  /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
  min-width: 2em;
  white-space: nowrap;
}

.book-navigation .menu {
  margin-left: 0;
}


/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */

#breadcrumb {
  margin: 10px 0;
}

/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
  content: ":";
}

#breadcrumb ol {
  margin: 0;
  padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}

#breadcrumb li {
  list-style: none;
  display: inline;
}

#breadcrumb li.crumb-first {}

#breadcrumb li.crumb-last {}

#breadcrumb a {}

#breadcrumb a:link,
#breadcrumb a:visited {}

#breadcrumb a:active,
#breadcrumb a.active {}

#breadcrumb a:hover,
#breadcrumb a:focus {}


/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}

.item-list ul.pager li {
  margin: 0;
}

ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}

ul.pager li.pager-current {
  font-weight: 700;
}

.block ul.pager li {
  margin: 0;
}

/*
 * Theme the various states of pager links
 */
ul.pager li {}

ul.pager li a {}

ul.pager li a:link,
ul.pager li a:visited {}

ul.pager li a:active,
ul.pager li a.active {}

ul.pager li a:hover,
ul.pager li a:focus {}

ul.pager li.pager-item {}
ul.pager li.first {}
ul.pager li.last {}
ul.pager li.pager-current {}
ul.pager li.pager-first {}
ul.pager li.pager-previous {}
ul.pager li.pager-next {}
ul.pager li.pager-last {}


/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}

#skip-link a {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}


/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */
#quicktabs-quicktabs_local_tasks{
border-bottom: 1px dashed #333;
}
#quicktabs-quicktabs_local_tasks .block-local-tasks-blocks {
  margin-bottom:0;
}
#quicktabs-quicktabs_local_tasks ul{
  list-style-type: none;
}
#quicktabs-quicktabs_local_tasks ul li {
  display: inline;
}
#quicktabs-quicktabs_local_tasks ul li a{
  color: #333333;
  font-family: "Palatino","Palatino Linotype","Georgia",serif;
  font-size: 12px;
  padding: 10px 5px;
  border-radius: 5px;
  text-transform: lowercase;
}

#quicktabs-quicktabs_local_tasks ul li a:hover,#quicktabs-quicktabs_local_tasks ul li a:focus {
  text-decoration: none;
  background-color: #A9A720;
  color:#ffffff;
}
ul.quicktabs-tabs.quicktabs-style-arrows {
  border-bottom: 1px dashed #333;
}

#tasks {
  margin-bottom: 15px;
}

ul.primary {
  border-bottom-color: #ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
}

ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}

ul.primary li a {
  background-color: #f5f5f5;
  border-color: #ccc;
  margin-right: 1px;
  padding: 0 10px;
  display: block;
  float: left;
  height: 1.5em;
  line-height: 1.5em;
}

ul.primary li a:hover,
ul.primary li a:focus {
  background-color: #eee;
  border-color: #ccc;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #fff;
  border-bottom-color: #fff;
}

ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}

ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}

ul.secondary li a {}

ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}


/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
  margin: 20px 0 0;
  list-style: none;
}

ul.action-links li {}

/* =============================================================================
 *  Home Slideshow Styling
 * ========================================================================== */
.flexslider {
    background: transparent none;
    border:none;
    margin-top:-80px;
  margin-bottom: 20px;
  box-shadow: none;
  border-radius:0;
}
.front .flexslider ul.slides,.front .flex-nav-container ol.flex-control-nav,.front .flex-nav-container ul.flex-direction-nav,.front .flexslider ul.slides li img{
    margin:0px auto;
}
.front .flex-control-thumbs li {
  width:auto;
  float:none;
}
.front .flexslider .slides img {
  max-width: 920px;
}
.front .block-content .flex-control-nav li {
    margin:0 6px;
}
/* =============================================================================
 *  Viste Menu Con lavagna
 * ========================================================================== */
.page-taxonomy-term #tasks {
  display:none;
}
/* MENU DELIVERY */
.page-taxonomy-term-2 {

}
.page-taxonomy-term-2 .contextual-links-region {
/*  position:inherit; */
  position:relative;
}
.page-delivery-new.page-taxonomy-term-2 .filetto {
  margin: -10px 40px;
}
.text-medium {
font-size:16px
}
.italic {
font-style: italic;
}
.bold {
font-weight:bold;
}

.delivery-wrapper {
 /* position: absolute;
  bottom: 730px;
  left: 640px;*/
  position: inherit;
  font-family: "Georgia","Palatino","Palatino Linotype";
}
.delivery-right-column {
  left: 710px;
  position: absolute;
 /* top: 310px; */
  top:560px;
  width: 340px;
}
.two-blocks {
  background: url(images/singlesheetfoto.png) no-repeat top center;
  height:415px;
  width:318px;
  margin:0;
  padding:0px;
}
.two-blocks p,.two-blocks-map p {
  width:280px;
    font-size:13px;
}
.two-blocks-map p {
    margin-bottom:5px;
}
.two-blocks .delivery-info,.two-blocks-map .delivery-info {
padding:20px 20px 0;
}
.two-blocks .phone {
 /* margin-bottom: 45px;*/
  margin-bottom:10px;
}
.two-blocks p.headline {
  font-size:18px;
  font-style: italic;
}
.two-blocks .delivery-info p.headline.first {
  margin-bottom: 5px;
}
.two-blocks .delivery-info p.headline.second {
  margin-bottom: 0px;
  margin-top:25px;
}
.two-blocks .delivery-info .additional {
  font-size:10px;
  font-style: italic;
}
.two-blocks ul {
    list-style-type: square;
    font-size:12px;
    font-weight: bold;
}
.two-blocks ul li {
    margin:1px 0;
}
.two-blocks.second-block {
    margin-top: -23px;
    height: 490px;
    background-size: 100% 100%;margin-top:-20px;
}
.two-blocks.second-block p {
    margin-bottom:7px;
    font-size:13px;
}
.two-blocks.second-block p.small {
    font-size:12px;
}
.two-blocks.second-block .map-headline {
    margin-top:20px;
}
.two-blocks-map p.headline {
    font-size: 16px;
    margin-bottom: 10px;
  margin-top:15px;
}
.two-blocks.second-block p.headline {
font-size: 15px;
margin-bottom: 10px;
margin-top: 5px;
}
.two-blocks-map p{
    font-style: italic;
    margin-left:20px;
}
.two-blocks.second-block p.maplook,.two-blocks-map p.maplook{
  margin-top:70px;
}
.two-blocks.second-block .margin {
    margin-top:70px;
    margin-bottom: 10px;
}
.two-blocks-map {
  background: url("images/fotomappaservizio2.png") no-repeat top center;
  height:415px;
  width:318px;
  margin-top:-20px;
  padding:0px;
}
.two-blocks-map img {
    position:relative;
    left:10px;
    top:10px;
}
.two-blocks-map .map-headline {
padding-top:35px;
}
.two-blocks-map .dove-arriviamo span{
  padding-bottom:5px;
}
.maplook {
    margin-top:100px;
}
.two-blocks-map .dove-arriviamo a,.two-blocks a {
  color:#000000;
  text-decoration: none;
  padding:1px 0;
  margin-top:3px;
  font-weight: bold;
}
.two-blocks a.pdflink,.two-blocks-map a.mappalink {
    font-weight: bold;
  background-color: #FE2E2E;
  color:#ffffff;
  padding:1px 5px;
    text-decoration: none;
    font-size:12px;
}
.two-blocks-map .dove-arriviamo a:hover,.two-blocks-map .dove-arriviamo a:focus,.two-blocks-map .dove-arriviamo a:active,
.two-blocks a:hover,.two-blocks a:focus,.two-blocks a:active,.two-blocks-map a.mappalink:hover,.two-blocks-map a.mappalink:focus,.two-blocks-map a.mappalink:active{
  color:#ffffff;
  background-color: #A9A720;
}
.two-blocks.second-block p.footerline {
    margin-top:100px;
    font-size: 18px;
    font-style: italic;
}
.bike-slogan {
  padding: 30px 20px 0;
}
.bike-slogan p {
  color:white;
  margin-bottom:5px;
}
.view-menu-cover-wrapper {
  margin:-60px auto;
  text-align: center;
}
.page-delivery-new .view-menu-cover-wrapper:after {
  background-color: transparent;
  background-image: url(/sites/all/themes/viva/css/images/lavagnabar_top.png),url(/sites/all/themes/viva/css/images/lavagnabar_botton.png),url(/sites/all/themes/viva/css/images/lavagnabar.png);
  background-position: center top,center bottom,center top;
  background-repeat: no-repeat,no-repeat,repeat-y;
  -webkit-background-clip: border-box,border-box,content-box;
  -moz-background-clip: border-box,border-box,content-box;
  background-clip: border-box,border-box,content-box;
  padding: 50px 0px 50px 0px;
  content: "";
  left: 0;
  min-height: 91.5%;
  z-index: -1;
  position: absolute;
  margin: -150px auto;
  width: 100%;
  text-align: center;
}
.view-menu-cover-wrapper .filetto {
  margin:40px;
}
.view-menu-wrapper{
  margin: -200px auto 0 auto;
  color:#fff;
  background-color:transparent;
  background-image: url("images/lavagnabar_top.png"), url("images/lavagnabar_botton.png"), url("images/lavagnabar.png");
  background-position: center top, center bottom, center top;
  background-repeat: no-repeat, no-repeat, repeat-y;
  -webkit-background-clip :border-box,border-box,content-box;
  -moz-background-clip:border-box,border-box,content-box;
  background-clip:border-box,border-box,content-box;
  padding: 50px 20px 0px 20px;
  min-height: 1850px;
}
.page-delivery-new .view-menu-wrapper {
  background-image: none;
  min-height: 100%;
}
.view-menu-viva {
  font-family: "Trash Hand";
  font-size:18px;
  margin-left: 40px;
  margin-top: 160px;
  width: 500px;
}
.custom-map-wrapper {
  width:900px;
  margin:0 auto 30px;
  padding:0 20px;
  color:#fff;
  text-align: center;
}
.custom-map-wrapper h3 {
  font-size: 32px;
  margin:3px 0;
  color:#e2007a;
  font-family: "Trash Hand";
}
.custom-map-wrapper a {
  color: #ffed00;
  text-decoration: none;
  display: block;
  margin-bottom:20px;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-size:18px;
  letter-spacing: 1px;
  font-style: italic;
}
.custom-map-wrapper a:hover,.custom-map-wrapper a:focus, .custom-map-wrapper a:active {
  color:#A9A720;
}
/******************************************
UPDATE AGOSTO 2014 pagina delivery
*******************************************/
.view-menu-wrapper.delivery-wrapper-new .view-menu-viva {
  padding: 0 30px;
  margin-left: 0;
  width: 96%;
  position:relative;
}
.view-menu-viva ul.pager {
  font-family: "Trash Hand";
  font-size: 18px;
  margin: 20px auto 0;
  max-width: 600px;
  padding: 5px 0 0 0;
}
.view-menu-viva ul.pager li {
  padding:2px;
}
.view-menu-viva ul.pager li a{
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  letter-spacing: 2px;
  padding: 2px 0 2px 14px;
  text-decoration: none;
  outline: none;
}
.view-menu-viva ul.pager li.pager-previous a {
  padding: 2px 14px 2px 2px;
}
.view-menu-viva ul.pager li.pager-current {
  font-family: "Palatino","Palatino Linotype";
  font-size: 14px;
  font-style: italic;
  letter-spacing: 2px;
}
.view-menu-viva ul.pager li a:hover,.view-menu-viva ul li.pager a:active,.view-menu-viva ul.pager li a:focus{
  color:#ffffff;
  text-decoration: none;
  background-color: #A9A720;
}

.view-menu-viva table,.view-menu-viva table tbody,.view-menu-viva table tbody tr {
  border:none;
  background: none;
}
.view-menu-viva table {
  margin:5px 0 15px;
background:url("images/filetto.png") no-repeat bottom;
  background-clip: content-box;
}
/******************************************
UPDATE AGOSTO 2014 pagina delivery
*******************************************/
.view-menu-wrapper.delivery-wrapper-new .view-menu-viva table {
  max-width:96%;
}
.view-menu-viva table tr.row-last {
  margin-bottom:5px;
}
.view-grouping-header {
  border-bottom: 1px solid #e2007a;
  font-size: 32px;
  display:inline;
  margin:3px 0;
  color:#e2007a;
}
.delivery-howto {
  width:100%;
  margin:0 auto;
  text-align:center;
  color:#fff;
  font-family:"Palatino","Palatino Linotype",serif;
}
.delivery-howto h3,.delivery-menu-header-wrapper h3{
  font-family: "Trash Hand";
  font-size: 32px;
  margin:3px 0;
  color:#e2007a;
}
.delivery-menu-header-wrapper {
  color:#fff;
  text-align: center;
  line-height: 1.8em;
}
.delivery-howto-infowrapper,.delivery-menu-header-wrapper {
  width: 500px;
  margin: 0 auto;
}
.delivery-howto-consegnawrapper{
  width: 675px;
  margin: 0 auto;
}
.delivery-consegnacolumn {
  float: left;
  display: inline-block;
}
.delivery-infocolumn {
  width: 33%;
  float: left;
  display: inline-block;
}
.delivery-menu-header-wrapper .delivery-infocolumn {
  width: auto;
  margin: 0 5px;
}
.delivery-infocolumn p,.delivery-consegnacolumn p {
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  letter-spacing: 1px;
  font-size:14px;
  font-style: italic;
  margin-bottom: 0;
}
.delivery-infocolumn p.infobig {
  font-size:22px;
}
.delivery-consegnacolumn p.infobig,.delivery-menu-header-wrapper .delivery-infocolumn p.infobig{
  font-family: "Trash Hand";
  font-style: normal;
  font-size: 26px;
}
.delivery-infocolumn.infotext {
  padding-top:30px;
}
.delivery-menu-header-wrapper .delivery-infocolumn.infotext {
  padding-top:10px;
}
.delivery-infocolumn a {
  color: #ffed00;
  text-decoration: none;
  display: block;
  margin-bottom:10px;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-size:16px;
  letter-spacing: 1px;
  font-style: italic;
}
.delivery-infocolumn a:hover {
  color:#A9A720;
}
.view-grouping-content h3{
  font-size:14px;
  font-weight: bold;
  font-family:"Palatino","Palatino Linotype",serif;
  margin:5px;
}
.view-grouping-content p {
  display: inline;
}
.delivery-additionalinfo {
  width: 685px;
  margin: 20px auto 0;
  text-align: center;
}
.delivery-additionalinfo p {
  margin-bottom:0px;
}
.delivery-additionalinfo p.marginBottom {
  margin-bottom: 20px;
}
.vocabulary-icone-prodotti h2 {
  display: none;
}
.vocabulary-icone-prodotti figure {
  display: inline-block;
  float:left;
}
.views-field.views-field-delete-node {
  clear:both;
}
.delivery-icone-list{
  width: 100%;
  margin: 0px auto 20px;
  text-align: center;
  color: #fff;
  font-family: "Trash Hand";
  font-size:24px;
}
.delivery-icone-row {
  display: inline-block;
  width:17%;
}
.delivery-icone-list img {
  vertical-align: bottom;
}
.delivery-pagamenti {
 /* width: 880px;*/
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-family: "Trash Hand";
  padding:0 20px;
}
.delivery-pagamenti h3 {
  font-size: 32px;
  margin: 0;
  color: #e2007a;
}
.delivery-column h4 {
  font-size: 24px;
  margin:20px 0 0;
  font-weight: normal;
  font-family: "Trash Hand";
}
.delivery-column {
  width: 240px;
  float: left;
  display: inline-block;
  text-align: left;
  margin: 0 30px;
}
.delivery-column p {
  font-family:Georgia,"Palatino","Palatino Linotype","Times New Roman", serif;
  font-size:16px;
}
.delivery-zone .delivery-column p {
  font-size:14px;
}
.delivery-column .colored {
  color: #e2007a;
}
.delivery-zone .delivery-column a {
  font-size:14px;
}
/******************************************
UPDATE AGOSTO 2014 pagina delivery
*******************************************/
.view-menu-wrapper.delivery-wrapper-new {
  margin:-660px auto 0 auto;
}
.view-menu-wrapper.delivery-wrapper-new .view-menu-viva {
  margin-top:610px;
}
.view-menu-wrapper.delivery-wrapper-new .view-grouping-content table{
  margin-top:20px;
}
.view-menu-viva .view-footer {
  font-family:Georgia,"Palatino","Palatino Linotype","Times New Roman", serif;
  text-align:center;
  font-size:14px;
  width: 700px;
  margin: 0 auto;
}
.view-menu-viva .view-grouping:last-child table:last-child {
  background:none;
}
/***** END UPDATE AGOSTO 2014 *******/


.view-menu-viva table td {
  margin-bottom: 4px;
}
.menu-item-wrapper {
  width:225px;
  font-family: "Trash Hand";
  color: #583119;
}
.menu-father-wrapper {

}
.node-viva-menu .menu-delivery-tipo {
  font-size: 24px;
}
.menu-father {
  border-bottom: 1px solid #000000;
  font-size: 32px;
}
.delivery-menu-row {
  width:225px;
}
/******************************************
UPDATE AGOSTO 2014 pagina delivery
*******************************************/
.view-menu-wrapper.delivery-wrapper-new .delivery-menu-row {
  width:240px;
}
.menu-delivery-tipo {

}
.menu-delivery-tipo-descr {

}
.menu-delivery-prodotto {
font-size:24px;
  color:#ffed00;
}
/******************************************
UPDATE AGOSTO 2014 pagina delivery
*******************************************/

.menu-delivery-note {
    font-family:"Palatino","Palatino Linotype",serif;
}
.menu-delivery-ingredienti {
font-size:16px;
  font-weight: normal;
  font-family:"Palatino","Palatino Linotype",serif;
  font-style: italic;
    text-transform: lowercase;
}
.menu-delivery-costo-wrapper {
/*text-align: right; */
  float:right;
}
.menu-delivery-costo {
font-size:21px;
  letter-spacing: 1px;
  margin-bottom: 3px;
}
.view-menu-viva .views-field-edit-node,.view-menu-viva .views-field-delete-node {
  display: inline-block;
  float: right;
  /*margin:0 3px;*/
  margin:10px 3px;
}
.view-menu-viva .views-field-edit-node a,.view-menu-viva .views-field-delete-node a {
  font-family: "Palatino","Palatino Linotype", serif;
  color: #333;
  font-size: 12px;
  text-transform: lowercase;
    padding:2px 5px;
    background: #f2f2f2;
}
.view-menu-viva .views-field-edit-node a:hover,.view-menu-viva .views-field-delete-node a:hover {
    background: #A9A720;
    color:#f2f2f2;
    text-decoration: none;
}
/*************************************
**** BLOCCO SLOGAN FERIE DELIVERY ****
**************************************/
.ferie-slogan{
    margin: -200px auto 0 auto;
    color:#fff;
    background-color:transparent;
    background-image: url("images/lavagnabar_top.png"), url("images/lavagnabar_botton.png"), url("images/lavagnabar.png");
    background-position: center top, center bottom, center top;
    background-repeat: no-repeat, no-repeat, repeat-y;
    -webkit-background-clip :border-box,border-box,content-box;
    -moz-background-clip:border-box,border-box,content-box;
    background-clip:border-box,border-box,content-box;
    padding: 50px 20px 50px 20px;
    min-height: 1850px;
}
.ferie-wrapper {
    width: 500px;
    height: 500px;
    margin-left: 30px;
    background: url("images/LogoCerchio.png") center top no-repeat;
    background-size: cover;
    padding-top: 0px;
    margin-top: 120px;
}
.ferie-headline {
    font-family: "Trash Hand";
    font-size: 4em;
    text-shadow: 1px 1px 1px #222;
    line-height: 1;
    color: #009EE0;
    margin: 215px auto 0px 50px;
    position: absolute;
}

.ferie-info {
    font-size: 18px;
    font-style: italic;
    margin-left: 55px;
    font-family: "Palatino Linotype";
    width: 400px;
    text-align: center;
    position: relative;
    top: 280px;
    color: #222;
    text-shadow: 1px 1px 1px #ddd;
}

/* =============================================================================
 *  Home blocchi centrali
 * ========================================================================== */
#mini-panel-contenuto_centrale_homepage p{

  font-family:Georgia,"Palatino","Palatino Linotype","Times New Roman", serif;
  line-height: 1.2;
}
#mini-panel-contenuto_centrale_homepage {
  padding:10px 0;
}
.home-text-normal {
  font-size:14px;
  font-style: italic;
}
.home-text-normal a,.footer-text a {
    text-decoration: none;
    color:#000000;
    font-style: italic;
    font-weight: bold;
}
.home-text-normal a.home-link-chi-siamo {
    display: block;
    margin-top:10px;
}
.home-text-normal a:hover,.home-text-normal a:focus,.home-text-normal a:active,
.footer-text a:hover,.footer-text a:focus,.footer-text a:active,.catering-info a:hover{
  color:#A9A720;
}
.home-text-slogan {
  font-size: 19px;
  margin-top:20px;
}
.slogan-italic {
  font-weight: bold;
  font-style: italic;
}
.home-central-divider {
  margin:0 auto !important;
  text-align: center;
  max-width: 920px;
  overflow: hidden;
  height:25px;
}
.home-central-content-second {
  text-align: center;
}
.home-central-content-second a.text-link, a.vivalink{
  color:#42410B;
  text-decoration: none;
  padding:2px 5px;
  border-radius:3px;
  font-size: 24px;
  font-family: Trash Hand;
}
.home-central-content-second a.text-link:hover,.home-central-content-second a.text-link:focus,.home-central-content-second a.text-link:active{
  background-color: #A9A720;
  color:#ffffff;
}
a.vivalink {
    font-family:Georgia, "Palatino", "palatino linotype", serif;
    font-size:12px;
    line-height: 1.4em;
    background-color: #A9A720;
    color:#ffffff;
}
a.vivalink:hover,a.vivalink:focus{
    background-color: #583119;
    color:#ffffff;
}
.catering-info {
  text-align: center;
  width: 880px;
  margin: 0 auto;
  box-shadow: 5px 5px 8px rgba(127, 127, 127, 0.26);
  border-color: transparent;
  background-color: #FDFDFD;
  height: 45px;
  padding-top: 8px;
  top: 5px;
  position: relative;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-style:italic;
}
.catering-info p {
  line-height: 1.3em;
  margin:0;
  font-size:14px;
}
.catering-info span.phone {
  font-size:17px;
}
.catering-info a {
  text-decoration: none;
  color:#000;
}
.vivagreentext {
  color:#A9A720;
}
.catering-info p.font13 {
  font-size:13px;
}
.page-home.viva-home .footer-first-block{
  margin-left:28px;
}
.page-home.viva-home .footer-second-block{
   margin-left:0;
 }

.page-home.viva-home .footer-image-wrapper {
  /* background: url(/sites/all/themes/viva/css/images/singlesheet_mini.png) no-repeat scroll left top transparent; */
  height: 170px;
  margin: 0 auto 10px;
  padding: 10px;
  text-align: left;
  width: 252px;
  /* background-size: 98% 106%; */
  background: #FDFDFD;
}
.page-home.viva-home .footer-text-wrapper {
  padding: 20px 6px 10px;
}
/* =============================================================================
 *  Login page
 * ========================================================================== */
#tasks {
  display: none;
}
body.page-user-login form {
  background: url("images/cartaSmall.png") repeat-x center top;
  background-clip: border-box, border-box, padding-box;
  background-image: url("images/carta4_sopra.png"), url("images/carta4_sotto2.png"), url("images/cartamezzosmall.png");
  background-origin: border-box, border-box, padding-box;
  background-position: center top, center bottom, center 59px;
  background-repeat: no-repeat, no-repeat, repeat-y;
  border-bottom: 50px solid transparent;
  border-top: 50px solid transparent;
  margin: 0 auto !important;
  max-width: 920px;
  min-height: 300px;
  padding: 0px 15px;
}
body.page-user-login form#user-login .form-item-name {
margin-top:50px;
}
body.page-user-login form#user-login label {
  font-style: italic;
  margin-bottom:3px;
}
body.page-user-login form ,body.page-user form#user-login{
  text-align:center;
  font-family: "Palatino", "Palatino Linotype", "Times New Roman",serif;
  font-size:14px;
  letter-spacing: 1px;
}
body.page-user-login form input,body.page-user form#user-login input {
  margin:0px auto;
  margin-bottom:10px;
  width:140px;
}
body.page-user-login .form-submit,body.page-user form#user-login .form-submit,.contact-form-container input.form-submit{
  font-family: "Palatino", "Palatino Linotype", "Times New Roman",serif;
  text-transform: uppercase;
  font-weight: bold;
  border:0;
padding:5px;
  background-color: #EAC59A;
  color:#fff;
  border-radius: 3px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition:all 0.25s linear;
  transition: all 0.25s linear;
  -webkit-transition: scale(0) rotate(0deg);
}
body.page-user form#user-login .form-submit:hover,.contact-form-container input.form-submit:hover {
  background-color: #583119;
  color:#fff;
  transform: scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1) ;
  -ms-transform:scale(1.1,1.1) ;
  -moz-transform:scale(1.1,1.1);
}
/* =============================================================================
 *  User page base
 * ========================================================================== */
.user-admin-content {
  background-color:#dddddd;
  background-color: rgba(0,0,0,0.1);
  border-radius: 10px;
  padding:15px;
  font-family: "Palatino","Palatino Linotype", serif;
}
.user-admin-content a {
  color:#333;
  padding:2px 5px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition:all 0.15s linear;
  transition: all 0.15s linear;
}
.user-admin-content a:hover,.user-admin-content a:focus,.user-admin-content a:active{
  background-color: #A9A720;
  color:#ffffff;
  text-decoration: none;
}
.page-user .two-66-33 input.form-submit {
  background-color: #A9A720;
  color:#ffffff;
  border:0;
  padding:2px 5px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition:all 0.15s linear;
  transition: all 0.15s linear;
}
.page-user .two-66-33 input.form-submit:hover,.page-user .two-66-33 input.form-submit:active,.page-user .two-66-33 input.form-submit:focus {
  background-color:#666666;
}
.user-admin-content h2 {
border-bottom:1px solid #dddddd;
  color: #444444;
}
.user-admin-content thead tr {
  background-color: #666666;
}
.user-admin-content thead tr a {
  color:#ffffff;
  font-family: "Trash Hand";
  font-size:20px;
  letter-spacing: 2px;
  font-weight: normal;
}
.page-user .two-66-33 {
  background-color: #ffffff;
  background-color: rgba(255,255,255,0.6);
  padding:20px;
  border-radius: 10px;
}
.page-user .region-two-66-33-first {
  font-family: "Palatino","Palatino Linotype", Georgia,serif;
  color: #444444;
  text-align: center;
}
.page-user .user-admin-content .form-item-author,.page-user .user-admin-content #edit-author {
  width:280px;
}
.page-user .footer-panel {
  margin-top:30px;
}
/* =============================================================================
 *  CONTACT PAGE
 * ========================================================================== */

.contact-header {
  margin-top:-120px;
  margin-bottom:0;
}
.contact-map-container,.contact-form-container{
  float:left;
  display:inline-block;
  margin-top: 30px;
}
.contact-form-container {
  float:none;
  display: block;
  clear:both;
}
.contact-map-container .node-mappa-viva {
  margin-bottom: 0;
}
.contact-map-container a {
  color:#000;
  text-decoration: none;
}
.contact-map-container a:hover,.contact-map-container a:focus,.contact-map-container a:active {
  color:#A9A720;
  text-decoration: none;
}
.contact-form-container {
/*background: url("images/form-bg.png") repeat left top;
  box-shadow: 0 1px 6px #999999;
  border-radius: 5px;
  -moz-box-shadow: 0 1px 6px #999999;
  -webkit-border-radius: 0px 1px 6px #999999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
  /*color: #437A88;*/
  height: 500px;
  margin-left: 40px;
  width: 350px;
  margin-top:15px;
}
.contact-form-container .form-item {
  margin-top:1.2em;
  margin-bottom: 1.2em;
}
.contact-form-container .pane-title {
  font-family: "Trash Hand";
  font-size: 34px;
  margin-left: 10px;
  margin-top: 25px;
  letter-spacing: 2px;
  /*color:#437A88;*/
  color:#A9A720;
}
.contact-form-container label {
  font-family: "Palatino","Palatino Linotype","Times New Roman", serif;
  font-size:12px;
}
.contact-form-container input,.contact-form-container textarea {
  /*width:260px;*/
  border:1px solid #dddddd;
  padding:10px;
  font-family: "Palatino","Palatino Linotype","Times New Roman", serif;
  color:#666;
}
.contact-form-container textarea {
  /*width:282px;*/
  width:398px;
  height:100px;
}
.contact-form-container .resizable-textarea .grippie {
  width:396px;
}
.contact-form-container input.form-checkbox,.contact-form-container input.form-submit {
  width:auto;
}
.contact-form-container input.form-submit {
/*background-color: #fff;
  padding:5px 10px;
  border:1px solid #dddddd;
  color:#437A88;
  font-family: "Trash Hand";
  font-size:24px;
  margin-left:150px;*/
  font-family: "Palatino","Palatino Linotype","Times New Roman", serif;
  background-color: #fff;
  padding: 5px 10px;
  border: 1px solid #dddddd;
  color: #000;
  text-transform: none;
  /* font-family: "Trash Hand"; */
  /* font-size: 24px; */
  /* margin-left: 240px; */
}
.contact-form-container input.form-submit:hover {
 /* background-color: #437A88;*/
  background-color:#A9A720;
}
.contact-form-container .contact-form {
  width:282px;
  margin:0 auto;
}
.contact-form-container #mini-panel-contact_form_panel {
  width:350px;
  margin:0px auto;
}
.page-contact .home-central-wrapper {
/*,.contact-info-wrapper {*/
  clear:both;
}
.page-contact .panel-separator {
  margin:0;
}
.contact-info-container {
  margin-top:0px;
  margin-bottom:20px;
}
.contact-info-container h4 {
  font-style: normal;
  font-family:"Trash Hand";
  font-size:32px;
  margin: 5px 0;
  color:#583119;
}
.contact-info-container img {
  vertical-align: middle;
}
.contact-info-wrapper p,.contact-info-orari-wrapper p{
  margin-bottom:15px;
}
.contact-info-wrapper,.contact-info-orari-wrapper{
  font-family: Georgia,"Palatino","Palatino Linotype", sans-serif;
  font-style: italic;
  float:left;
  display: inline-block;
 /* padding: 0 0 0 50px; */
  padding: 0 0 0 45px;
 /* width: 400px;*/
    width:245px;
    margin-top:30px;
}
.contact-info-orari-wrapper {
  padding:0 10px;
  margin-bottom: 35px;
}
.contact-info-wrapper span.footer-info {
  font-size:14px;
  margin-left:10px;
}
.contact-info-orari {
margin-top:30px;
  margin-bottom:15px;
}
.contact-info-orari p {
  margin-bottom: 3px;
}
.contact-info-orari .info-header{
  font-size: 18px;
  font-style: italic;
  font-weight:bold;
}
.contact-info-slogan {
margin-top:15px;
  font-size:12px;
}
.contact-info-header {

}
.contact-footer-image-wrapper,.contact-slogan,.followus-container  {
  float:left;
  display: inline-block;
  margin-top:10px;
  margin-bottom:10px !important;
}
.followus-container {
  margin-left:50px;
  margin-right:10px;
}
.followus {
  background: url("images/singlesheet_mini.png") no-repeat scroll left top transparent;
  height: 165px;
  padding:20px 8px 10px 20px;
  width: 360px;
  margin:0 0 0 35px;
  font-family: Georgia,"Palatino","Palatino Linotype", sans-serif;
  font-style: italic;
}
.followus-header {
margin-left: 10px;
}
.followus-image {
  float:left;
  display: inline-block;
  margin:5px;
}
.contact-slogan-text-headline {
  font-size:28px;

}
.contact-slogan-text-wrapper {
  font-family: Georgia,"Palatino","Palatino Linotype", sans-serif;
  font-style: italic;
  width: 350px;
  text-align: center;
  height: 155px;
  margin: 0 auto;
  padding: 45px 8px 0;
}
.contact-slogan-image {
  margin-top: -70px;
  margin-left: -25px;
  position: relative;
  z-index:10;
}
.contact-slogan-image img {
  max-width:450px;
}
.filetto {
  margin: 0 40px;
  max-width: 960px;
  padding: 0 10px;
}
.divider-wrapper {
/*width:960px;*/
  padding:0 10px;
  clear:both;
}
/* =============================================================================
 *  Pagina GALLERY
 * ========================================================================== */
.gallery-page .region-three-33-top{
   min-height: 1180px;
}
.gallery-polaroid {
margin-top: -120px;

  }
.gallery-copertina {
  margin-left: auto;
  margin-right: auto;
  margin-top: -90px;
  text-align: center;
  width: 100%;
}
.gallery-wrapper {
  width: 725px;
  margin:0 auto;
  padding-bottom: 30px;
  padding-top: 0px;
  text-align: center;
}
/*.gallery-page #page{
  background-image: url("images/Polaroid-grande-1.png");
  background-position: center 230px;
  background-repeat: no-repeat;
  background-size: 80% 78%;

}*/
.gallery-page .region-three-33-top {
    background-image: url("images/Polaroid-grande-1.png");
    background-position: center 125px;
    background-repeat: no-repeat;
    background-size:100% 90%;
}
.gallery-page.gallery-new .region-three-33-top {
  background-image: none;
}
.gallery-page .followus-container,.gallery-page .contact-slogan {

}
.gallery-page .footer-panel {
    margin-top :30px;
}
.gallery-wrapper .flex-flexslider ul.slides li img {
  /*border-radius : 4px;*/
}
/* update agosto settembre 2014 */
.gallery-page.gallery-new .flexslider{
  padding:20px;
  background: #fff;
}
.gallery-page.gallery-new .region-three-33-top .gallery-copertina:after {
  background-color: transparent;
  background-image: url(/sites/all/themes/viva/css/images/carta5_sopra.png),url(/sites/all/themes/viva/css/images/carta5_sotto.png),url(/sites/all/themes/viva/css/images/carta5_mezzo.jpg);
  background-position: center top,center bottom,center top;
  background-repeat: no-repeat,no-repeat,repeat-y;
  -webkit-background-clip: border-box,border-box,content-box;
  -moz-background-clip: border-box,border-box,content-box;
  background-clip: border-box,border-box,content-box;
  padding: 50px 0px 50px 0px;
  content: "";
  left: 0;
  min-height: 1150px;
  z-index: -1;
  position: absolute;
  margin: -70px auto 0px;
  width: 100%;
  text-align: center;
}
.gallery-page.gallery-new .gallery-wrapper {
  width: 95%;
  margin:50px auto 0;
  padding-bottom:0;
}
.gallery-page.gallery-new .tripadvisor {
  margin:0 auto;
  text-align: center;
}
.gallery-page.gallery-new .followus-container {
  margin-left: 25px;
  margin-bottom: 20px !important;
  z-index: 1;
}
.gallery-page.gallery-new .filettoDark {
  clear:both;
  margin-top:10px;
}
.gallery-page.gallery-new .footer-panel {
  margin-top:130px;
}
.gallery-page.gallery-new .contact-slogan {
  padding-top:90px;
}
/* =============================================================================
 *  Pagina CHI SIAMO
 * ========================================================================== */
.chi-copertina {
  margin-left: auto;
  margin-right: auto;
  margin-top: -120px;
  text-align: center;
  width: 100%;
}
.chi-container {
  background: url("images/sfondocontact.png") no-repeat scroll center top transparent;
  margin: -30px auto;
  max-width: 980px;
  min-height: 1180px;
  position: relative;
  width: 100%;
  z-index: 0;
  font-family: "Georgia","Palatino","Palatino Linotype",serif;
  background-size: 980px 1180px;
}
.chi-container .text a {
  text-decoration: none;
  padding:2px 5px;
  margin-top:3px;
  color:#ffffff;
  background-color: #a9a720;
}
.chi-container .text a:hover,.chi-container .text a:focus,.chi-container .text a:active {
  color:#ffffff;
  background-color: #583119;
}
.chi-container h1 {
  font-family: "Trash Hand";
  font-size:5em;
  color: #583119;
  text-shadow: 1px 1px 1px #A9A720;
  margin: 0;
  text-align: center;
}
.chi-container .chi-headline {
  font-family: "Trash Hand";
  font-size:4em;
  text-shadow: 1px 1px 1px #222222;
  margin: 10px 0;
  line-height: 1;
}
.chi-container .chi-headline.mela {
  color:#FFED00;
  margin: 0 auto 20px;
}
.chi-container .chi-headline.fresco {
  color:#009EE0;
  margin: 30px 0;
}
.chi-container .chi-headline.sano {
  color:#E2007A;
  margin: 30px 0;
}
.chi-container-inside {
  margin: 0 auto;
  padding: 50px 0;
  max-width: 860px;
  width:100%;
}
.slogan-2-column {
  max-width:860px;
  margin-top:20px;
}
.slogan-column-left,.slogan-column-right{
  display:inline-block;
  float:left;
}
.slogan-column-left {
width:270px;
}
.slogan-column-right {
  margin-left: 40px;
  width: 550px;
}
.chi-container .filettoDark {
  background:url("images/filettopallini_nero.png") repeat-x top left;
  background-clip: content-box;
  height:3px;
  max-width: 860px;

}
.chi-container .slogan-column-right .filettoDark {
max-width: 550px;
  margin: 20px 0;
}
.chi-container .slogan-headline {
  font-size: 18px;
  margin: 20px 10px;
  text-align: center;
}
.chi-container .slogan-headline .slogan-bold {
  font-weight:bold;
  font-style: italic;
}
.chi-container .image-wrapper{
  background: url("images/singlesheet_mini.png") no-repeat scroll left top transparent;
  height: 190px;
  padding: 11px 0;
  text-align: center;
  width: 283px;
  background-size:285px 205px;
}
.chi-container .image-wrapper img {
  vertical-align: middle;
  margin:0px;
}
.chi-container .text-wrapper {
  background: url("images/singlesheet_mini.png") no-repeat scroll left top transparent;
  height: 170px;
  padding:10px 8px 0;
  width: 283px;
  margin:0 auto;
  font-family: Georgia,"Palatino","Palatino Linotype", sans-serif;
line-height: 1.2em;
  background-size:285px 175px;

}
.chi-container .text-wrapper p {
  margin:0 10px 10px;
}
.chi-container .text-headline {
  color: #A9A720;
  font-size: 25px;
  font-style: italic;
  line-height: 1.1em;
}
.chi-container .slogan-column-right .text-headline {
  color:#000;
}
.chi-container .text-wrapper p.text,.chi-container p.text{
  font-size: 13px;
  margin-top:15px;
  line-height: 1.5em;
}
.chi-container .slogan-column-left .text-wrapper p.text {
  line-height: 1.2em;
  font-size:12px;
}
.chi-slogan-image {
  position: absolute;
  right: -130px;
  top: 140px;
}
.slogan-column-right-short {
  width:250px;
}
.chi-container .filetto-headline {
  margin:10px 0;
}
.chi-footer-container {
  clear:both;
  position: relative;
  top:20px;
  font-family: Georgia,"Palatino","Palatino Linotype",sans-serif;
  width: 875px;
}
.chi-footer-container .filettoDark {
  clear:both;
}
.chi-footer-container .chi-footer-link {
  width:100%;
  margin:10px auto;
  text-align: center;
}
.chi-footer-container .chi-footer-link a{
  font-family: "Trash Hand";
  font-size:30px;
  color: #583119;
  text-shadow: 1px 1px 1px #A9A720;
  margin: 0;
  text-align: center;
  padding:2px 8px;
}
.chi-footer-container .chi-footer-link a:hover,.chi-footer-container .chi-footer-link a:focus,.chi-footer-container .chi-footer-link a:active {
  text-decoration: none;
  background-color: #A9A720;
  color:#ffffff;
}
.chi-footer-first {
float:left;
  display: inline-block;
  margin-left: -20px;
  margin-top: -30px;
  width: 295px;
}
.chi-footer-second {
  float:left;
  display: inline-block;
  background: url("images/singlesheet_mini.png") no-repeat scroll left top transparent;
  height: 180px;
  margin: 0 20px 10px 0;
  padding: 12px;
  text-align: center;
  width: 255px;
}
.chi-footer-third {
  background: url("images/singlesheet_mini.png") no-repeat scroll left top transparent;

  font-style: italic;
  height: 180px;
  margin: 0 auto;
  padding: 20px 18px;
  width: 255px;
  float:left;
  display: inline-block;
}
.chi-footer-third .text {
  font-size: 13px;
  font-style: normal;
  margin-top: 30px;
}
/* =============================================================================
 *  Pagina COSA DI BUONO
 * ========================================================================== */
.buonopage .region-three-33-top {
  background-color: transparent;
  background-image: url("images/sfondocontact.png");
  background-repeat: no-repeat;
  background-position: center 130px;
}
.buonopage-new .region-three-33-top {
  background-color: transparent;
  background-image: none;
}
.buonopage-new .region-three-33-top .buonopage-cover:after {
  background-color: transparent;
  background-image: url(images/carta5_sopra.png),url(images/carta5_sotto.png),url(images/carta5_mezzo.jpg);
  background-position: center top,center bottom,center top;
  background-repeat: no-repeat,no-repeat,repeat-y;
  -webkit-background-clip: border-box,border-box,content-box;
  -moz-background-clip: border-box,border-box,content-box;
  background-clip: border-box,border-box,content-box;
  padding: 50px 0px 50px 0px;
  text-align: center;
  margin: -150px auto;
  max-width: 980px;
  min-height: 4230px;
  position: absolute;
  width: 100%;
  z-index: -1;
  font-family: "Georgia","Palatino","Palatino Linotype",serif;
  background-size: auto;
  content: "";
}
.cosa-copertina {
  margin-left: auto;
  margin-right: auto;
  margin-top: -110px;

  text-align: center;
  width: 100%;

}
.cosa-container {
  margin:-50px auto 0 auto;
  max-width: 980px;
 /* position: relative;*/
  width: 100%;
  font-family: "Georgia","Palatino","Palatino Linotype",serif;
  text-align: center;
}
.cosa-container h1 {
  font-family: "Trash Hand";
  font-size:5em;
  color: #583119;
  text-shadow: 1px 1px 1px #A9A720;
  margin: 0;
}
.cosa-container-inside {
  margin: 0 auto;
  width: 695px;
}
.cosa-container .filettoDark {
  background:url("images/filettopallini_nero.png") no-repeat center top;
  background-clip: content-box;
  height:5px;
  max-width: 640px;
  margin:0 auto;
}
.cosa-container .slogan-headline {
  font-style: italic;
  font-size:18px;
  margin-top: 20px;

}
.cosa-container .slogan-text {
  font-size:18px;
  font-style: italic;
  margin:20px auto;
  width:500px;
}
.buonopage-new .cosa-container .slogan-text {
  width:600px;
}
.buonopage-new .cosa-container .slogan-text a {
  text-decoration: none;
  color:#A9A720;
}
.slogan-headline p {
margin-bottom: 5px;
}
.slogan-text {
font-size:13px;
}
.cosa-cit-container {
  width:800px;
  margin:25px auto 30px auto;
  text-align: center;
  font-family: "Georgia","Palatino","Palatino Linotype",serif;
}
.cosa-cit-container .slogan-cit {
  margin-bottom:50px;
  margin-top:20px;
}
.slogan-cit {
  font-style: italic;
  font-size:20px;

}
.slogan-cit p {
  margin-bottom:0;
}
.slogan-cit-sign {
  font-style: italic;
  font-size:20px;
font-weight:bold;
}
.cosa-slides-container {
  width:820px;
  margin:0 auto;
  height:510px;
  font-family: Georgia,"Palatino","Palatino Linotype", serif;
}
.cosa-slides-container .cosa-slide-headline-container {
  margin-top:30px;
}
.cosa-slide-titolo {
  font-family: "Trash Hand";
  font-size:32px;
  margin:0;
  padding:5px 0;
  color:#42410B;
  text-align: center;
}
.cosa-slide-img {
  margin:10px auto 0 auto;
  text-align: center;
  background: url("images/singlesheet_mini.png") no-repeat scroll left top transparent;
  height: 180px;
  padding: 10px 8px;
  text-align: center;
  width: 255px;
  background-size: cover !important;
}
.cosa-slide-sottotitolo {
  font-size:20px;
  font-style: italic;
  margin:0 auto;
  color:#A9A720;
  padding-left: 20px;
  width: 300px;
}
.cosa_img {
  width:260px;
  margin:0 auto;
}
.cosa-slide-testo {
  font-size:12px;
  margin:10px auto;
  width:260px;
    line-height: 1.3em;
}
.buonopage-new .columns-wrapper {
  width:100%;
  margin: 0 auto;
  padding: 0 70px;
}
.buonopage-new .column {
  display: inline-block;
  float:left;
  margin:10px;
  position:relative;
}
.buonopage-new .column .headline h3{
  font-family: "Trash Hand";
  font-size: 24px;
  font-weight: normal;
  margin-bottom:5px;
  margin-top:10px;
}
.buonopage-new .column .headline p{
  font-family: "Georgia","Palatino","Palatino Linotype",serif;
  font-style: italic;
  font-size:13px;
  margin-bottom: 10px;
}

.buonopage-new .column-full {
  width:100%;
  margin-left: auto;
  margin-right: auto;
}
.buonopage-new .column-quarter {
  width: 260px;
  margin: 10px 0px;
}
.buonopage-new .column-3quarter {
  width: 550px;
}

.buonopage-new .column-half {
  width:390px;
}
.buonopage-new .column img {
  background: #fff;
  padding:10px;
  box-shadow: 1px 1px 6px #999;
}
.buonopage-new .pentola-bg {
  background: url(images/pentla.png) no-repeat;
  background-position: top right;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 30px;
  top: 20px;
}
.buonopage-new .cuoco-bg {
  background: url(images/cuoco-pasticcione.png) no-repeat;
  background-position: top right;
  width: 169px;
  height: 115px;
  position: absolute;
  right: 30px;
  top: 260px;
}
.buonopage-new .ciliegia-bg {
  background: url(images/ciliegina.png) no-repeat;
  background-position: top right;
  width: 98px;
  height: 101px;
  position: absolute;
  right: 90px;
  top: 10px;
}
.buonopage-new .peramela-bg {
  background: url(images/peramela.png) no-repeat;
  background-position: top right;
  width: 145px;
  height: 96px;
  position: absolute;
  right: 120px;
  top: 270px;
}
.view-elenco-slogan-cosa {
width:810px;
margin:0 auto;
}
.view-elenco-slogan-cosa .widget_pager {
  padding-top:50px;
}
.view-elenco-slogan-cosa .views-slideshow-controls-top,.view-elenco-slogan-cosa .views_slideshow_cycle_main {
  float:left;
  display: inline-block;
  width:405px;
  height:510px;
}
.view-elenco-slogan-cosa .views-slideshow-controls-top {
  font-family: "Trash Hand";
  font-size:24px;
  text-align:center;
  margin:0 auto;
  color:#42410B;
  background: url("images/slide-cosa-sfondo1.png") no-repeat left top;
}
.view-elenco-slogan-cosa .views_slideshow_cycle_main {
  background: url("images/slide-cosa-sfondo2.png") no-repeat left top;
  margin:0;
}
.view-elenco-slogan-cosa .views-slideshow-cycle-main-frame-row {
  width:300px;
  margin:0 auto;
  padding:0 40px;
}

.view-elenco-slogan-cosa .views-slideshow-pager-field-item {
  padding:5px 0;
  /*width:400px;*/
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition:all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.view-elenco-slogan-cosa .views-slideshow-pager-field-item:hover {
  color:#A9A720;
}
.view-elenco-slogan-cosa .views-slideshow-controls-top .active{
  color:#A9A720;
}
.view-elenco-slogan-cosa .views-slideshow-controls-bottom {
  margin: 0 auto;
  text-align: center;
}
.view-elenco-slogan-cosa .views-slideshow-controls-bottom a {
  color:#000;
  font-style: italic;
  font-size:12px;
  text-decoration: none;
}
.views-slideshow-controls-text-previous,views-slideshow-controls-text-next {
  display:inline-block;
}
.views-slideshow-controls-text-previous {
 float:left;
}
.views-slideshow-controls-text-next {
  float:right;
}
.view-elenco-slogan-cosa .views-slideshow-controls-bottom a:hover,.view-elenco-slogan-cosa .views-slideshow-controls-bottom a:focus{
  color:#A9A720;
  text-decoration: none;
}
.view-elenco-slogan-cosa .views-slideshow-controls-text-pause {
  display:none;
}
/* =============================================================================
 *  Field Styling
 * ========================================================================== */

/*
 * Wrapper for any field
 */
.field {}

/*
 * Above and inline classes are on the field wrapper
 */
.field-label-above {}

/*
 * When labels are set to inline in field display settings the clearfix class is automatically added
 */
.field-label-inline {}

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
 */
.field-label {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 0;
}


/*
 * Field types (Core)
 */

/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */
.field-type-image {}

.field-type-image .caption {}

.field-type-image .full-caption {}

.field-type-image .teaser-caption {}

/*
 * Taxonomy
 */
.field-type-taxonomy-term-reference {
  /* The same bottom margin as p, blockquote, ul, ol and dl */
  margin-bottom: 1.5em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Text
 */
.field-type-text {}

/*
 * Long text
 */
.field-type-text-long {}

/*
 * Text with summary
 */
.field-type-text-with-summary {}

/*
 * File
 */
.field-type-file {}

/*
 * Number/Integer
 */
.field-type-number-integer {}

/*
 * Decimal
 */
.field-type-number-decimal {}

/*
 * Number float
 */
.field-type-number-float {}

/*
 * List
 */
.field-type-list-text {}

/*
 * List boolean
 */
.field-type-list-boolean {}

/*
 * List integer
 */
.field-type-list-integer {}

/*
 * List float
 */
.field-type-list-float {}

/*
 * Field types (Contrib)
 */
.field-type-datetime {}

.field-type-node-reference {}

.field-type-user-reference {}

/*
 * Named fields
 */
.field-name-body {}

.field-name-field-image {}

.field-name-field-tags {}

/*
 * Underscores in field name are replaced with dashes
 */
.field-name-field-FIELDNAME {}

/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */
.ia-n .field-type-image,
.iat-n .field-type-image {}

/*
 * Float left setting
 */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
  margin: 5px auto 15px;
}

/*
 * Float right setting
 */
.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 5px 0 15px 20px;
}


/* =============================================================================
 *   Block Styling
 * ========================================================================== */

/*
 * Main wrapper for most blocks, block_system_main does not have it
 */
.block {
  margin-bottom: 5px;
}

/*
 * Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it
 */
.block-inner {}

/*
 * The first block in the region
 */
.block.first {}

/*
 * The last block in the region
 */
.block.last {}

/*
 * Zebra striping for each block in the region
 */
.block.odd {}

/*
 * Zebra striping for each block in the region
 */
.block.even {}

/*
 * Block title
 */
.block-title {
  margin: 0;
}

/*
 * Block content wrapper
 */
.block-content {}

/*
 * Match item list and block menu margin and padding
 */
.block-content {}

.block-content ul,
.block-content ol {
  padding: 0 0 0 15px;
}

.block-content li {
  margin: 0;
  padding: 0;
}

/*
 * Block for the latest news items in the first category
 */
#block-aggregator-category-1 {}

/*
 * Block for the latest news items in the first feed
 */
#block-aggregator-feed-1 {}

/*
 * First block created with "Add block" link
 */
#block-block-1 {}

/*
 * "Recent blog posts" block
 */
#block-blog-recent {}

/*
 * "Book navigation" block for the current book's table of contents
 */
#block-book-navigation {}

/*
 * "Recent comments" block
 */
#block-comment-recent {}

/*
 * "Active forum topics" block
 */
#block-forum-active {}

/*
 * "New forum topics" block
 */
#block-forum-new {}

/*
 * Language switcher block
 */
#block-locale-language {}

/*
 * Custom menu block
 */
#block-menu-menu-NAME {}

/*
 * "Recent content" block
 */
#block-node-recent {}

/*
 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
 */
#block-node-syndicate {}

/*
 * "Most recent poll" block
 */
#block-poll-recent {}

/*
 * "Author information" block for the profile of the page's author
 */
#block-profile-author-information {}

/*
 * "Search form" block
 */
#block-search-form {}

/*
 * "Shortcuts" block
 */
#block-shortcut-shortcuts {}

/*
 * "Popular content" block
 */
#block-statistics-popular {}

/*
 * "Main menu" block
 */
#block-system-main-menu {}

/*
 * "Management" block for Drupal management menu
 */
#block-system-management {}

/*
 * "Navigation" block for Drupal navigation menu
 */
#block-system-navigation {}

/*
 * "User menu" block for Drupal user menu
 */
#block-system-user-menu {}

/*
 * "System help" block
 */
#block-system-help {}

/*
 * "Main page content" block
 */
#block-system-main {}

/*
 * "Powered by Drupal" block
 */
#block-system-powered-by {}

/*
 * "User login form" block
 */
#block-user-login {}

/*
 * "Who's new" block for a list of the newest users
 */
#block-user-new {}

/*
 * "Who's online" block for a list of the online users
 */
#block-user-online {}


/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node {
  margin-bottom: 20px;
}

.node.node-promoted {}

.node.node-sticky {}

.node.node-by-viewer {}

.node.node-teaser {}

.node.node-full { margin:0 auto;width:960px;}

.node.odd {}

.node.even {}

.node .node-title {
  margin: 0;
}

.node .user-picture {}

.node .submitted {}

.node .submitted .username {}

.node .submitted time {}

.node .node-content {}

.node ul.links {}

.node ul.links li {}

.node ul.links li a {}

.node ul.links li.node-read-more a {}

.node ul.links li.comment-add a {}

.node ul.links li.comment-comments a {}

.node ul.links li.comment-new-comments a {}

.node ul.links li.blog-sernames-blog a {}

.node ul.links li.print-html a {}

.node ul.links li.print-email a {}

.node ul.links li.print-pdf a {}

.preview .node {}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
.node-page {}

.node-article {}

.node-book {}

.node-forum {}

.node-poll {}


/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */

/*
 * Wrapper for the list of comments and its titles
 */
#comments {
  margin: 1.5em 0;
}

#comments h2 {}

#comments h2.comment-title {
  margin: 0;
}

#comments h2.comment-form {
  margin: 0;
}

/*
 * Wrapper for a single comment
 */
.comment {
  margin-bottom: 20px;
}

.comment.first {}

.comment.last {}

.comment.odd {}

.comment.even {}

.comment .user-picture {}

.comment .submitted {}

.comment .submitted p {}

.comment .submitted .username {}

.comment .submitted time {}

.comment .user-signature {}

.comment ul.links {}

/*
 * Comment title
 */
.comment-title {
  margin: 0;
}

/*
 * Comment states
 */
.comment-new {}

.comment-by-anonymous {}

.comment-by-node-author {}

.comment-by-viewer {}

.comment-title-hidden {}

.comment-with-picture {}

.comment-with-signature {}

/*
 * Preview of the comment before submitting new or updated comment
 */
.comment-preview {}

/*
 * "New" marker for comments that are new for the current user
 */
.new {
  color: #c00;
}

/*
 * Nested comments are indented
 */
.indented {
  margin-left: 40px;
}


/* =============================================================================
 *   Forms
 * ========================================================================== */

/*
 * Wrapper for a form element (or group of form elements) and its label
 */
.form-item {}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}

.form-item label {
  font-weight: 700;
}

.form-item label.option {}

/*
 * Highlight marks and form required mark
 */
.marker,
.form-required {
  color: #c00;
}

.form-item .description {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item {}

/*
 * The submit button
 */
.form-submit {}

.container-inline div,
.container-inline label {
  display: inline;
}

/*
 * Define consistent borders
 */
fieldset {
  border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */
.tips {}

/*
 * Buttons used by contrib modules like Media
 */
a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}


/* =============================================================================
 *   Tables
 * ========================================================================== */

table {
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

table.sticky-header {
  z-index: 10;
}

table,
thead,
tbody,
tr,
th,
td {
  border-color: #ccc;
}

table,
td,
th {
  vertical-align: middle;
}

caption,
th,
td {
  text-align: left;
}

thead tr {
  font-weight: 700;
  background-color: #e5e5e5;

}

td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 5px 7px;
}

tbody {}

tbody tr {
  border-top: 1px solid #ccc;
}

tr.odd {
  background: #fff;
}

tr.info,
tr.even,
tr:nth-child(2n+2) {
  border-bottom: 0;
  background-color: #f5f5f5;
}

tr.drag {}

tr.drag-previous {}

tr.odd td.active {
  background-color: #eee;
}

tr.even td.active {
  background-color: #ebebeb;
}

.lt-ie8 tr {}

.lt-ie8 tr.even,
.lt-ie8 tr.odd {}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
#forum td {}

#forum td .created,
#forum td .posts,
#forum td .topics,
#forum td .last-reply,
#forum td .replies,
#forum td .pager {
  white-space: normal;
}


/* =============================================================================
 *   Messages
 * ========================================================================== */

/* Left and right margin are set by the global gutter width */
div.messages {
  margin-bottom: 10px;
  margin-top: 10px;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status {}

div.warning {}

tr.warning {}

div.error,
tr.error {}

.error {}

.warning {}

/*
 * Unpublished nodes
 */
.node-unpublished,
.comment-unpublished {background-color:transparent;}

.node-unpublished,
.comment-unpublished {}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink;
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact,"Arial Narrow",Helvetica,sans-serif;
  font-size: 75px;
  font-weight: bold;
  height: 0;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}

/*
 * Otherwise these elements will appear below the "Unpublished" text
 */
.lt-ie8 {}

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
}


/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page {}
.maintenance-page .container {
  padding: 40px 0;
}

.maintenance-page #site-name,
.maintenance-page #page-title {
  margin: 0;
}

.db-offline {}

.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}

.db-offline div.messages {
  margin: 20px 0 0;
}

.db-offline #content {
  padding: 20px 0;
}


/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */

/*
 * Admin menu overrides
 */
#admin-menu {
  margin: 0;
  padding: 0;
}

/*
 * Devel Module
 */
.dev-query {
  background: #eee;
  padding: 30px;
}

/*
 * Styleguide module tweaks
 */
#styleguide-header {
  padding: 0 10px;
}

#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}
.three-3x33 {
  max-width:960px;
  margin:0 auto !important;
  position:relative;
}
.noMarginBottom{
  margin-bottom: 0;
}
/* UPDATE CHISIAMO AGOSTO 2014 */
.chi-siamo-new .slogan-1-column {
  width: 100%;
  margin: 20px auto 0;
  text-align: center;
}
.chi-siamo-new .slogan-column {
  margin: 20px auto 0;
  /* width: 600px; */
  text-align: center;
  position:relative;
}
.chi-siamo-new .chi-container .chi-headline {
  text-align: center;
}
.chi-siamo-new .chi-container .chi-headline.mela {
width:500px;
  color:#E2007A;
  margin:0 auto 10px;
}
.chi-siamo-new .chi-container .chi-headline.fresco,.chi-container .chi-headline.ambiente {
  margin:10px 0;
}
.chi-siamo-new .chi-container p.text {
  font-size: 18px;
  width: 600px;
  text-align: center;
  margin: 15px auto;
  line-height: 1.2em;
}
.chi-siamo-new .chi-container .mela-bg {
  background: url(images/chisiamo_melaombra.png) no-repeat;
  background-position: top right;
  width: 135px;
  height: 135px;
  position: absolute;
  right: 50px;
  top: -10px;
}
.chi-siamo-new .chi-container .banana-bg {
  background: url(images/chisiamo_bananaombra.png) no-repeat;
  background-position: top right;
  width: 135px;
  height: 135px;
  position: absolute;
  right: 50px;
  top: 70px;
}
.chi-siamo-new .chi-container .fragola-bg {
  background: url(images/chisiamo_fragolinaombra.png) no-repeat;
  background-position: top right;
  width: 135px;
  height: 135px;
  position: absolute;
  left: 50px;
  top: -40px;
}
.chi-siamo-footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0 15px;
}
.chi-siamo-column {
  float: left;
  display: inline-block;
  width: 260px;
  margin: 0px 20px;
  text-align: left;
}
.chi-siamo-column .footer-text-wrapper {
  width:240px;
}
.chi-siamo-new .chi-container {
  background-color: transparent;
  background-image: url(images/carta5_sopra.png),url(images/carta5_sotto.png),url(images/carta5_mezzo.jpg);
  background-position: center top,center bottom,center top;
  background-repeat: no-repeat,no-repeat,repeat-y;
  -webkit-background-clip: border-box,border-box,content-box;
  -moz-background-clip: border-box,border-box,content-box;
  background-clip: border-box,border-box,content-box;
  padding: 50px 0px 50px 0px;
  text-align: center;
  margin: -30px auto;
  max-width: 980px;
  min-height: 1330px;
  position: relative;
  width: 100%;
  z-index: 0;
  font-family: "Georgia","Palatino","Palatino Linotype",serif;
  background-size: auto;
}
.chi-siamo-new .chi-container-inside {
  padding:10px 0 50px;
}
.chi-siamo-new .chi-siamo-column .slogan-italic {
  display: block;
  margin-top: 10px;
}
.page-chi-siamo.chi-siamo-new .footer-panel {
  margin: 50px auto 20px auto;
}