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

/* == Stili di base - Mobile first ===== */

html, body{ padding:0; margin:0; }
body{ font:100% Arial, Helvetica, sans-serif; background-image:url(img_sito/sfondo1.jpg); background-repeat:no-repeat; background-position:top center; background-size: cover;
	  text-align:center; background-color:#EEDFC8; 
}

@font-face {
    font-family: 'alluraregular';
    src: url('font/allura-regular-webfont.eot');
    src: url('font/allura-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/allura-regular-webfont.woff') format('woff'),
         url('font/allura-regular-webfont.ttf') format('truetype'),
         url('font/allura-regular-webfont.svg#alluraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chunkfiveroman';
    src: url('font/chunkfive/chunkfive-webfont.eot');
    src: url('font/chunkfive/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/chunkfive/chunkfive-webfont.woff') format('woff'),
         url('font/chunkfive/chunkfive-webfont.ttf') format('truetype'),
         url('font/chunkfive/chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('font/bebasneue/BebasNeue-webfont.eot');
    src: url('font/bebasneue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bebasneue/BebasNeue-webfont.woff') format('woff'),
         url('font/bebasneue/BebasNeue-webfont.ttf') format('truetype'),
         url('font/bebasneue/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#container{ width:100%; padding-top:30px; }
#fiocco{ width:100%; margin:0 auto; display:none; }
#fiocco2{ width:95%; min-height:60px; margin:0 auto; color:#FFF; background-color:#C39B5D; border:2px solid #8F7051;  }
.ctdw2{ font-size:40px; line-height:18px; font-family:bebas_neueregular; }

#fotogallery{ position:relative; width:95%; padding:1%; margin:0 auto; overflow:hidden; /*background-color:#C0DEED;*/  }

input.rounded
{
  border: 1px solid #000;
  -moz-border-radius: 5px; /* Firefox e browser basati su Mozilla */
  -webkit-border-radius: 5px; /* Safari, Chrome e browser basati su WebKit */
  border-radius: 5px; /* standard CSS3 */
  height:20px; width:30%;
  padding:10px;
  background-color:#666; color:#C39B5D; font-size:20px;
}

a.L_enter:link, a.powered:visited{ color:#4D3819;; text-decoration:none; }
a.L_enter:hover { color:#A9802E; text-decoration:none; }

a.accedi_gallery:link, a.accedi_gallery:visited { padding: 5px; background-color: #5F4518; color: #fff; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
a.accedi_gallery:hover { padding: 5px; background-color: #5F4518; color: #fff; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }



/* == Media queries (breakpoint) ===== */


/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {

#fiocco{ width:700px; display:block;}
#fiocco2{ display:none; }
#img_sposi{ width:55%; }
#fotogallery{ width:70%; }

}

/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px){
	
#fiocco{ width:800px; display:block;}
#fiocco2{ display:none; }
#img_sposi{ width:55%; }
#fotogallery{ width:70%; }

}

/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px){
	
#fiocco{ width:800px; display:block;}
#fiocco2{ display:none; }
#img_sposi{ width:790px; }
#fotogallery{ width:1000px; }

}