@charset "utf-8";

/* CSS Document */
html, body {
	text-align: center;
	width: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0066cc;
	background-color: #7cb0d2;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a, a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #0066cc;
}

a:hover {
    text-decoration: underline;
}


#container {
    position: relative;
    width: 752px;
    text-align: left;
    margin: 0px auto;   /*centra negli altri browsers*/
    background: url(images/white_dx.gif) repeat-y top right;
}

#container2 {
    background: url(images/white_sx.gif) repeat-y top left;text-align: left;
}

#header {
	height: 103px;
	width: 752px;
	background-image: url(images/header_gradient_back.gif);
	background-repeat: repeat-x;
}

#header .sx {
    position: absolute; top: 0; left: 0;
    height: 103px;
    width: 183px;\width:193px;w\idth:183px;
    /*width: 183px;*/
    background-image: url(images/logo_fantasystore.gif);
    background-repeat: no-repeat;
}

#header .sx span {
    display: none;
}

#header .dx {
    position: absolute; top: 0; right: 0;
    height: 103px;
    width: 210px;\width:220px;w\idth:210px;
    /*width: 210px;*/
    background-image: url(images/logo_fantasia.gif);
    background-repeat: no-repeat;
}

#header .dx span {
	display: none;
}

#header .dx .langs {
    margin-top: 8px;
}

#header .dx a.flag_eng {
    background-image: url(images/flag_eng.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    overflow: auto;
}

#header .dx a.flag_ita {
    background-image: url(images/flag_ita.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    overflow: auto;
}

#header .center {
    height: 103px;
    margin: 0 173px;
    /*width: 359px;*/
    background-image: url(images/header_gradient.gif);
    background-repeat: no-repeat;
    margin-left: 183px;
    text-align: center;
    padding-top: 60px;
}

#header .center a.www-character-it, #header .center a.www-character-it:visited  {
    font-family: Helvetica;
    font-size: 24px;
    font-weight: bold;
    color: #cc3333;
    text-decoration: none;
    margin-left: -60px;
} 

#header .center a.www-character-it:hover  {
    color: #cc3333;
    text-decoration: none;
} 

#header .center a, #header .center a:visited  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #0066cc;
}

#header .center a:hover {
	text-decoration: none;
	color: #ee0000;	
}

#header .center .fantasia-nuovo-logo {
    background-image: url(images/fantasia-nuovo-logo.gif);
    background-repeat: no-repeat;
    width: 194px;
    height: 56px;
    display: block; 
    margin-top: -60px;
    margin-left: 70px;  
}

#location {
    width: 400px;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
    margin-top: 5px; 
    margin-left: -40px;
}

#main {
	width: 748px;
	margin: 0;
	padding: 0;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0066cc;
	border-left-color: #0066cc;
}

#top_ani {
	height: 96px;		
}

#contents_dx {
	float: right;
	width: 604px;
	height: 100%;
	background-color: #FFFFFF;
}

#contents_sx {
	float: left;
	width: 137px;
	background-color: #FFFFFF;
}

.button {
	border: 1px solid #0066cc;
	background-color: #0066a9;
	background-image: url(images/button_gradient.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding: 2px;
}

.button_expand {
	position: relative;
	background-image: url(images/expand-button.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 5px;
}

.white, a.white, a.white:visited {
	color: #FFFFFF;
	font-weight: bold;
}

a.white:hover {
	color: #FFFFFF;
}

#licensees {
    margin-top: 2px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0066cc;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
}

#marchi {
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066cc;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
}

#marchi p { 
    margin-top: 0px; 
    margin-bottom: 2px;   
}

#marchi a, #marchi a:visited { 
    font-size: 11px;  
}

#contents {
	
}

#footer_xt {
    clear: both;   
    margin-left: 145px;
	width: 600px;     
	text-align: center;	
}

.footer-terms {
    font-size: 10px;
    text-align: left;   
}

.footer-terms a, .footer-terms a:visited {
    font-size: 10px;
    text-decoration: none;  
}

.footer-terms a:hover {
    font-size: 10px;
    text-decoration: underline;  
}

.cliccable {
    cursor: pointer;
}

/* Layout Pagine */

#index {
	width: 100%;
	min-height: 335px;
	font-size: 14px;
	color: #0066cc;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#index p {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
}

#index b {
	font-size: 16px;
	font-weight: bold;
}

#index p span {
	font-size: 16px;
	font-weight: bold;
}

#index .sx {
	float: left;
	width: 240px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
}

#index .dx {
	float: right;
	width: 325px;	
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
}

#template {
    width: 100%;
    min-height: 350px;
    font-size: 14px;
    color: #0066cc;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

#azienda {
    margin-top: -130px;
    text-align: left;
}

#azienda_descr {
    width: 310px;
    margin-left: 10px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    margin-bottom: 50px;
    
}

#dove_siamo {
    width: 100%;
    text-align: center;
    margin-left: 18px;
    padding-bottom: 10px;
}

#dove_siamo_loc {
    font-size: 13px;
    width: 570px;
    display: block;
    background-color: #cccccc;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

#layout_negozio {
    width: 460px;
    margin-left: 60px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #0066a9;
    border-bottom-color: #0066a9;    
}

.separatore {
    margin-left: 30px;
    width: 540px;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #0066a9;
}

#mySlideshow
{
    width: 460px !important;
    height: 320px !important;
} 

.gallery {
    display: block;
    width: 188px;
    height: 157px;
    border: 1px solid #297eb6;
    text-align: center;
    background-image: url(images/cell_gradient.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.gallery .descr {
    margin-top: -45px;
    display: block;
    width: 100%;
    height: 50px;
    background-color: #ffffff;    
    opacity:.75;
    -moz-opacity:0.75;
    filter:alpha(opacity=75);
}

.cinema {
    display: block;
    width: 188px;
    height: 157px;
    border: 1px solid #297eb6;
    text-align: center;
    background-image: url(images/cell_gradient.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.cinema .descr {
    margin-top: -45px;
    display: block;
    width: 100%;
    height: 50px;
    background-color: #ffffff;    
    opacity:.75;
    -moz-opacity:0.75;
    filter:alpha(opacity=75);
}

/* Page Handler Control */ 

#pagehandle {
    text-align: center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0066a9;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
}

#pagehandle a, #pagehandle a:visited {
    text-align: center;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: underline;
}

#pagehandle a:hover {
    text-decoration: none;
}

#pagehandle b {
    font-size: 15px;
    font-weight: bolder;
}

/* Container Marchi */

#containerMarchi {
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index: 20000;
	background-color: #FFFFFF;
	width: 600px;
	min-height: 200px;
	border: 1px solid #0066a9;
	background-image: url(images/container-marchi-gradient.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066a9;
}

#containerMarchi h3 {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2px;
}

#sliderContent {  
	width:90%; margin:auto; padding:0 10px 10px;    
} 

.content-conveyor { width:550px; height:90px; position:relative; }

.viewer {
	width:560px; height:100px; margin:0 auto 30px; padding:1px; overflow:hidden;
	position:relative;
}

.item {
	width:120px;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}

.item ul {
	text-align: left;
}

.CloseImg {
	background:url(images/x.png) no-repeat; 
	width:25px; 
	height:29px; 
	display:none; 
	z-index:25000;
	position:absolute; 
	top:-15px; 
	right:-16px; 
	cursor:pointer; 
}

/* Slideshow */ 

#slideshow {
    position:relative;
    height:65px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 65px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 50px;
    display: block;
    border: 0;
}

.infodescription { max-width: 220px; width: 180px; height: 175px; text-align: justify; max-height: 180px; min-height: 160px; min-width: 150px; padding-right: 4px; overflow-x: auto; overflow-y: none; }