/* CSS Document */
body, #wrapper, #header, #menu, #col_sx, #col_sx ul, #col_sx li, #col_sx_eng, #col_sx_eng ul, #col_sx_eng li, .box, #content, #col_dx, #col_dx ul, #col_dx li, h1, h2, h3, img{
margin:0px;
padding:0px;
border:0px;
}

.clear {
clear:both;}
/*-----------------------------------------*/
body {
background-image:url(../images/bkg_page.gif);
background-repeat:repeat-x;
background-position:top left;
/*font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
font-family: 'Quattrocento Sans', sans-serif;
font-size:12px;
line-height:140%;
text-align:justify;
}

#wrapper {
margin: 0px auto;
width:996px;
background-image:url(../images/bkg_wrapper.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:#FFFFFF;
min-height:300px;
}


#header {
/*height:50px;
padding-top:190px;*/
height:240px;
}

#logo {
height:190px;
}

#menu {
margin-left:280px;
color:#FFFFFF;
text-align:center;
font-size:10px;
}

#menu a:link, #menu a:visited {
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

#menu a:hover, #menu a:active {
color:#D32811;
font-weight:bold;
text-decoration:none;
}

#col_sx {
width:280px;
min-height:370px;
float:left;
background-image:url(../images/bkg_menusx.gif);
background-repeat:no-repeat;
background-position:top center;
padding-top:48px;
}

#col_sx_eng {
width:280px;
min-height:370px;
float:left;
background-image:url(../images/bkg_menusx_eng.gif);
background-repeat:no-repeat;
background-position:top center;
padding-top:48px;
}

#col_sx ul, #col_sx_eng ul, #col_dx {font-family: 'Comfortaa', cursive;
font-size:11px;}

#col_sx li, #col_sx_eng li {
font-size:12px;
list-style:none;
line-height:22px;
font-weight:bold;
padding-left:50px;
}

#col_sx a:link, #col_sx a:visited, #col_sx a:hover, #col_sx a:active, #col_sx_eng a:link, #col_sx_eng a:visited, #col_sx_eng a:hover, #col_sx_eng a:active {
text-decoration:none;
}

#recaps {
margin-top:100px;
padding:0px 30px 0px 30px;
}

#flash {width:716px;
/*height:320px;*/
float:left;
}

.box {
width:238px;
height:127px;
padding:0px 15px 0px 105px;
float:left;
overflow:hidden;
}

#box1 {
background-image:url(../images/bkg_box1.jpg);
background-repeat:no-repeat;
background-position:top center;
}

#box2 {
background-image:url(../images/bkg_box2.jpg);
background-repeat:no-repeat;
background-position:top center;
}

#content {
	width:476px;
	float:left;
	padding:0px 30px 0px 30px;
	border-right: 1px dotted #333333;
	}

.item {
	border-bottom: 1px dotted #333333;
	}
	
.item p {
	width:327px;
	float:left;
	}
.item img {
	width:149px;
	float:left;
	}	
	
#col_dx {
	width:179px;
	float:left;}


#col_dx li {
list-style:none;
line-height:22px;
text-indent:10px;
border-bottom:dotted 1px #660099;
}

#col_dx a:link, #col_dx a:visited, #col_dx a:hover, #col_dx a:active{
text-decoration:none;
}


h1 {font-family: 'Comfortaa', cursive;
font-size:18px;
color:#D32811;
margin-top:15px;
margin-bottom:3px;
}

h1 a:link, h1 a:visited {
color:#474523;
text-decoration:none;
}

h1 a:hover, h1 a:active {
color:#474523;
text-decoration:none;
}

h2 {font-family: 'Comfortaa', cursive;
font-size:14px;
	color: #353313;}

h3 {font-family: 'Comfortaa', cursive;
	color: #d32811;
	font-size:12px;
	}
a:link, a:visited {
color:#474523;
font-weight:bold;
text-decoration:underline;
}

a:hover, a:active {
color:#D32811;
font-weight:bold;
text-decoration:none;
}

#footer {
height:96px;
background-image:url(../images/bkg_footer.gif);
background-repeat:repeat-x;
background-position:top center;
margin-top:15px;
padding-top:20px;
color:#FFFFFF;
}

#footer a:link, #footer a:visited {
color:#ff0000;
text-decoration:none;}

#footer a:hover, #footer a:active {
color:#FFFFFF;
text-decoration:none;
}

.copyright {
width:608px;
float:left;
padding-left:30px;
}

.info {
width:328px;
float:left;
text-align:right;
padding-right:30px;
}

/* ----------------- galleria immagini pikame ----------------- */
/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding:0px;
	margin:0px;
	width:475px;
	/*margin:0 auto;*/}
.pika_main{
	width:475px;
	padding:0px;
	margin:0px;
	/*margin:0 auto;*/}
#pikame li{
	margin:0px 5px 10px 4px;
	padding:0px;
	float: left;
	border:0px solid #222;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
/*.pika_main img{border:1px solid #222;}*/
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{text-decoration: none; cursor:pointer;}
.pika_navigation a:hover{text-decoration:underline; cursor:pointer;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* ----------------- ricette ----------------- */
#ric {
	width:476px;
	float:left;
	padding:0px 30px 0px 30px;
	border-right: 1px dotted #333333;
	}
	
.ric_info {
width:200px;
float:left;
text-align:left;
padding:20px 0px 0px 26px;
}

.ric_img {
width:250px;
float:left;
}