@import url("https://fonts.googleapis.com/css?family=Ubuntu");

/* CSS scritto da Danny Design per Toni Di Rossi / Home Page tonidirossi.it */


* {font-family:'Ubuntu', Arial, Verdana, Tahoma, Helvetica, sans-serif;}


body {background:#333333 url(images/sfondo-pagina.jpg) no-repeat fixed;
		background-size: 100% 100%; margin:0; padding:0;}

img {border:none;}

div {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, .titolo-pagina {margin:0 0 10px 0; padding:0;}

h1, .titolo-pagina {font-weight:normal; font-size:28px; letter-spacing:-1px;}

h2 {font-weight:normal; font-size:24px; letter-spacing:-1px;}

h3 {font-size:15px;}

 
a {color:#999999; text-decoration:none;}
a:hover {color:#000000;}


hr {height:1px; border:0px; color:#CCCCCC; background-color:#CCCCCC; margin:20px 0;}



/* TESTATA *********************************************************************** */

#header {width:100%; height:250px; background:#000000;}

#header-interno {position:relative; width:950px; height:220px; margin:0 auto;
		background:#000000 url(images/logo-header.png) no-repeat;}
		
#testo-header {width:745px; padding:90px 0 0 205px; color:#CCCCCC;
		font-size:15px;}
		
		
		
		
a.pulsante-info {position:absolute; top:20px; right:80px; z-index:10;
		display:block; background:url(images/pulsante-info.png) center center no-repeat;
		width:70px; height:70px; border-radius:50px; opacity:0.6;
		transition: opacity 0.3s; -webkit-transition: opacity 0.3s; /* Safari */}
		
		
a.pulsante-mail {position:absolute; top:20px; right:0; z-index:10;
		display:block; background:url(images/pulsante-mail.png) center center no-repeat;
		width:70px; height:70px; border-radius:50px; opacity:0.6;
		transition: opacity 0.3s; -webkit-transition: opacity 0.3s; /* Safari */}
		
		
a.pulsante-info:hover, a.pulsante-mail:hover {opacity:1;}


div.fumetto {position:absolute; top:94px; right:0; width:220px; padding:30px 10px 16px 10px;
		color:#FFFFFF; background:url(images/sfondo-fumetto.png) top center no-repeat;
		font-size:13px; text-align:center; display:none;}

#fumetto-info {right:80px;}



/* CORPO PRINCIPALE ************************************************************** */

#corpo {width:580px; padding:30px; min-height:100px; margin:-110px auto 50px auto;
		text-align:center;}
		
div.riquadro {float:left; position:relative; width:220px; height:210px; padding:20px 15px;
		margin:20px; background:#FFFFFF; font-size:13px;}
		

div.riquadro a.maschera {position:absolute; top:0; left:0; z-index:100; display:block;
		color:#FFFFFF; letter-spacing:-1px; width:250px; height:230px; font-size:24px; padding-top:20px;
		transition: opacity 0.5s; -webkit-transition: opacity 0.5s; /* Safari */ }
		
		
div.riquadro a.maschera:hover {opacity:0.20;}



div.riquadro a.maschera.viaggi {background:url(images/riquadro-viaggi.jpg) center center no-repeat;}

div.riquadro a.maschera.carte {background:url(images/riquadro-carte.jpg) center center no-repeat;}

div.riquadro a.maschera.community {background:url(images/riquadro-community.jpg) center center no-repeat;}

div.riquadro a.maschera.jazz {background:url(images/riquadro-jazz.jpg) center center no-repeat;}



div.riquadro div.pulsanteVai {position:absolute; bottom:20px; left:50%; margin-left:-35px; z-index:10;
		display:block; background:#000000; color:#FFFFFF; width:70px; height:47px; font-size:16px;
		font-weight:bold; padding-top:23px; border-radius:50px;}
		
		


/* VARIE E GENERICHE *********************************************************************** */

.corpo6 {font-size:6px;}
.corpo7 {font-size:7px;}
.corpo8 {font-size:8px;}
.corpo9 {font-size:9px;}
.corpo10 {font-size:10px;}
.corpo11 {font-size:11px;}
.corpo12 {font-size:12px;}
.corpo13 {font-size:13px;}
.corpo14 {font-size:14px;}
.corpo15 {font-size:15px;}
.corpo16 {font-size:16px;}
.corpo17 {font-size:17px;}
.corpo18 {font-size:18px;}
.corpo19 {font-size:19px;}
.corpo20 {font-size:20px;}
.corpo21 {font-size:21px;}
.corpo22 {font-size:22px;}
.corpo23 {font-size:23px;}
.corpo24 {font-size:24px; letter-spacing:-1px;}
.corpo25 {font-size:25px;}
.corpo26 {font-size:26px;}
.corpo27 {font-size:27px;}
.corpo28 {font-size:28px;}
.corpo29 {font-size:29px;}
.corpo30 {font-size:30px;}
.corpo31 {font-size:31px;}
.corpo32 {font-size:32px;}
.corpo33 {font-size:33px;}
.corpo34 {font-size:34px;}
.corpo35 {font-size:35px;}
.corpo36 {font-size:36px;}
.corpo37 {font-size:37px;}
.corpo38 {font-size:38px;}
.corpo39 {font-size:39px;}
.corpo40 {font-size:40px;}
.corpo41 {font-size:41px;}
.corpo42 {font-size:42px;}
.corpo43 {font-size:43px;}
.corpo44 {font-size:44px;}
.corpo45 {font-size:45px;}
.corpo46 {font-size:46px;}
.corpo47 {font-size:47px;}
.corpo48 {font-size:48px;}
.corpo49 {font-size:49px;}
.corpo50 {font-size:50px;}

.altezza5 {height:5px;}
.altezza10 {height:10px;}
.altezza15 {height:15px;}
.altezza20 {height:20px;}
.altezza30 {height:30px;}
.altezza40 {height:40px;}
.altezza50 {height:50px;}
.altezza60 {height:60px;}
.altezza70 {height:70px;}
.altezza80 {height:80px;}
.altezza90 {height:90px;}
.altezza100 {height:100px;}


.right3 {margin-right:3px;}
.right5 {margin-right:5px;}
.right10 {margin-right:10px;}
.right15 {margin-right:15px;}
.right20 {margin-right:20px;}


.larghezza100 {width:100px;}
.larghezza150 {width:150px;}
.larghezza200 {width:200px;}
.larghezza250 {width:250px;}
.larghezza300 {width:300px;}
.larghezza350 {width:350px;}
.larghezza400 {width:400px;}
.larghezza450 {width:450px;}
.larghezza500 {width:500px;}


.grassetto {font-weight:bold;}

.italic {font-style:italic;}

.nero {color:#000000;}
.grigio {color:#999999;}
.rosso {color:red;}
.verde {color:green;}
.arancio {color:orange;}
.silver {color:silver;}
.blu {color:#000099;}
.azzurro {color:#0099FF;}
.bianco {color:#FFFFFF;}

.floatSx {float:left !important;}
.floatDx {float:right !important;}

.allineaCentro {text-align:center;}

.clearfix, .clearBoth {clear:both;}

.noWrap {white-space:nowrap;}

.nascosto {display:none;}

.tuttaLarghezza {width:100%;}

.positionAbsolute {position:absolute;}

.positionRelative {position:relative;}

.cursorPointer {cursor:pointer;}



.roundedSmall
{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.roundedMedium
{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.roundedLarge
{-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}


/* FINE CSS ******************************************************************************* */