@charset "utf-8";
/* Fior di Tortona
--------------------------------------------------------------------------------
Autore:Lorem Studio 
Sito:  fiorditortona.it */

/* Resetter */
*{margin:0;padding:0;}
ul, ol, li{list-style:none;position :relative;}
img{ border:0;}
address{font-size:.9em;font-style:normal;font-weight:normal;}
a:link, a:active, a:visited{color:#fff;text-decoration:underline;font-family:'Calibri', 'Trebuchet MS', Arial, Helvetica, sans-serif;}
a:hover{text-decoration:none;}
body{ font:62.5% 'Calibri', 'Trebuchet MS', Arial, Helvetica, sans-serif;background:#ffffdd;color:#fff;text-align:center;margin:0;padding:0;}
body.pagina-iniziale{ background:#ffd;}
/* TIPOGRAFIA */
h3{margin:10px 0 1em 0;padding:5px 0 10px 0;font-size:1.4em;font-weight:bold;color:#333;font-family:Georgia, "Times New Roman", Times, serif;}
h3 span a:link,h3 span a:active,h3 span a:visited{font-size:.8em;font-style:italic;color:#363;}
/* CONTENUTI */
#contenitore-principale{width:100%;height:570px;position:absolute;top:50%;left:50%;margin:-285px 0 0 -50%;display:none;z-index:10;text-align:left;background:transparent url(images/sfondo-contenitore.jpg) repeat-x;}

#contenitore-menu{position:relative;}

#contenitore-sfondo{position:absolute;top:10px;left:597px;width:600px;height:550px;z-index:-10;}
#contenitore-sfondo.collegamento-homepage img{position:relative;z-index:-2;}
#contenitore-sfondo-menu{position:absolute;z-index:2;left:401px;top:10px;display:none;}

#contenuto{position:absolute;background:transparent;height:221px;top:149px;left:0;width:100%;z-index:5;text-align:left;}
#contenitore-testo{position:absolute;display:none;top:150px;left:693px;width:475px;padding:0 5px;border-right:1px solid #fff;z-index:1000;background:transparent url(images/sfondo_trans.png) repeat;}
#contenitore-testo .testo{font-size:14px;line-height:18px;padding:4px 0;text-align:left;overflow:visible;min-height:212px;height:auto !important;height:212px;color:#fff;font-family:'Trebuchet MS',Verdana;}
#contenitore-testo .testo a{color:#DBE8B9!important;}

#sub_menu{position:absolute;top:1px;left:597px;width:95px;height:220px;z-index:12000;background:#181818;display:none;}
#sub_menu ul.menu-secondario{margin-top:2px;padding:10px 0;}
#sub_menu ul.menu-secondario li{margin-bottom:1em;font:bold 13px 'Calibri','Trebuchet MS', Arial, "Times New Roman", Times, serif;}
#sub_menu ul.menu-secondario li a{cursor:pointer !important;width:81px;height:20px;display:block;padding:0 0.4em;text-decoration:none;}
#sub_menu ul.menu-secondario li a:hover, #sub_menu ul.menu-secondario li.attivo a{background:transparent url(images/sfondo-sub-menu.png) no-repeat;}
/* MENU DI NAVIGAZIONE */

#indirizzoDx{color:#333;height:120px;position:absolute;right:404px;top:30px;width:295px;font-size:14px;}

#menu{position:absolute;top:1px;left:427px;width:166px;height:170px;z-index:6;}

ul.menu-principale{display:none;background:#181818;width:169px;height:210px;padding:5px 0;border-right:1px solid #fff;}

ul.menu-principale li{width:168px;height:20px;padding:8px 0;position:relative;z-index:1;}

ul.menu-principale li a{background:transparent url(images/sfondo-menu.gif) no-repeat;display:block;text-decoration:none;width:168px;height:20px;color:#181818;}

ul.menu-principale li#collegamento-homepage a{background-position:0 0;}
ul.menu-principale li#collegamento-laboratorio a{background-position:0 -30px;}
ul.menu-principale li#collegamento-album a{background-position:0 -60px;}
ul.menu-principale li#collegamento-casa-nostra a{background-position:0 -90px;}
ul.menu-principale li#collegamento-video a{background-position:0 -120px;}
ul.menu-principale li#collegamento-brochure a{background-position:0 -150px;}

ul.menu-principale li#collegamento-homepage a:hover,ul.menu-principale li#collegamento-homepage .selezionato{background-position:0 -180px;}
ul.menu-principale li#collegamento-laboratorio a:hover,ul.menu-principale li#collegamento-laboratorio .selezionato{background-position:0 -210px;}
ul.menu-principale li#collegamento-album a:hover,ul.menu-principale li#collegamento-album.selezionato{background-position:0 -240px;}
ul.menu-principale li#collegamento-casa-nostra a:hover,ul.menu-principale li#collegamento-casa-nostra .selezionato{background-position:0 -270px;}
ul.menu-principale li#collegamento-video a:hover,ul.menu-principale li#collegamento-video .selezionato{background-position:0 -300px;}
ul.menu-principale li#collegamento-brochure a:hover,ul.menu-principale li#collegamento-brochure .selezionato{background-position:0 -330px;}

ul.menu-principale li a span{position:relative;z-index:-1;}

#contenuto #logotipo_little h2{width:200px;height:218px;position:relative;background:transparent url(images/fior_di_tortona_little.png) no-repeat;text-indent:-9999px;display:none;margin-top:1px;}

#contenuto #logotipo_little h3{position:relative;text-indent:-9999px;display:none;}

#logotipo_interflora{width:60px;height:60px;position:absolute;bottom:5px;left:250px;}
#logotipo_interflora a{background:transparent url(images/layout/logo_interflora.gif) no-repeat;width:60px;height:60px;}

#logotipo_facebook{width:60px;height:60px;position:absolute;bottom:5px;left:320px;}
#logotipo_facebook a{background:transparent url(images/layout/logo_facebook.gif) no-repeat;width:60px;height:60px;}

/* LOGO FIOR DI TORTONA */
#contenitore-logotipo{width:360px;height:240px;position:absolute;top:50%;left:50%;margin:-120px 0 0 -180px;}
#spazio-logo{position:absolute;width:450px;top:-20px;left:0;z-index:5;background:transparent;cursor:pointer;text-align:center;padding:0;}
#fior-di-tortona{width:190px;height:190px;margin:0 20px 0 0;float:right;}

#logotipo h1{width:359px;height:239px;position:relative;z-index:1;text-align:center;margin:0 auto;}
#logotipo h1 a{width:359px;height:239px;background:transparent url(images/logo_fior_di_tortona.png) no-repeat;color:#232323;margin:0 auto;}

/* GALLERIA */
#galleria{position:absolute;top:26px;left:0;width:600px;z-index:10;}
#galleria .fotografia-album{float:left;width:70px;border:3px solid #333;margin-right:12px;margin-bottom:12px;padding:1px;}
#galleria .fotografia-album img{float:left;}
#galleria .fotografia-album.zero-margine{margin-right:0;}
#galleria #paginazione-ajax{clear:left;float:left;margin:35px 0 0 5px;width:600px;text-align:right;}
#galleria #paginazione-ajax a{background:#fff url(images/layout/pagination.gif) no-repeat 0 0;width:25px;height:19px;float:left;margin:0 0.5em 0 0;padding-top:6px;color:#fff;text-align:center;text-decoration:none;}
#galleria #paginazione-ajax a:hover{background-position:0 -25px;}
#galleria #paginazione-ajax span.pagina-corrente{background:#fff url(images/layout/pagination.gif) no-repeat 0 -25px;width:25px;height:19px;float:left;margin:0 0.5em 0 0;padding-top:6px;color:#fff;text-align:center;}

#pie-di-pagina{position:absolute;bottom:0;left:0;width:100%;display:none;height:40px;font-size:1.2em;}

/* Sostituzione Replacement */
.bir{position:relative;z-index:1;}
.bir a{text-decoration:none;display:block;text-indent:-9999px;cursor:pointer;}
.bir a span{position:relative;z-index:-1;}

.dati-homepage{position:absolute;bottom:0;left:0;width:100%;height:40px;font-size:14px;line-height:1.6em;color:rgb(107,92,46);}
.dati-homepage a{font-weight:bold;color:rgb(107,92,46)!important;}
#dove_siamo{position:absolute;top:-140px;left:0;}
#dove_siamo h3{color:#ffd;margin:0;}
#dove_siamo a{color:#fff;}
#dove_siamo p{font-size:14px;padding:5px 0;}
.gmap{border:1px solid #ffd;padding:2px;background:#333;}

/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer{position:absolute;left:26px;z-index:6000000;display:none;text-align:left;font-size:14px;font-family:'Calibri', 'Trebuchet MS', Arial, Helvetica, sans-serif;}
/* Hides the whole contact form until needed */	
#contactForm{height:289px;width:558px;background:#515151 url(images/contatti/birdy.jpg) no-repeat 241px 11px;border:1px solid #929191;padding:7px 12px;color:#fff;display:none;}   
/* Loading bar that will appear while the ajax magic is happening */
.bar{	display:none;background:url(images/contatti/ajax-loader.gif) no-repeat center;margin-top:100px;height:40px;width:230px;}
/* Hides the confirmation message until needed */	
#messageSent {display:none;}
/* This hides the form validation alert messages until needed */
#contactForm span { display:none;font-size:11px;line-height:10px;padding-left:6px;color:#f5c478;}	
/* Some styling for the contact button */
#contactFormContainer .contact{height:47px;width:211px;background:url(images/contatti/contact_me.gif);position:absolute;left:368px;bottom:-43px;cursor:pointer;}
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{	display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;z-index:11;}  
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input{width:180px;background:#6d6d6d url(images/contatti/contact_input.png) repeat-x top;color:#fff;border:1px solid #8a8a8a;height:15px;line-height:14px;font-size:11px;padding:2px 2px 0px;}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px;font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit{border:1px solid #aba8a8;background:#e5e5e5;text-transform:uppercase;color:#4d4d4d;font-weight:bold;padding:7px 18px 7px 14px;height:37px;width:145px;cursor:pointer;float:left;margin-top:186px;}
#contactForm .submit:active {background:#cacaca;}
#contactForm label {padding-left:4px;font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left;width:204px;}
h2#titolo-galleria{position:absolute;top:-40px;left:-59px;font-size:18px;} 
#descrizione-negozio-fiori{color:#333;}
.title{font-weight:bold;}