@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

body {
	background-position:center top;
	background-repeat:no-repeat;
	height:100%;
	background-attachment:fixed;
	background-color:#ecebe8 !important;
}
h1 {
	text-align:left;
	font-size:30px !important;
	line-height:36px;
	font-weight:400 !important;
	color:#21234c !important;
}
a {
	color:#21254a !important;
}
a:visited {
	color:#21254a !important;
}
a:hover {
	color: #39ACFF !important;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
.container {    
font-family: 'Raleway';
	font-weight:300; 
	color:#686868;
}
.container .row{    
background: #FFFFFF;
}

.container H2{    
	font-size: 20px;
	line-height: 22px;
}

.offset-05 {
    margin-left: 9% !important;
}


/* Mobile Layout: 480px and below. */
#introduction {
	background-color:#3865b8;
	color:rgba(255,255,255,1.00);
	padding:5px 0px 5px 0px;
	}
#introduction a {
	color:rgba(255,255,255,1.00);
	text-decoration:none;
	}
#introduction a:hover {
	color:#fad000;
	text-decoration:none;
	}
#info{
	padding:10px 0px 0px 0px;
}
#info img{
	padding:0px 10px 0px 0px;
}
#social {
	text-align:right;
	border-right:1px solid #668fcb;
	margin:0px 0px 0px 19px;
	padding:10px 10px 0px 0px;
}
#social  img{
	margin:0px 10px 0px 0px;
}
  
#header {
	padding:30px 0px 30px 0px;
	background-color:rgba(255,255,255,1.00);
	}
#logo {
}
#MM {
	margin:0px 0px 0px 30px;
	padding:27px 0px 0px 0px;
}
#MM ul {
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	list-style-type:none;
}
#MM ul li {
	padding:0px 15px 0px 0px;
	float:left;
}
#MM ul li a {
	padding:5px 20px 5px 20px;
	background-color:rgba(0,0,0,0.07);
	border-radius:4px;
	color:#686868;
	font-weight:400;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#MM ul li a:hover {
	color:rgba(255,255,255,1.00) !important;
	text-decoration:none;
	background-color:#202449;
}
#MM ul li a:active
{ 
background-color:#202449;
}
#sections { 
background-color:rgba(255,255,255,1.00);
padding:2% 0%;
}


/*box homepage*/
.box_home {
	text-align: center;
	margin: 0px 15px 0px 15px;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	padding: 15px 0px 4px 0px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.14);
	box-shadow: 0 0 4px rgba(0,0,0,0.14);
}

.box_home:hover {
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.30);
	box-shadow: 0 0 4px rgba(0,0,0,0.30);
	background-color: #f5f8fc;
}

.box_home .img_circle{
	border:8px solid rgba(255,255,255,0);
	margin:0px auto 0px auto;
	height:118px;
	width:118px;
	border-radius: 50%;
	position: relative;
	z-index:100;
	
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.box_home:hover .img_circle{
	border:8px solid rgba(255,255,255,0.67);

}

.box_home img{
	position: relative;
	margin: -157px auto 0px auto;
	border-radius: 50%;
	height:130px;
	width:130px;
	
-webkit-transition: all 2100ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.box_home h2 {
	font-weight:bold;
	font-size:20px;
	margin:10px 0px 0px 0px;
	color:#21234c;
}
.box_home:hover h2{
	color:#21234c;
}
.box_home p {
	margin:0px 20px 20px 20px;
	color: #21234c;
}
.box_home p a{
	color: #21234c;
}
.box_home a {
	text-decoration:none;
	border:1px solid #c5c5c5;
	border-radius:4px;
	color: #21234c;
	padding:5px 25px;
	background-color:rgba(255,255,255,1.00);
}
.box_home a:hover {
	text-decoration:none;
	background-color:rgba(255,255,255,1.00);
	color: #21234c;

}

/*CIRCLE HOME*/
.circle-container h3{
	font-size: 20px;
	line-height: 22px;
}


/* stile blocco INHOME*/
#inhome {
	background-color:#eaeaea;
	/*border-top:1px solid #d8d8d8;*/
	border-bottom:1px solid #d8d8d8;
	padding:40px 0px 40px 0px;
	text-align:center;
}
#inhome h2 {
	font-weight:bold;
	font-size:20px;
	line-height:22px;
	margin:5px 15px 10px 15px;
	color: #21234c;

}
#inhome p {
	margin:5px 15px 0px 15px;
}

#container-inhome  {
	margin:0px 0px 0px 0px;
}

/* stile banners INHOME */

.item_inhome {
	float:left;
	margin:20px 15px 0px 15px;
	padding:15px;
	background-color: #f9f9f9;
	border:1px solid #d8d8d8;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	    border-radius: 20px;
	
}

.item_inhome:hover {
	border:1px solid #d8d8d8;
	background-color:#f1f1f1;
}

.item_inhome img {
	margin: 0px 0px 0px 0px;;
	border-radius: 50%;
	height:80px;
	/*width:80px;*/
	width:30%;
	border: 3px solid #eaeaea;
	float:left;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;

}

.item_inhome:hover img {
	border: 3px solid hsla(206,10%,70%,0.67);
}

.item_inhome h2 {
    font-size: 20px;
    margin: 10px 0px 0px 0px;
    text-align: left;
    float: left;
    width: 56%;
    color: #21234c;
}
.item_inhome p{
	padding:0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	width:56%;
}
.item_inhome p a{
	color: #828282;
}


/*----*/
#download-center {
	text-align:center;
	margin-top:15px;
	padding:10px 0px;
	border:1px solid #d8d8d8;
	border-radius:2px;
	width:100%;
	float:left;
	display:block;
}
#download-center a {
	display:block;
}
#frasi {
	background-color:#3865b8;
	color:rgba(255,255,255,1.00);
	padding-left:15px;
}
#frasi p {
	margin-bottom: 20px;
	margin-left:20px;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	width:95%;
}
#frasi a {
	text-decoration:none;
	color:#3865b8;
	font-weight:normal;
	background-color:rgba(255,255,255,1.00);
	border-radius:2px;
	padding:3px 10px 3px 10px;
}
#testo-frase {
	width:95%;
	float:left;
}
#link-frase {
	width:100%;
	float:left;
	margin-bottom:20px;
}
#content {
	background-color:rgba(255,255,255,1.00);
	padding:20px 15px;
}
#content img.img_round_sx{
	border-radius:50%;
	margin:0px 20px 0px 0px;
	border:5px solid #eaeaea;
}
#content img.img_round_dx{
	border-radius:50%;
	margin:0px 0px 0px 20px;
	border:5px solid #eaeaea;
}
#content img{
	margin:0px 20px 5px 0px;
}
#content p {
	font-size:16px;
	font-weight:300;
	text-align:justify;
	line-height:24px;
	color:#686868;
}

#content h2 {
	font-size:24px !important;
	line-height:24px;
	color: #21234c;
	font-weight:normal;
	margin-top: 24px;
	border-bottom: 1px solid #BED2EB;
padding-bottom: 6px;
	}

#content h3 {
	font-size:20px !important;
	line-height:18px;
	color: #5E5E5E;
	font-weight:normal;	
	border-bottom: 1px solid #DBDBDB;
padding-bottom: 6px;
	}
#content a:hover {
	text-decoration:none;
	color:#293186;
}
.margin_sx_def1{
	margin-left:4%;
	margin-right:4%;
}
ul.schede_prod {
	list-style-type:none;
	margin:0px 0px 0px 0px;
}
ul.schede_prod li a {
	display:block;
	margin:0px 0px 0px 0px;
	padding:15px 0px 15px 55px;
	border-bottom:1px solid #eeeeee;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
ul.schede_prod li a:hover {
	background-color:#f5f8fc;
}
ul.schede_prod li a.icona_animale {
	background-image:url(images/icona_animale.png);
	background-position:left top 5px;
	background-repeat:no-repeat;
}
ul.schede_prod li a.icona_pesce {
	background-image:url(images/icona_pesce.png);
	background-position:left top 5px;
	background-repeat:no-repeat;
}
ul.schede_prod li a.icona_vegetale {
	background-image:url(images/icona_vegetale.png);
	background-position:left top 5px;
	background-repeat:no-repeat;
}
ul.schede_prod li a.icona_congelati {
	background-image:url(images/icona_congelati.png);
	background-position:left top 5px;
	background-repeat:no-repeat;
}
ul.link-pdf {
	list-style-type:none;
	margin:10px 0px 10px 15px;
	padding:0px 0px 0px 0px;
}
ul.link-pdf li {
	background-image:url(images/bullet.png);
	background-repeat:no-repeat;
	background-position:left top 5px;
	padding:0px 0px 0px 25px;
	margin:2px 0px;
	color:#3865b8;
}
ul.link-pdf li a {
	text-decoration:none;
	color:#3865b8;
}
ul.link-pdf li a:hover {
	text-decoration:none;
	color:#63b6ff;
}
ul.content-box {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul.content-box li {
	text-align:center;
	list-style-type:none;
	margin:5px;
	padding:15px;
	width:87%;
	min-height:104px;
	float:left;
	border:1px solid #e9ecf0;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
ul.content-box li:hover {
	background-color:#eff9ed;
}
ul.content-box li:hover img {
	border: 3px solid hsla(206,10%,70%,0.67);
}

ul.content-box li img {
	margin:0px 0px 10px 0px;
	border-radius:50%;
	width:80px;
	height:80px;
	position:center;
	border: 3px solid #eaeaea;
}
ul.content-box li h2 {
	width:100%;
	font-weight:normal;
	color:#3865b8;
	font-size:20px;
	float:left;
	margin:0px 0px 10px 0px;
	line-height:22px;
}
ul.content-box li p {
	width:100%;
	font-size:16px;
	line-height:16px;
	float:left;
	margin:0px;
}

/* stile submenu */

#simple_submenu ul{
	list-style-type:none;
	margin:10px 0px 0px 10px;
}
#simple_submenu ul li{
	text-align:center;
	margin:0px 0px 1px 0px;
	padding:0px 0px 10px 0px;
	background-image:url(images/shadow_submenu.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#simple_submenu ul li a{
	display:block;
	line-height:25px;
	background-color:#f5f8fc;
	border:1px solid #e9ecf0;
	border-radius:2px;
	padding:5px 0px 5px 0px;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#simple_submenu ul li a:hover{
	background-color:#f9fbfd;
}

/* end stile submenu */

/* stile banners INHOMEDEF1 */
.item_inhome_def1 {
	display:block;
	width:87%;
	float:left;
	margin:0px 0px 10px 0px;
	padding:15px 15px 15px 15px;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	text-align:left;
	border:1px solid #f4f4f4;
}

.item_inhome_def1:hover {
	background-color:#f5f8fc;
	border:1px solid #e9ecf0;
}

.item_inhome_def1 img {
	margin: 0px 15px 0px 0px;
	border-radius: 50%;
	height:80px;
	width:80px;
	border: 3px solid #eaeaea;
	float:left;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;

}

.item_inhome_def1:hover img {
	border: 3px solid hsla(206,10%,70%,0.67);
}


.item_inhome_def1 h2{
	width:60%;
	float:left;
	font-size:20px !important;
	line-height:24px;
	margin:0px 0px 0px 0px !important;
	color:#0088cc;
}
.item_inhome_def1 p{
	text-align:left !important;
	font-size:16px !important;
	line-height:18px !important;
	width:60%;
	float:left;
	padding:0px;
	margin:5px 0px 0px 0px !important;
}

#intestazione {
	margin-top:3%;
	margin-bottom:3%;
}
#photoalbum {
	margin-bottom:2%;
}
#footer {
padding-top:2%;
padding-bottom:2%;
font-size:16px;
line-height:18px;
background-color:#ebebeb;
}
#footer img{
	margin:0px 40px 10px 40px;	
}
#footer h2{
	margin:0px 40px 10px 40px;
	font-size:16px;	
}
#footer p{
	margin:0px 40px 0px 40px;
	font-size:12px;
	line-height:18px;
}
#footer a{
	text-decoration:none;
	color:#7fa7c5;
}
#footer a:hover{
	color:#3865b8;
}
#search{
	margin:0px 0px 0px 40px;
}
#searchfield {
	margin:0px 0px 0px 0px;
	width:170px;
	padding:0px 10px 0px 10px;
}
#searchbutton {
	border:none !important;
	background-color:transparent !important;
	padding:0px 0px 0px 10px;
}
#end {
	background-color:#c2c2c2;
	color:#5e5e5e;
	padding:20px 15px 10px 15px;
}
#end-menu{
}
#end-menu  ul{
	list-style-type:none;
	float:right;
}
#end-menu  ul li{
	float:left;
	padding:0px 20px;
}
#end-menu  ul li a{
}
#end-menu  ul li a:hover{
	text-decoration:underline;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

#header {
}
#logo {
}
#MM {
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
#search{
}
#searchfield {
}
#searchbutton {
}

/* stile submenu */

#simple_submenu ul{

}
#simple_submenu ul li{

}
/* end stile submenu */
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

#header {
}
#logo {
	margin-left:30px;
}
#MM {
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
#content {
	background-color:rgba(255,255,255,1.00);
	padding:2% 0%;
}
/* stile blocco INHOME*/
#inhome {
	background-color:#eaeaea;
	/*border-top:1px solid #d8d8d8;*/
	border-bottom:1px solid #d8d8d8;
	padding:40px 0px 40px 0px;
}
#inhome h2 {
	font-weight:bold;
	font-size:20px;
	line-height:22px;
	margin:5px 80px 0px 80px;
	color: #21234c;

}
#inhome p {
	margin:5px 80px 0px 80px;
}

#container-inhome  {
	margin:0px 70px 0px 70px;
}
/* stile banners INHOME */

.item_inhome {
	width:44.5%;
	float:left;
	margin:20px 10px 0px 10px;
	padding:15px;
    background-color: #f9f9f9;
	border:1px solid #d8d8d8;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	text-align:left;
}

.item_inhome:hover {
	border:1px solid #d8d8d8;
	background-color:#f1f1f1;
}

.item_inhome img {
	margin: 0px 15px 0px 0px;
	border-radius: 50%;
	height:107px !important;
	width:107px !important;
	border: 3px solid #eaeaea;
	float:left;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;

}

.item_inhome:hover img {
	border: 3px solid hsla(206,10%,70%,0.67);
}


.item_inhome h2{
	width:70%;
	float:left;
	font-size:20px !important;
	margin:10px 0px 0px 0px !important;
}
.item_inhome p{
	width:72%;
	float:left;
	padding:0px;
	color: #787878;
	margin:10px 0px 0px 0px !important;
}
.item_inhome p a{
	color:#787878;
}

/*----*/
/* stile banners INHOMEDEF1 */
.item_inhome_def1 {
	display:block;
	width:90%;
	float:left;
	margin:0px 0px 0px 0px;
	padding:15px 15px 15px 20px;;
	border:none;;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	text-align:left;
	border:1px solid #FFFFFF;
}

.item_inhome_def1:hover {
	background-color:#f5f8fc;
	border:1px solid #e9ecf0;
}

.item_inhome_def1 img {
	margin: 0px 15px 0px 0px;
	border-radius: 50%;
	height:80px;
	width:80px;
	border: 3px solid #eaeaea;
	float:left;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;

}

.item_inhome_def1:hover img {
	border: 3px solid hsla(206,10%,70%,0.67);
}


.item_inhome_def1 h2{
	width:60%;
	float:left;
	font-size:20px !important;
	line-height:24px;
	margin:0px 0px 0px 0px !important;
}
.item_inhome_def1 p{
	text-align:left !important;
	font-size:16px !important;
	line-height:18px !important;
	width:60%;
	float:left;
	padding:0px;
	margin:5px 0px 0px 0px !important;
}
a.box_home h2{
	color:#686868 !important;
}
	.box_home p a{
	color: #0088cc;
}
.box_home a {
	color: #686868 !important;
}
ul.content-box {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul.content-box li {
	text-align:left;
	list-style-type:none;
	margin:8px;
	padding:15px;
	width:43.5%;
	float:left;
	border:1px solid #e9ecf0;
	-webkit-transition: all 2100ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
ul.content-box li:hover {
	background-color:#eff9ed;
}
ul.content-box li:hover img {
	border: 3px solid hsla(206,10%,70%,0.67);
}

ul.content-box li img {
	margin:0px 15px 0px 0px;
	border-radius:50%;
	width:80px;
	height:80px;
	float:left;
	border: 3px solid #eaeaea;
}
ul.content-box li h2 {
	width:77%;
	font-weight:normal;
	color:#3865b8;
	font-size:20px;
	float:left;
	margin:0px 0px 10px 0px;
	line-height:22px;
}
ul.content-box li p {
	width:67%;
	font-size:16px;
	line-height:16px;
	text-align:left !important;
	float:left;
	margin:0px;
}

#frasi {
	background-color:#3865b8;
	color:rgba(255,255,255,1.00);
	padding-left:15px;
}
#frasi p {
	margin-bottom: 20px;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
}
#frasi a {
	text-decoration:none;
	color:#3865b8;
	font-weight:normal;
	background-color:rgba(255,255,255,1.00);
	border-radius:2px;
	padding:3px 10px 3px 10px;
}
#testo-frase {
	width:85%;
	float:left;
}
#link-frase {
	width:15%;
	float:left;
}
#search{
}
#searchfield {
}
#searchbutton {
}
#end {
	background-color:#c2c2c2;
	color:#5e5e5e;
	padding:20px 0px 10px 0px;
}

/* stile submenu */

#simple_submenu{
}
#simple_submenu ul li{
}
/* end stile submenu */

/*----*/
}