@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}

body {}

/* header */
#container-top { width:100%; height:50px; background:#604A3F; }
 /* #nav-menu { width:960px; height:90px; border-bottom:5px solid #322820; background:#f6f3e4; position:absolute; top:0; left:25%; } */
#container-top #nav-menu { width:960px; height:90px; border-bottom:5px solid #322820; background:#f6f3e4; position:relative; top:0; left:0; margin:0 auto; }
#nav-menu ul { list-style:none; padding-top:15px; padding-left:190px; }
#nav-menu ul li { float:left; font-family: 'Oswald', sans-serif; font-size:24px; color:#322820; margin-right:50px; font-weight:400; }
#nav-menu ul li p { line-height:24px; text-align:center; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
#nav-menu ul li span.sopratitolo { font-family: 'Oswald', sans-serif; font-size:14px; color:#b5a486; font-weight:300;  }
#nav-menu ul li a:link, a:visited { text-decoration:none; color:#322820; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
#nav-menu ul li p:hover { text-decoration:none; opacity:0.4; color:#e8dbad; }

#container-logo { width:100%; height:190px; background:#FFFFFF; border-top:2px solid #302825; border-bottom:2px solid #302825; }
#carne-logo-pesce { width:960px; height:102px; margin:0 auto; padding-top:68px; }
#carne-logo-pesce #carne { width:143px; height:102px; float:left; margin-left:40px; }
#carne-logo-pesce #logo { width:255px; height:102px; float:left; margin-left:169.5px; }
#carne-logo-pesce #pesce { width:142px; height:102px; float:right; margin-right:40px; }
#container-slideshow { width:100%; height:700px; background:#B5A486; }
#container-slideshow #s-slider { width:960px; height:450px; position:relative; top:0; left:0; margin:0 auto; }


/* main home */
#container-main-home { width:100%; height:280px; background:#F6ECD1; }
#container-main-home h1 { font-family: 'Niconne', cursive; font-size:60px; color:#4b3a31; text-align:center; padding-top:90px; font-weight:200; }

/* main chi siamo */
#container-main-chisiamo { width:100%; height:760px; background:#F6ECD1; padding-top:100px; }
#chisiamo { width:960px; height:auto; margin:0 auto; }
.barratitolo { width:960px; height:40px; background:#604A3F; box-shadow:0px 1px 4px #333333; clear:both; }
.barratitolo h2 { font-family: 'Oswald', sans-serif; font-size:24px; color:#F6ECD1; margin-left:20px; line-height:40px; font-weight:400; }
#chisiamo p { font-family: 'verdana', sans-serif; font-size:14px; margin:30px 20px 50px 20px; color:#333333; text-align:justify; }
.galleria { width:960px; height:130px; margin-top:50px; clear:both; }
.galleria .foto1 { width:228px; height:150px; float:left; margin-right:16px; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.galleria .foto1:hover { opacity:0.4; color:#e8dbad; }
.galleria .foto2 { width:228px; height:150px; float:left; margin-right:16px; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;  }
.galleria .foto2:hover { opacity:0.4; color:#e8dbad; }
.galleria .foto3 { width:228px; height:150px; float:left; margin-right:16px; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;  }
.galleria .foto3:hover { opacity:0.4; color:#e8dbad; }
.galleria .foto4 { width:228px; height:150px; float:left; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;  }
.galleria .foto4:hover { opacity:0.4; color:#e8dbad; }

.galleria .foto5 { width:228px; height:150px; float:left; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; margin-top:30px; margin-right:15px }
.galleria .foto5:hover { opacity:0.4; color:#e8dbad; }
.galleria .foto6 { width:228px; height:150px; float:left; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; margin-top:30px; margin-right:15px }
.galleria .foto6:hover { opacity:0.4; color:#e8dbad; }
.galleria .foto7 { width:228px; height:150px; float:left; opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; margin-top:30px }
.galleria .foto7:hover { opacity:0.4; color:#e8dbad; }

/* main menu */
#container-main-menu { width:100%; height:700px; background:#F6ECD1; padding-top:100px; }
#menu { width:960px; height:auto; margin:0 auto; }
#menu #left { width:700px; height:auto; float:left; }
#menu #left p { font-family: 'verdana', sans-serif; font-size:14px; margin:30px 20px 50px 20px; color:#333333; text-align:justify; }
#menu #right { width:259px; height:auto; float:left; padding-bottom:30px; border-left:1px dotted #604A3F; }
#menu #right h4 { font-family: 'verdana', sans-serif; font-size:16px; color:#604A3F; margin:30px 0 10px 0; text-align:center; }
#menu #right ul { list-style:none; margin:0 auto; width:210px; }
#menu #right ul li { font-family: 'verdana', sans-serif; font-size:14px; color:#333333; padding:5px; width:210px; font-style:italic; }
#menu #right ul li a:link, a:visited { text-decoration:none; color:#333333; padding:5px; width:210px; }
#menu #right ul li a:hover { text-decoration:none; background:#604A3F; color:#F6ECD1; width:210px; }

/* main servizi */
#container-main-servizi { width:100%; height:780px; background:#F6ECD1; padding-top:100px; }
#servizi { width:960px; height:auto; margin:0 auto; }
#servizi p { font-family: 'verdana', sans-serif; font-size:14px; margin:30px 20px 50px 20px; color:#333333; text-align:justify; }

/* main contatti */
#container-main-contatti { width:100%; height:750px; background:#F6ECD1; padding-top:100px; }
#contatti { width:960px; height:auto; margin:0 auto; }
#cartina { width:960px; height:400px; margin:30px 0 30px 0; }
.indirizzo { width:320px; height:130px; float:left; }
.indirizzo h3 { font-family: 'Oswald', sans-serif; font-size:20px; color:#604A3F; text-align:center; font-weight:400; }
.indirizzo p { font-family: 'verdana', sans-serif; font-size:14px; color:#333333; text-align:center; margin-top:20px; font-style:italic; }

/* footer */
#container-footer { width:100%; height:80px; background:#604A3F; }
#container-footer p { font-family: 'Oswald', sans-serif; font-size:12px; color:#f5edd1; text-align:center; /*line-height:85px;*/ padding: 22px 0px; }

/* link email */
.email:link, .email:visited { text-decoration:none; opacity:1; color:#604A3F; }
.email:hover { text-decoration:none; opacity:0.5; color:#604A3F; }

.email-footer:link, .email:visited { text-decoration:none; opacity:1; color:#F6ECD1; }
.email-footer:hover { text-decoration:none; opacity:0.5; color:#F6ECD1; }/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(default/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
	display:none;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(default/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(default/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}/* Preload images */
body:after {
  content: url(Immagini/close.png) url(Immagini/loading.gif) url(Immagini/prev.png) url(Immagini/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(Immagini/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(Immagini/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(Immagini/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(Immagini/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}