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

html, body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	background-image: url(images/paesaggio-babbo-natale.jpg);
	background-repeat: repeat-x;
	width: 100%;  
    height: 100%;
	/*overflow: hidden;*/
	
}
  
#sfondo{  
  position:absolute;  
  height:100%;  
  width: 100%;  
  margin: 0;  
  padding: 0;  
   }  

#container {
	width: 980px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}	

#header {
	background-color: #000;
	/*background-repeat:repeat-x;*/
	padding: 0px;
	margin: 38px 0px 0px 0px;
}

#logosection { float: left; height: 110px; }

#menu {
	color: #000;
	font: bold 12px "Comic Sans MS", cursive;
	margin: 0px;
	padding: 0px;
	top: 149px;
}
#menu a { 
	text-decoration: none;	
	color: #FFF;
}
#menu a:hover {
	text-decoration: none;
	color: #F00;
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu li {
	float: left;
	padding: 14px 14px;
	margin: 0px;
	text-transform: uppercase;
	background-image: url(images/nav-bar.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#menu-footer {
	color:#000;
	font: bold 12px "Comic Sans MS", cursive;
	margin: 0px;
	padding: 0px;
	top: 149px;
}
#menu-footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu-footer a { 
	text-decoration: none;	
	color: #990000;
}
#menu-footer a:hover {
	text-decoration: none;
	color: #000033;
}
#menu-footer li {
	float: left;
	padding: 14px 14px;
	margin: 0px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: right;
	border-right: 1px solid #D86568;
	border-bottom: 1px solid #D86568;
}
#menu-footer li.babbo {
	border-left: 1px solid #D86568;
}
#bannersection {
	min-height: 153px;
	background-image: url(images/backgroundbanner.jpg);
	background-repeat:no-repeat;
}

#containercontent  {
	min-height: 300px;
	margin: 20px 0px;
	padding: 0px;
	background-image: url(images/background-content.jpg);
	background-repeat: no-repeat;
}

#breadcrumb {
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font: normal 10px  "Comic Sans MS", cursive;
	text-transform: uppercase;
}
#breadcrumb ul {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#breadcrumb li {
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 10px 30px 13px 10px;
	background-image: url(images/breadcrumbdivide.jpg);
	background-repeat: no-repeat;
	background-position: right 1px;
	text-align: center;
}
#breadcrumb li a {
	color: #000;
	text-decoration: none;
	font: bold;
}
#breadcrumb li a:hover {color: #FFF;}

#maincontent {
	margin: 13px 0px;
	padding: 0px;
	width:660px;
	float: left;

}
#maincontent-cartoline {
	margin: 13px 0px;
	padding: 0px;
	width:980px;
	float: left;

}
.content {
	background: url(images/background-maincontent.gif) no-repeat;
	margin: 0px 0px;
	padding: 0px;
	font-family: "Comic Sans MS", cursive;
	text-align: left;
}
.contentbutton {clear: both;  text-align: right; margin: 25px 26px 0px; min-height: 57px; padding-top: 4px;}

.contentbutton a {
	text-align: right;
	padding: 10px 10px 30px;
	margin: 28px;
	font: bold 16px "Comic Sans MS", cursive;
	color: #C00;
	text-decoration: none;
}
.contentbutton a:hover {
	text-transform:none;
	text-decoration:noce;
	color: #000;
}
.content2 {
	background-repeat:no-repeat;
	background-position:center;
	
	margin: 0px 0px;
	padding: 0px;
	font-family: "Comic Sans MS", cursive;
	text-align: center;
}
.content2 a:link {
	color: #C00;
	text-decoration: none;
}
.content2 a:visited {
	color: #C00;
	text-decoration: none;
}
.content2 a:hover {
	color: #000;
	text-decoration: none;
}
.content3 {
	padding: 0px;
	font-family: "Comic Sans MS", cursive;
	text-align: center;
}
.content3 a:link {
	text-decoration: none;
	color: #000;
}

.content3 a:visited {
	text-decoration: none;
	color: #000;
}
.content3 a:hover {
	text-decoration: none;
	color: #C00;
	text-decoration:underline;
}
.content3 a:active {
	text-decoration: none;
	text-align: center;
	font-size: 14px;
}

body,td,th {
	color: #000;
}
.content2 a:active {
	text-decoration: none;
	font-size: 20px;
}
#rightcontent {
	margin: 16px 0px;
	padding: 0px 0px 20px 0px;
	float: right;
	width: 320px;
}
#rightcontent2 {
	margin: 686px 0px;
	padding: 0px 0px 20px 0px;
	float: right;
	width: 320px;
}
#footer {
	background: url(images/background-footer.jpg) repeat-x top;
	margin: 0px;
	padding: 0px;
	min-height:150px;	
}
#footercontent {
	margin: 0px auto;
	padding: 20px 0px 5px 0px;
	width: 980px;
}
#footer-banner {
	margin:-70px 0px 0px 850px;
	padding:0px 0px 0px 0px;
}
.rightcontent-box {
	background: url(images/background-rightsidecontent.gif) no-repeat left top;
	margin: 0px 15x 0px 0px;
	padding: 0px;
}
.rightcontent-box-adsense {
	padding: 0px 0px 0px -10px;
}
.rightcontent-box-video {
	margin: 0px 0x 0px 0px;
	padding: 15px 0px 0px 25px;
}
.rightcontent-box h2 {
	font: bold 14px "Comic Sans MS", cursive;
	color: #000;
	padding: 16px 24px 5px 0px;
	border-bottom: 4px solid  #C00;
	margin: 0px 18px;
}
.rightcontent-box ul { margin: 14px 18px 0px; padding:0px;}
.rightcontent-box li {
	list-style: none;
	background: url(images/article-bottomline.gif) repeat-x bottom;
	padding: 12px 0px 12px 18px;
	line-height: 18px;
		
}
.rightcontent-box strong {
	background: url(images/bullet-orange2.gif) no-repeat left;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 2px -18px;
	color: #3399cc;
	font: bold 12px "Comic Sans MS", cursive;
	display: block; 
}
.rightcontent-box strong a {
	color: #3399cc;
	font: bold 12px "Comic Sans MS", cursive;
	text-decoration: underline;
}
.rightcontent-box strong a:hover {
	color: #449109;
}	
.rightcontent-boxbottom {
	background: url(images/background-rightsidecontentbottom.gif) no-repeat bottom;
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}	

.content h1 {
	font: bold 28px "Comic Sans MS", cursive;
	color: #000;
	padding: 0px 26px 5px 0px;
	border-bottom: 4px solid #C00;
	margin: 0px 30px 0px 30px;
	font-family: "Comic Sans MS", cursive;
	text-align: left;
}
.content h2 {
	font: bold 14px "Comic Sans MS", cursive;
	color: #F00;
	padding: 16px 20px 5px 0px;
	margin: 0px 30px 0px 30px;
	border-bottom: 4px solid  #C00;
}
.content h3 {
	color: #F00;
	font: bold 18px "Comic Sans MS", cursive;
	margin: 8px 15px 8px 28px;
	padding: 0px;
	font-family: "Comic Sans MS", cursive;
}
.content p {
	color: #000;
	font: bold 14px "Comic Sans MS", cursive;
	margin: 8px 15px 8px 28px;
	padding: 0px;
}
.content-song p {
	color: #000;
	font: bold 14px "Comic Sans MS", cursive;
	margin: 8px 15px 8px 28px;
	padding: 0px;
	text-align: center;
}
.content-song h1 {
	font: bold 28px "Comic Sans MS", cursive;
	color: #000;
	padding: 16px 26px 5px 0px;
	border-bottom: 4px solid #C00;
	margin: 26px;
	font-family: "Comic Sans MS", cursive;
	text-align: center;
}

#container #containercontent #maincontent .content h3 {
	font-family: "Comic Sans MS", cursive;
}
#container #containercontent #maincontent .content h3 #subscribe table tr td p strong {
	color: #F00;
}
#container #containercontent #maincontent .content h3 #subscribe table tr td p strong {
	color: #006;
}
#container #containercontent #maincontent .content h3 #subscribe table tr td strong {
	color: #006;
	font-family: "Comic Sans MS", cursive;
}
#container #containercontent #maincontent .content h3 #subscribe table tr td {
	color: #006;
}

#containercontent-bottom  {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	min-height: 39px;
	min-width: 980px;
    background-image: url(images/background-content-bottom.jpg);
	background-repeat: no-repeat;
}

#container #containercontent #maincontent .content .content {
	text-align: center;
}
#videosearch {
  width : 400px;
  margin : 20px 0px 0px 30px;
  padding : 4px;
  border : 1px solid #f9f9f9;
}
.titlec {
  font-size: small;
  max-width: 130px;
  overflow: hidden;

}
ul.videos li {
  float: left;
  list-style: none;
  width: 10em;
  margin-bottom: 1em;
  
}
ul.videos
{
  margin-bottom: 1em;
  padding-left : 0em;
  margin-left: 0em;
  list-style: none;
}
#playerContainer {
  text-align:center; overflow: hidden;
  }
 #videos2 {
 width:100%;

 }
 #videos2 li {
  float: left;
  list-style: none;
  width: 130px;
  height: 97px;
  padding: 4px;
  margin: 4px;
  border: 1px solid #CCC;
}
 #videos2 ul
{
  margin-bottom: 1em;
  padding-left : 0em;
  margin-left: 0em;
  list-style: none;
}

/* Spazio Cartoline*/

a { // personalizza i link 
   	color: #000000;
}

.testo { // personalizza i testi della pagina delle cartoline 
	color: #000;
	font: bold 12px "Comic Sans MS", cursive;
	margin: 8px 15px 8px 8px;
	padding: 0px 0px 1px 5px;
}
#cho { // personalizza i testi della pagina delle cartoline 
	color: #C00;
	font: bold 12px "Comic Sans MS", cursive;
	text-align:center;
	text-transform:uppercase;
	margin-top:6px;
	
}
.ptesto2 { // personalizza i testi della pagina delle cartoline 
	color: #000;
	font: bold 12px "Comic Sans MS", cursive;
	text-align:center;
	text-transform:uppercase;
	
}


.testo_cartolina { // personalizza i testi della cartolina 
	color: #000000;
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	font-style:italic;
}

.firma { // personalizza la firma nella cartolina 
	color: #000000;
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	font-style: italic;
}

.button { // personalizza i pulsanti dei moduli 
	font-family: bold 12px "Comic Sans MS", cursive;
	font-size: 12px;
	margin-left: 8px;
}

.select { // personalizza l'elemento <select> del form 
	font-family:  arial, verdana, tahoma; 
	font-size: 12px; 
	margin-left: 10px;
}

.text { // personalizza l'elemento <input type=text> del form 
	font-family:  arial, verdana, tahoma; 
	font-size: 12px;
	margin-left: 8px;
}

.textarea { // personalizza l'elemento <textarea> del form 
	font-family:  bold 12px "Comic Sans MS", cursive; 
	font-size: 12px;
	margin-left: 8px;
}

hr { // personalizza le due linee presenti nella cartolina 
	color: #203820;
	height: 1px;
	}
.christmas-box h1 {
	font: bold 24px "Comic Sans MS", cursive;
	color: #000;
	padding: 3px 26px 5px 0px;
	border-bottom: 4px solid #C00;
	margin: 0px 30px 0px 30px;
	font-family: "Comic Sans MS", cursive;
	text-align: center;
}
.christmas-box p {
	color: #000;
	font: bold 14px "Comic Sans MS", cursive;
	margin: 8px 15px 8px 28px;
	padding: 0px;
}
.christmas-box a:link {
	color: #C00;
	text-decoration: underline;
}
.christmas-box a:visited {
	color: #C00;
	text-decoration: underline;
}
.christmas-box a:hover {
	color: #00F;
	text-decoration: underline;
}

#christmas-form {
    padding: 5px 0px 0px 3px;
	min-width:850px;
	padding:0px;
	background-position:top;
	
}
#containercontent2  {
	min-height: 380px;
	max-width:550px;
	margin-top: 20px;
	margin-left:220px;
	padding: 0px;
	background-image: url(images/background2.jpg);
	background-repeat: no-repeat;
	
}
#containercontent-bottom2  {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin-left:220px;
	min-height: 39px;
	min-width: 550px;
    background-image: url(images/background-content-bottom2.jpg);
	background-repeat: no-repeat;
}
.content-box {
	font: 14px "Comic Sans MS", cursive;
	color: #C00;
	padding: 16px 24px 5px 0px;
	text-transform:uppercase;
	text-align:center;
	margin: 0px 18px;
}
.cartolina-ad {
	font: bold 14px "Comic Sans MS", cursive;
	/*background-image: url(images/cartolina-natale.gif);*/
	background-repeat:no-repeat;
	padding:3px;
	margin:0px 4px 0px 0px;
	min-height:15px;
	text-decoration:underline;
	color:#F60;
}
.cartolina-ad a:link {
	color: #F60;
	text-decoration: none;
}
.cartolina-ad a:visited {
	color: #000;
	text-decoration: none;
}
.cartolina-ad a:hover {
	color: #000;
	text-decoration: none;
}
.iframe {
	border: 0 none transparent;
	height:233px;
	opacity: 0;
	position:absolute;
	width:270px;
	top:635px;
	margin-left:5px;}
.iframe2 {
	border: 0 none transparent;
	height:233px;
	opacity: 0;
	position:absolute;
	width:270px;
	top:625px;
	margin-left:80px;}
#marquee
{font: #F00 bold 12px, Verdana, Geneva, sans-serif; }