/*
Theme Name: nomecliente
Theme URI: 
Description: Tema per nomecliente
Author: Emotion Design
Author URI: http://www.emotiondesign.it
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/


-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	/*border-collapse: separate;
	border-spacing: 0;*/
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/*
----------------------------------------------- */

@font-face {
    font-family: 'hl';
    src: url('fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hb';
    src: url('fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-bd-webfont.svg#helveticaneuelt_stdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{margin: 0px; padding: 0px; text-align: center; font-family: Courier New, serif; font-size: 15px; line-height: 23px; color: #000; background: #000;}

	img{border: 0px;}

	ul{padding: 0px; margin: 0px; list-style: none;}

	a, a:hover{text-decoration: none;}

	div, p, form, h1, h2, h3, h4, h5{padding: 0px; margin: 0px; font-weight: normal;}

		#help{position: fixed; right: 10px; top: 10px; z-index: 1005; background: #fff; border: 1px solid #ccc;}
	
	/*WELCOME*/

		#wrapper{width: 100%; text-align: left;}
			
			.welcome a{color: #000; font-size: 13px;}
			.welcome a:hover{color: #f03401;}

			#menu_butt_mobile, #menu_main_mobile{display: none;}

			#logo_enter{position: absolute; z-index: 1000; top: 30%; right: 50%; width: 235px; height: 200px; text-align: right;}
				#logo{float: none;}
				#enter{padding: 60px 0px 0px 0px; background: url('images/divi.gif') no-repeat; text-align: left; margin-top: 15px; float: none;}
			
			#fade_big{display: block; position: absolute; z-index: 996; width: 50%; height: 872px; right: 58%; bottom: 10%;}
				#fade_big .item{display: none; position: absolute; bottom: 0px; right: 0px;}
					#fade_big .item img{width: 100%; height: auto;}

			#blanket_white{position: absolute; z-index: 994; width: 100%; background: url('images/diagonal_white.png') no-repeat; background-position: center center;}

			#blanket_black{position: absolute; z-index: 993; width: 100%; background: url('images/gradient_black.png') repeat-x; background-position: center bottom;}


			#scroll_container{position: absolute; z-index: 990; left: 50%; width: 50%; color: #fff; text-transform: uppercase; overflow: hidden;}

			#social{position: absolute; z-index: 998; bottom: 0px; }


	/*GALLERY*/
		body#body_gallery{background: #fff;}
			
			#menu_main{display: block; position: absolute; z-index: 1020; font-size: 18px; padding: 20px 0px 0px 20px;}
				#menu_main li{display: inline;}
					#menu_main a{text-transform: uppercase; color: #f03401; padding-right: 30px;}
						#menu_main a:hover{text-transform: uppercase; color: #000;}
			
			#menu_butt_mobile_gallery, #menu_main_mobile_gallery{display: none;}

			#gallery{position: absolute; z-index: 1000; top: 46%; margin-top: -247px; width: 100%; height: 495px;}

			#logo_gallery{position: absolute; height: 80px; z-index: 1030; bottom: 0px; left: 0px; padding: 0px 0px 20px 20px;}
			
			#social_links{position: absolute; z-index: 1040; bottom: 0px; left: 0px; padding: 0px 0px 20px 230px;}
			
			#info_legal{position: absolute; z-index: 1045; bottom: 0px; right: 0px; padding: 0px 20px 30px 0px; font-size: 13px; text-align: right; text-transform: uppercase; line-height: 22px;}
				#info_legal .link{color: #f03401; background: url('images/plus.gif') no-repeat; background-position: right top; padding: 0px 20px 0px 0px;}
					#info_legal .link:hover{color: #000; background: url('images/plus_hover.gif') no-repeat; background-position: right top;}
				
				#info_legal_details{display: none; line-height: 19px; padding: 0px 20px 20px 0px;}
					#info_legal_details a{color: #f03401;}
						#info_legal_details a:hover{color: #000;}

						.less{color: #f03401; background: url('images/less.png') no-repeat; background-position: right top; padding: 0px 20px 0px 0px;}
							.less:hover{color: #000; background: url('images/less_hover.png') no-repeat; background-position: right top;}	
			
			#contacts{display: none; position: absolute; top: 0px; z-index: 2000; width: 430px; text-transform: uppercase; padding: 10px 0px 20px 0px; background: url('images/back_white_transp.png'); overflow: hidden;}

				#contacts .close{text-align: right; padding: 10px 10px 0px 0px;}

				#contacts .contact_gen{float: left; padding-left: 40px; width: 220px;}
					#contacts .contact_gen a{color: #000;}
						#contacts .contact_gen a:hover{color: #f03401;}
					
					#contacts .divi_c{padding: 30px 0px 20px 90px;}

				#contacts .contact_shops{width: 220px; float: right; padding-right: 40px;}
					#contacts h1{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 22px;  color: #f03401;}
					#contacts h2{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 22px; color: #f03401;}
					#contacts h4{font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 18px; color: #f03401;}
					#contacts .indi{padding: 0px 0px 35px 0px;}
						#contacts h3{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 18px; color: #000;}
			
			#music{position: absolute; z-index: 2010; width: 300px; text-transform: uppercase; padding: 10px 10px 10px 10px; background: #f03401; color: #fff; line-height: 19px;}

				#music .close{float: right;}
			
			#moods{position: absolute; z-index: 2020; width: 300px; text-transform: uppercase; padding: 15px 0px 0px 0px; background: #fff; color: #000; line-height: 19px;}

				#moods p{padding: 0px 10px 0px 10px;}

				#moods .colorz{width: 135px; height: 50px; margin: 0px 0px 10px 10px; float: left;}
				#moods .color_white{width: 133px; height: 48px; border: 1px solid #ccc;}
				#moods .color_black{background: #000;}
				#moods .color_pink{background: #ffd0d8;}
				#moods .color_blue{background: #b6d5e9;}
					#moods .colorz a{display: block; height: 50px; margin-bottom: 10px;}

				#moods .close{float: right; padding-right: 4%;}

			.box_big{display: none;}
					
			
		/*NORMAL*/
		body.normal{margin: 0px; padding: 0px; text-align: center; font-family: Courier New, serif; font-size: 15px; line-height: 23px; color: #000; background: #fff;}
			#wrapper_normal{width: 50%; padding: 5% 0px 3% 0px; margin: 0px auto; text-align: justify;}
				#wrapper_normal h1{color: #f03401; font-family: "Roboto", sans-serif; font-size: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 2%;}
				#wrapper_normal h2, #wrapper_normal h3{color: #000; font-family: "Roboto",sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 2% 0px 1% 0px; background: url('images/divi_normal.gif') no-repeat; padding:15px 0px 0px 25px;}
				#wrapper_normal h4{color: #000; font-family: "Roboto",sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 3% 0px 1% 0px;}
				#wrapper_normal a{color: #f03401; text-transform: uppercase;}

				#wrapper_normal h1, #wrapper_normal h2, #wrapper_normal h3, #wrapper_normal h4{text-align: left;}
			
		
		/*COLORI*/
		body#body_gallery.white{background: #fff; color: #000;}
		body#body_gallery.black{background: #000; color: #fff;}
		body#body_gallery.pink{background: #ffd0d8; color: #000;}
		body#body_gallery.blue{background: #b6d5e9; color: #000;}
		
		body#body_gallery.white #menu_main a{color: #f03401;}
		body#body_gallery.black #menu_main a, body#body_gallery.pink #menu_main a, body#body_gallery.blue #menu_main a{color: #fff;}

		body#body_gallery.white #contacts h1{color: #f03401;}
		body#body_gallery.black #contacts h1{color: #f03401;}
		body#body_gallery.black #contacts{color: #000;}
		body#body_gallery.pink #contacts h1, body#body_gallery.pink #contacts h2, body#body_gallery.pink #contacts h4{color: #fd637d;}
		body#body_gallery.pink #contacts h3{color: #818383;}
		body#body_gallery.blue #contacts h1, body#body_gallery.blue #contacts h2, body#body_gallery.blue #contacts h4{color: #4fb3f3;}
		body#body_gallery.blue #contacts h3{color: #818383;}
		
		body#body_gallery.white #music{background: #f03401;}
		body#body_gallery.black #music{background: #f03401;}
		body#body_gallery.pink #music{background: #fd637d;}
		body#body_gallery.blue #music{background: #4fb3f3;}
			

	@media(max-width: 736px){
		/*WELCOME*/
		#menu_butt_mobile{display: block; position: absolute; z-index: 1002; top: 0px; left: 0px; width: 100%; height: 60px; background: url('images/diagonal_black.png') no-repeat; background-position: left bottom;}
			#menu_butt_mobile img{margin: 5px 0px 5px 10px;}
		
		#menu_main_mobile{display: none; position: absolute; z-index: 1001; top: -220px; left: 0px; width: 100%; padding: 50px 0px 30px 0px; background: url('images/diagonal_black.png') no-repeat; background-position: left bottom;}
			#menu_main_mobile a{display: block; color: #fff; font-size: 15px; padding: 7px 0px 7px 15px; text-transform: uppercase;}

		#logo_enter{position: absolute; z-index: 1000; top: 60px; left: 0px; width: 100%; height: auto; text-align: left; overflow: hidden;}
			#logo{}
				#logo img{width: 210px; height: auto; display: block;}
			#enter{padding: 0px; background: none; text-align: left; margin-top: 0px; margin-left: 15%;}

		#scroll_container{width: auto; left: 0px; right: 50px; text-align: right;}

		#blanket_white{height: 250px; background: url('images/diagonal_white_mobile.png') no-repeat; background-position: left bottom;}

		#blanket_black{display: none;}

		#fade_big{display: none;}

		#social{bottom: -100px; width: 100%; height: 300px; background: url('images/diagonal_footer.png') no-repeat; background-position: center bottom; text-align: center;}
			#social img{margin-top: 255px;}
		

		/*GALLERY*/
		#menu_main{display: none;}

		#menu_butt_mobile_gallery{display: block; position: absolute; z-index: 1050; top: 0px; left: 0px;}
		
		#menu_main_mobile_gallery{display: none; position: absolute; z-index: 1001; top: -220px; left: 0px; width: 100%; padding: 100px 0px 30px 0px; background: url('images/diagonal_white_mobile.png') no-repeat; background-position: left bottom;}
			#menu_main_mobile_gallery a{display: block; color: #f03401; font-size: 15px; padding: 7px 0px 7px 15px; text-transform: uppercase;}

		#help{background: #70a3c7;}

		#gallery{top: 110px; margin-top: 0px; width: 100%; }

		#logo_gallery{top: 15px; left: 70px; padding: 0px;}
		
		#social_links{padding: 0px 80px 75px 0px; background: url('images/divi_footer.png') no-repeat; margin-left: -5px;}

		#info_legal{font-size: 12px; line-height: 18px; padding: 0px 15px 0px 0px; margin: 0px;}

		#contacts .divi_c{padding: 10px 0px 0px 90px;}
		
		#contacts .indi{padding: 0px 0px 20px 0px;}

		/*NORMAL*/
		#wrapper_normal{width: 92%; margin: 0px 4% 0px 4%;}
			
	}	
	
	@media (max-width: 736px) and (orientation: portrait){
		#logo{width: 215px; float: none; margin: 0px 0px 0px 50px;}
		#enter{width: 215px; float: none; margin: 0px 0px 0px 50px; padding: 0px;}		
	}

	@media (max-width: 736px) and (orientation: landscape){
		#logo{float: left; margin: 0px 0px 0px 50px;}
		#enter{width: 50px; float: left; text-align: left; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 30px;}
	}

	@media (max-width: 480px){
		#contacts{width: 100%;}
			#contacts{width: 100%; margin: 0px;}

			#contacts .contact_gen{float: none; padding-left: 20px; font-size: 14px;}
								
				#contacts .divi_c{padding: 20px 0px 0px 20px;}

			#contacts .contact_shops{float: right; padding-right: 20px;}
			
			#contacts .close{float: right;}
	}



.comprami {
	position: absolute; 
	bottom: 40px;
	margin-left: auto;
	padding: 10px;
	background-color: #f03401;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	opacity: 0.7;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.comprami a { color: #fff; font-weight: bold; opacity: 1; }

.compraform { 	display: none; }
.compraform h2 { text-align: center; }
.compraform {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  height: auto;
}

@media(max-width: 736px){
	#img_oggetto{
		max-width: 200px;
		max-height: 100px;
		overflow: hidden;
		text-align: center;
		margin: 5px 0 5px 0;
		float: left;
	}
	#img_oggetto img{
		max-width: 500px;
		width: auto;
		max-height: 100px;
	}
	#descrizione_oggetto {
		margin-bottom: 15px;
		padding-bottom: 5px;
		text-align: center;
		float: right;
		max-width: 290px;
	}
	.compraform {
	  height: 550px;
	}
	.compraform iframe { height: 430px; overflow: none; width: 100%; }
}
@media(min-width: 736px){
	#img_oggetto{
		max-width: 500px;
		max-height: 300px;
		overflow: hidden;
		text-align: center;
		margin: 5px 0 5px 0;
	}
	#img_oggetto img{
		max-width: 500px;
		width: auto;
		max-height: 300px;
	}
	#descrizione_oggetto {
		border-bottom: 1px solid #000;
		margin-bottom: 15px;
		padding-bottom: 5px;
		text-align: center;
	}
	.compraform {
	  height: auto;
	}
	.compraform iframe { height: 330px; overflow: none; width: 100%; }
}