/*
Theme Name: Giulio Rasini
Version: 2.0
Author: Raffaele Rasini
*/

* {margin: 0; padding: 0;}

body {
	font-family:  "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	text-align: center;
	background: #1B212D url(img/body-bg.jpg) no-repeat top center;
	color: #454a53;}

body.home {background-image: url(img/body-bg-home.jpg);}

input, textarea {font-family:  "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;; font-size: 12px; color: #3E4F69;}

p {margin-bottom: 10px; }

a {color: #008FBE; text-decoration: none;}
a:hover {color: #006789; text-decoration: underline;}

a:focus, button:focus, input:focus {-moz-outline: none; outline: none;}
button::-moz-focus-inner { border: 0; }

hr {display: none;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

#wrapper {width: 980px;	text-align: left; margin: 0 auto;}

h1, h2, h3, h4 {font-family: Georgia, serif; }
h3 {color: #3d7417; font-size: 1.6em; font-weight: normal; margin-bottom: 10px; }
h4 {color: #656C79; font-size: 1.3em; font-weight: normal; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #C1C5D1;}
.page-int h4 {color: #3D7417;}

.static p:first-child {font-size: 1.3em}
.static p:first-child:first-letter {font-size: 2em; float: left; display: block; padding: 9px; background: #F3F3F3; margin-right: 5px }


#browsercheck_warning {line-height: 1.5em; text-align: left;}
#browsercheck_description, #browsercheck_recomendation label {color: #765200 !important;}

/* Header 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header {padding: 30px 0;}

#header h1 a {background: url(img/logo.gif) no-repeat top left; width: 223px;	height: 45px; display: block; border: 0;}
#header h1 a span  {position: absolute; top: -9999px; left:-9999px;}

/* Menu 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header .menu {list-style: none; float: right; margin: -26px 8px 0 0;}
#header .menu li {float: left; margin-left: 40px; }
#header .menu li.first {background: none; padding-left: 0;}
#header .menu li a {color: #acb3c1;	padding: 2px 0 2px 0; text-decoration: none; display: block; font-size: 1.15em;}
#header .menu li a:hover {color: #fff; }
#header .menu li.current_page_item a {color: #fff;}


div#qtranslate-4 {float: right; margin:-20px 0 0; background: url(img/bianco07.png) repeat; margin:-29px 0 0; padding:3px 8px; -moz-border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px; }
div#qtranslate-4 h4 {margin: 0; padding: 0; display: inline; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans serif; font-size: 1em; font-weight: bold; border: 0; color: #80848B;}
div#qtranslate-4 ul {display: inline;}
div#qtranslate-4 ul li {display: inline; margin-left: 10px; list-style: none;}
div#qtranslate-4 ul li a {color: #b2ecff; }
div#qtranslate-4 ul li.active a {color: #fff}

/* Main 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Homepage
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#content {background: #fff /* url(img/main-bg.gif) repeat-x bottom*/; }
.page {padding: 0 20px 20px 20px;}
.page-int {width: 700px; float: left; margin: 0 0 20px 20px;}
.page-int ul {margin: 0 0 10px 30px;}

/* Testata */
.testata {padding: 0 25px; background: url(img/header-home.jpg) bottom left; margin-bottom: 25px; height: 180px;}
.testata h2 {color: #a4332d; width: 300px; float: left; font-weight: lighter; line-height: 3em; margin-top: 34px;}
.testata h2 .osservare {font-size: 3.70em;}
.testata h2 .per {font-size: 2.83em; padding:0 10px 0 30px;}
.testata h2 .amare {font-size: 3.26em; }
.testata h2 .title {font-size: 2.8em;}

	.ie .testata h2 {line-height: 2em; margin-top: 34px;}
	.ie .testata h2 .osservare {font-size: 2.70em;}
	.ie .testata h2 .per {font-size: 2.2em; line-height: 1.3em;}
	.ie .testata h2 .amare {font-size: 2.26em; }
	.ie .testata h2 .title {font-size: 1.8em;}

.testata p {color: #41580d; width: 590px; font-size: 1.2em; display: block; float: right; font-family: Georgia, serif; line-height: 1.8em; margin-top: 55px;}

/* Testata pagine interne */
.testata-int {padding: 0 25px; background: url(img/head-bg.gif) repeat-x bottom left; margin-bottom: 20px; height: 110px; line-height: 110px}
.testata-int h2 { font-weight: lighter; font-size: 3.4em;}

.testata-int#galleria-title {background: url(img/head_galleria-bg.jpg) repeat-x bottom left;}
.testata-int#galleria-title h2 {color: #A4573E;}

.testata-int#filosofia-title {background: url(img/head_filosofia-bg.jpg) repeat-x bottom left;}
.testata-int#filosofia-title h2 {color: #675597;}

.testata-int#ecophoto-title {background: url(img/head_ecophoto-bg.jpg) repeat-x bottom left;}
.testata-int#ecophoto-title h2 {color: #44871c;}

.testata-int#contattami-title {background: url(img/head_contattami-bg.jpg) repeat-x bottom left;}
.testata-int#contattami-title h2 {color: #8c8d42;}

.testata-int#negozio-title {background: url(img/head_negozio-2-bg.jpg) repeat-x bottom left;}
.testata-int#negozio-title h2 {color: #828e00;}

.testata-int#fleur-title {background: url(img/head_fleur-bg.jpg) repeat-x bottom left;}
.testata-int#fleur-title h2 {color: #a7345e;}
	
.testata-int#vinraisin-title {background: url(img/head_vinraisin-bg.jpg) repeat-x bottom left;}
.testata-int#vinraisin-title h2 {color: #a42a2a;}
	
.testata-int#naturalia-title {background: url(img/head_naturalia-bg.jpg) repeat-x bottom left;}
.testata-int#naturalia-title h2 {color: #597900;}
	
.testata-int#aqua-title {background: url(img/head_aqua-bg.jpg) repeat-x bottom left;}
.testata-int#aqua-title h2 {color: #532c53;}
	
.testata-int#crotaveja-title {background: url(img/head_crotaveja-bg.jpg) repeat-x bottom left;}
.testata-int#crotaveja-title h2 {color: #68542e;}
	
.testata-int#paesaggi-title {background: url(img/head_paesaggi-bg.jpg) repeat-x bottom left;}
.testata-int#paesaggi-title h2 {color: #6d6938;}
					
/* Chi sono */
.chisono {width: 400px; padding-right: 20px; float: right; margin-bottom: 20px;}
.chisono img {float: right; margin: 0 0 10px 10px;}

/* Gallerie*/
.gallerie {width: 520px; float: left; padding-left: 20px; margin-bottom: 25px;}
	.ie6 .gallerie {margin-left: 10px; padding-left: 0;}
.gallerie div { position: relative;}
	
.gallerie .kwicks li {width: 510px;height: 87px; margin-bottom: 3px; display: block; position: relative; /*-moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; */}  
.gallerie .kwicks li a {width: 100%; height: 100%; position: absolute; color: #fff;}
	.ie6 .gallerie .kwicks li a {  bottom: 0;}
.gallerie .kwicks li a span {display: block; width: 500px; background:url(img/gallery-title.png) repeat-y left; position: absolute; bottom: 0; padding: 5px 0 5px 10px;} 
		.ie6 .gallerie .kwicks li a span {padding: 2px 0 2px 10px;}
		
 #kwick1 {background: url(img/gallery-bg-fleur.jpg) no-repeat top left;}  
 #kwick2 {background: url(img/gallery-bg-vinraisin.jpg) no-repeat top left;}  
 #kwick3 {background: url(img/gallery-bg-naturalia.jpg) no-repeat top left;} 
 #kwick4 {background: url(img/gallery-bg-aqua.jpg) no-repeat top left;} 
 #kwick5 {background: url(img/gallery-bg-crotaveja.jpg) no-repeat top left;}
 #kwick6 {background: url(img/gallery-bg-paesaggi.jpg) no-repeat top left;}

/* lista galleriaq in home */
.gallery-list {position: relative; list-style: none;}
.gallery-list li {width: 460px;height: 150px; float: left; margin-bottom: 20px;  display: block; position: relative; }
.gallery-list li  a {width: 100%; height: 100%; position: absolute; color: #fff;}
.gallery-list li  a span {display: block; width: 450px; background:url(img/gallery-title.png) repeat-y left; position: absolute; bottom: 0; padding: 5px 0 5px 10px;} 
.gallery-list li#kwick1, .gallery-list li#kwick3, .gallery-list li#kwick5 {margin-right: 20px;}

/* Quote */
.quote {padding: 10px 10px 30px; color: #BB4F49; font-size: 1.4em; font-family: Georgia, serif; font-style: italic; /*margin-bottom: 20px;*/}
	.ie .quote  {padding-top: 0;}
.quote blockquote {width: 880px;}
	.ie .quote blockquote {width: 800px;}
.quote blockquote cite {display: block; font-family: "Lucida Grande", Verdana, sans serif; font-size: 12px; font-style: normal; color: #454a53;}
.quote .qm-l, .quote .qm-r {font-size: 0.1em; display: block; line-height: 1em; width: 42px; height: 31px; color: #fff;}
.quote .qm-l {float: left;  margin: 0 20px 20px 10px; background: url(img/vir-l.gif) no-repeat top left;}
.quote .qm-r {float: right;  margin: -35px 20px 0 0;  background: url(img/vir-r.gif) no-repeat top left;} 

/* Slide Galleria*/
.ui-tabs .ui-tabs-panel {display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.navigation {padding: 10px 0; text-align: center; margin: 0 !important;}
.navigation li {display: inline; margin-right: 10px;}
.navigation a {font-weight: normal; padding: 5px 7px;}
.navigation a:hover {background: #F6F6F6;}
.navigation .ui-tabs-selected a {font-weight: normal; color: #939BA3; text-decoration: none; padding: 5px 7px; background: #F6F6F6; border: 1px solid #ddd;}
.navigation a:focus {outline: none;}

.hide {display: none;}


/* Filosofia */


	
/* Galleria  
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* anteprima aimmagine*/
.gallery {margin: 0 !important; padding: 10px 0 0 0;}
.gallery li {list-style: none; /*position: relative; */ width: 95px; height: 95px; display: block; float: left; z-index: 10; margin: 0 5px 5px 0}
.gallery li a { border: 4px solid #EEEED7;float: left; margin: 0 5px 5px 0;	 -moz-border-radius: 3px;}
.gallery li a img {padding: 1px; border: 1px solid #EEEEEE; width: 83px; height: 83px; background: #fff;}
.gallery li a:hover, .gallery li a.hover {border: 4px solid #D9D9C0;}

/* pulsante aggiungi */
.gallery li a.foxycart {display:none; float:right; margin:-32px 0 0 0; }
.gallery li:hover a.foxycart {display: none; width: 27px; height: 27px; background: url(img/addtocart-btn2.png) no-repeat 0 0; border: 0; padding: 0; position: relative; z-index: 10;}
.gallery li:hover a.foxycart:hover {background-position: -30px 0;}
.gallery li:hover a.foxycart:active {background-position: -60px 0;}
.gallery li:hover a.foxycart span {display: none;} 

/* pannello titolo e costo */
.gallery li .info {display: none; background: url(img/nero40.png) repeat 0 0; position: relative; z-index: 5; height:78px; width:78px; margin:-94px 6px 6px 6px; float: left; color: #fff; padding: 5px 0 0 5px; line-height:1.4em;}
.gallery li .info strong {display: block;}
.gallery li .info em {font-size: 0.9em; font-style: normal;}


.help_galleria {padding-top: 20px; border-top: 3px solid #F0F0F0; margin-top: 20px; color: #758b8b; line-height: 17px;}
	.ie .help_galleria {padding-top: 10px;}
.help_galleria h5 {color: #656c79; font-size: 12px; margin: 5px 0 0 0; }
.help_galleria div {width: 265px; padding: 0 10px 0 75px; float: left; height: 70px;}
.help_galleria div.howto-open_image {background: url(img/gallery_help.gif) no-repeat 0 0;}
.help_galleria div.howto-buy_image {background: url(img/gallery_help.gif) no-repeat 0 -80px;}


#fc_minicart {background: url('img/bianco60.png') repeat; float:right; margin:-20px 0 0; padding:5px 10px; position: relative; bottom:-90px; right: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  display: none; color: #666}
	.ie #fc_minicart {right: -570px;}
#fc_minicart a { font-weight: bold;}


/* Contattami 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.testo {float: left; width: 220px; margin-right: 20px;}

.hcard {float:left; width: 240px;}
.hcard h3 {background: url('img/hcard.gif') no-repeat right center ;}

.form-contatto {float:left; width: 415px; display: block; margin-right: 20px;}

#wpcf_your_name, #wpcf_email, #wpcf_subject, #wpcf_msg, #wpcf_website  {
	margin-bottom: 10px; padding:5px; width:400px;
	border-width: 1px; border-style: solid; border-color: #C9CFD3 #ACB5BC #ACB5BC #C9CFD3; 
	background: #FAFBFC url(img/input-bg.gif) repeat-x bottom; }

.form-contatto .carbonlabel {padding: 10px 0 0 20px; display: block;}
.form-contatto .carbon {top: -33px;	position: relative;}
.form-contatto label {color: #777;}

.form-contatto p.submit {text-align: right;}
/*.form-contatto button {border: 0; width: 96px; padding: 0; background: transparent;}*/

/* Sidebar
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sidebar {float: right; width: 200px; padding: 30px 20px 0; height: 440px; margin: -20px 0 0 0; background: url(img/sidebar_bg.gif) no-repeat top left; }
.sidebar .block {margin-bottom: 15px; }
.sidebar .block ul {list-style: none;}
.sidebar .block h4 {margin-bottom: 10px;}

.sidebar .nav_sidebar {margin-left: -20px; margin-bottom: 30px;}
.sidebar .nav_sidebar li {padding-left: 20px; height: 30px; line-height: 30px;}
.sidebar .nav_sidebar .current_page_item {background: url(img/gallery_nav-bg.gif) no-repeat bottom right; height: 36px; line-height: 36px;}
.sidebar .nav_sidebar .current_page_item a {color: #454A53; font-weight: bold;}
.sidebar .nav_sidebar .current_page_item a:hover {text-decoration: none;}


/* Blocco Negozio 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.negozio {padding: 20px; background: #E6E9EC url('img/blocco-negozio.gif') repeat-x top; height: 138px; overflow: hidden;}
.negozio .block-title {width: 180px; float: left;}
.negozio .block-title h3 {text-transform: uppercase; font-weight: bold; font-family: Arial, "Lucida Grande", sans-serif; font-size: 1.4em; color: #577491; margin: 0;}
.negozio .block-title p {color: #939ba3; width: 150px;}
.negozio .block-text {float: left; width: 584px;}
	.ie6 .negozio .block-text {width: 660px;}
.negozio .vai {display: block; width: 125px; height: 125px; float: right; background: url('img/negozio-ico.png') no-repeat center center; margin: 0 -37px 0 0; position: relative; bottom: -47px;}
	.ie6 .negozio .vai {margin:  0 0 0 0; display: none;}
.negozio .vai span {display: none;}

.negozio .vai_text {padding: 6px 10px; background:#92C90C url(img/shop-link.gif) repeat-x top; border: 1px solid #92C90C; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; /*border: 1px solid #92C90C;*/ }
.negozio .vai_text:hover {text-decoration: none; background-position: 0 -40px; background-color: #95C025;}
.negozio .vai_text:active {background-position: 0 -80px; background-color: #A8CE18; }
.negozio .vai_text small {position: relative; top: -1px; color: #E8F3CE;}

#slideshow {position:relative; height:170px; float: left; margin-top: -19px;}
#slideshow a {color:transparent;}
#slideshow img {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow img.active {z-index:10; opacity:1.0;}
#slideshow img.last-active {z-index:9;}


.form-contatto button {/* Invia messaggio - contact form */
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    cursor: pointer;  padding: 0 5px; height: 27px;
    border: 1px solid #C9CFD3; background: #d9e3ec url(img/submit-bg-2.gif) repeat-x 0 0; color: #5989A9;
    display: block; float: right; text-decoration: none;  line-height: 26px; height: 26px !important; }
.form-contatto button:hover {background-position: 0 -40px; border-color: #ACB5BC; color: #3A6989; }

/* Footer 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {padding: 20px; color: #C6CDDA; font-size: 0.9em; text-align: center; background: url(img/footer-bg.gif) repeat-x top;}
/*	.ie6 #footer {margin: 20px 0 0 0;}*/
#footer span {display: block;}
#footer ul li {display: inline; list-style: none; margin-right: 10px; border-right: 1px solid #434C5C; padding-right: 10px;}
#footer ul li:last-child {border: 0;}
#footer a {color: #C6CDDA; text-decoration: underline;}
#footer a:hover {text-decoration: none; color: #fff;}