/* CSS Document */

/*general*/
body{margin:0 auto;padding:0;background-color:#301d5d; text-align:center;}
html{font-family:trebuchet MS, sans-serif; font-size:14px; font-weight: 500; }
h1{margin:0; padding:0;}
h2{margin:0; padding:0;font-size: 14px;}
h3{font-size:30px;color:#5e226c; margin:0;padding:0;}
h4{font-size:20px;color:#5e226c; margin:0;padding:0;}


a {text-decoration: none;color:#5e226c; }
a:visited{color:#42276a;text-decoration: none;}
img{border:0;}


/*wrapper - quello che solitamente chiamo layout*/
.wrapper{margin:0 auto;padding:0; width:960px; /*background-color:#60afe7;*/ background: url("../images/wrap_bkg.jpg") repeat-y top left;}

/*wrapper-->top*/
h1 a{display:block; background: url("../images/header.jpg") no-repeat top right;  float:right; width:554px;height:250px; margin-right:56px;}

.top{margin:0; padding:0; background-image: url("../images/top.jpg"); width:960px; height:250px;}
.top span{display:none;}


/*wrapper-->sidebar*/
.sidebar{float:left;margin:0; width: 180px; /*border:1px solid lime;*/text-align:left; position:relative;min-height:1100px;}
.sidebar ul{margin-top:25px; /*border:1px solid pink;*/}
.sidebar ul li{list-style-type:none;height:50px;line-height:50px;display:block;}
.sidebar ul li a{ display:block;height:100%; }
.sidebar span{visibility:hidden;}

a#home{height:50px; width:122px; display:block; background:url("../images/btn_home.jpg") no-repeat top left;}
a#libro{height:50px; width:122px; display:block; background:url("../images/btn_libro.jpg") no-repeat top left;}
a#autrice{height:50px; width:122px;display:block; background:url("../images/btn_autrice.jpg") no-repeat top left;}
a#gallery{height:50px; width:122px;display:block; background:url("../images/btn_gallery.jpg") no-repeat top left;}
a#video{height:50px;width:122px; display:block; background:url("../images/btn_video.jpg") no-repeat top left;}
a#commenti{height:50px; width:122px;display:block; background:url("../images/btn_commenti.jpg") no-repeat top left;}
a#interviste{height:50px; width:122px; display:block; background:url("../images/btn_interviste.jpg") no-repeat top left;}

a#home:hover {background:url("../images/btn_home.jpg") no-repeat bottom left;}
a#libro:hover {background:url("../images/btn_libro.jpg") no-repeat bottom left;}
a#autrice:hover {background:url("../images/btn_autrice.jpg") no-repeat bottom left;}
a#gallery:hover {background:url("../images/btn_gallery.jpg") no-repeat bottom left;}
a#video:hover {background:url("../images/btn_video.jpg") no-repeat bottom left;}
a#commenti:hover {background:url("../images/btn_commenti.jpg") no-repeat bottom left;}
a#interviste:hover {background:url("../images/btn_interviste.jpg") no-repeat bottom left;}

.download{/*border: 1px solid red;*/ padding-left: 30px; margin:100px 0 30px 0; background: url("../images/download_bkg.jpg") no-repeat top left;}
.mantris{margin-top:16px; margin-left:9px; }

/*wrapper-->content*/
/*.container{min-height:900px;}*/
.content{/*border:1px solid yellow;*/ margin-top: 100px; padding:0; width:510px; float: left;overflow:auto;}

  /*content index*/
.strillo{margin-bottom: 60px;}
.video_box{  clear:both; height:460px;margin-bottom:60px;}
.video{ /*border: 1px solid lime;*/width:489px; height: 490px; background:url("../images/videobox.jpg") no-repeat top left;  clear:both; margin-left:10px; position:relative;}
.video_box h2{/*border:1px solid red;*/ text-align:right;top: 450px; left:310px; position:absolute;}
.credo_box{/*border: 1px solid lime;*/ text-align:left; overflow:hidden; margin-bottom:60px;}
.credo{/*border:1px solid violet;*/ margin-left:40px;}
.credo_box a{float:right; font-size:18px; margin-top:12px;  }
.anteprima {background: url("../images/anteprima_bkg.gif") no-repeat top left;padding:55px 10px 10px 10px; margin-bottom:60px; margin-left:9px; float:left; width:475px;height:260px;}
.anteprima h2{margin-top: 12px; margin-right:35px; float:right; text-align:left;  }
.graph{float:left; width:310px;}
.graph_big{float:right;  margin-right: 40px;}
.images{ height:160px; }

  /*content libro*/
.scheda{width:490px; float:left;/*border: 1px solid red;*/ margin-left:20px; margin-top:100px;}
.scheda p{ text-align:left;color:#5e226c; /*font-weight:bolder;*/}
.titoli{margin-bottom:40px;}
.book-details{text-align:left;color:#5e226c;}
.bol a{display:block;  padding-top:10px; width:200px;height:30px;line-height:10px;background:url("../images/carrello.jpg") no-repeat top right;}

  /*content autrice*/
.foto_cindy{float: left; margin-left:30px; margin-right: 20px; margin-bottom:10px;}
.content p{text-align:left; margin-left:60px;/*border:1px solid lime;*/color:#5e226c;}
.content h3{text-align:left;}
  
  /*content credo*/
.rules{float:left;text-align:left; width:510px; margin-top:100px;margin-left:17px; /*border:1px solid red;*/ }
.block{/*border:1px solid violet;*/ margin-bottom:30px; /*height:70px;*/ width: 495px; overflow:hidden;}
.rules p{font-style:bold; font-size:20px; /*border:1px solid blue;*/ float:right; width:420px;margin:0;padding:0;}
.number{/*border:1 px solid red;margin-left:15px;*/ float:left; }
.final{margin-top: 70px; margin-bottom:100px;}
.final p{font-size: 38px;}

  /*content video*/
.video_youtube{margin-top:100px; margin-left:10px; float:left;width:489px; height: 430px;background: url("../images/video1.jpg") no-repeat top left;/* border:1px solid yellow;*/ position:relative;}
.video_youtube1{margin-top:100px; margin-left:10px; float:left;width:489px; height: 430px;background: url("../images/video2.jpg") no-repeat top left;/* border:1px solid yellow;*/ position:relative;}
.box{/*border:1px solid lime;*/ position:absolute; top:75px; left:27px;}
.pluto{/*border:1px solid red;*/ overflow:auto; width:510px; float:left; margin-bottom:100px;}

  /*content commenti*/
.content_large{/*border:1px solid lime;*/margin-top:0px; margin-left:5px;/*border:1px solid black;*/width:765px;overflow:auto; height:600px;float:left; background: url("../images/form_bkg_contatti.gif") no-repeat top left;}
div.item {overflow:auto;}
label{float:left; font-size:16px; font-weight:500; line-height:40px; display:block; width:50px;}
input,textarea, button{/*border:1px solid blue;*/ display:block; font-size:14px; border:0 solid black;}
textarea {width:376px;margin-left:3px;margin-top:3px;height:185px;}
input{width:200px; margin-top:8px; margin-left:3px;}
.bkg_button{margin-bottom:20px;background:url("../images/bkg_button.gif") no-repeat top left; width:210px;height:40px; float:left;}
.bkg_textarea {margin-bottom:20px;background:url("../images/bkg_textarea.gif") no-repeat top left; width:392px;height:203px; float:left;}
/*è il form*/.commenti{text-align:left; margin-top:100px; margin-left: 110px;  float:left; font-size:18px; width: 600px;height:auto;overflow:auto;}

dl.voter{ border:1px solid #5e226c;width:100px;height:17px;float:left; margin-top:-14px;cursor:pointer; clear:right;padding:0;background:url("../images/vote.gif") no-repeat -100px top;/*top:0;left:160px;*/}
dl.voter dt{float:left;width:18px;height:17px;}
.voted-0,.voted-1,.voted-2,.voted-3,.voted-4,.voted-5{float:left;width:100px;height:17px;margin:0;background-image:url("../images/vote.gif");background-repeat:no-repeat;}
.voted-0{background-position:-100px top;}
.voted-1{background-position:-80px top;}
.voted-2{background-position:-60px top;}
.voted-3{background-position:-40px top;}
.voted-4{background-position:-20px top;}
.voted-5{background-position:-0px top;}

  /*content gallery*/
.content_gallery{margin-top:0px; margin-right:4px;width:775px;overflow:auto;float:right; background: url("../images/bkg_content_gallery.jpg") repeat-y top left;}
.img_box{width:530px; height:547px;margin-top:100px; float:right; margin-right:128px; background: url("../images/img_box.gif") no-repeat top left;}
.img_box img{margin-top: 63px;}
.user_img{margin-bottom: 60px;}
.user_img p{text-align:right; margin-right:150px;}

.content_large2{margin-top:0px; margin-left:2px;width:775px;overflow:auto;float:right; background: url("../images/form_bkg_contatti.gif") no-repeat top left;}
.content_large2 label{color:black;}
.commenti{margin-top:180px;}

.comm_box{/*background-color:#5e226c;*/ width:690px; overflow:hidden;float:left; margin-left:35px;}
.comment_user{/*background-color:#5e226c;*/ width:650px;padding: 60px 20px  20px;  overflow:auto;text-align:left;float:left; color:black;}


.content_gallery p{float:left;  float:right; margin-top:20px;}

.comm_box_g{ width:690px; text-align:left;float:left; margin-left:35px;margin-bottom:0px;overflow:auto;}
.comment_user_g { width:650px;padding: 60px 20px  20px;  overflow:auto;text-align:left;float:left; color:black;}
.comment_user_g p{font-weight:600; display:block; width:400px;}



.viola{height:100px;width:690px;float:right;margin-right:50px;background-color:#5e226c;}
.viola_c{height:100px;width:690px;float:right;margin-right:50px;background-color:#5e226c;}

/*wrapper-->sidebar_dx*/
.sidebar_dx{float: right; width:250px;clear:right; padding-top: 100px;}
.sidebar_dx p{margin:0 30px 50px 0; text-align:right;}
.estratti{margin-top:40px;}
.titoletti{margin-bottom:30px;}



/*wrapper-->footer*/

.footer{position:relative;background-color:#5e226c; clear:both; height: 35px; text-align:center;font-size:12px; font-family: trebuchet ms, sans-serif;color: white; }
.footer p{padding-top:10px;}
.footer img{position:absolute; left:25px;bottom:35px;}
.footer a{color:#fff; text-decoration:underline;}


/*NAVIGAZIONE PRECEDENTE-SUCCESSIVO ALL'ESTERNO DEL BOX AZZURRO*/
.navigation{clear:both;height:65px;border-top:1px solid #82b7d3;margin:25px 0 15px;padding-top:10px;text-transform:uppercase;}
.navigation a{color:#fff;float:left;margin:0 3px 0 0;padding:0 0 0 20px;text-decoration:none;height:24px;line-height:24px;cursor:pointer;background-repeat:no-repeat;background-position:left top;}
.navigation a span{float:left;display:block;padding:0 21px 0 0;background-repeat:no-repeat;background-position:right top;}
.navigation a:hover{color:#000;}
.navigation a:hover{background-position:left bottom;}
.navigation a:hover span{background-position:right bottom;}
.navigation .prev{margin:0;padding:0;float:left;}
.navigation .prev a,.navigation .next a{background-image:url("../images/navleft.png");}
.navigation .prev a span,.navigation .next a span{background-image:url("../images/navright.png");}
.navigation .next{margin:0;padding:0;float:right;}