body {
	margin:0;
	padding:0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#d7d0cd;
}
/*body,html{width:100%;height:100%;overflow:hidden;padding:0;margin:0;border:0}*/
a {
	text-decoration: none;
	color: #F00;
}
a:hover {
	color: #FFF;/*#990066*/
}
form{
	margin:0;
	padding:0;
	border:0;
}
/*////////////////////////////////////////////////////////////////////
	CLEARFIX BY POSITIONISEVERYTHING.NET
////////////////////////////////////////////////////////////////////*/
/* ==== http://positioniseverything.net/easyclearing.html ==== */
.cssClearFix{
	clear:both;
}
.cssClearFix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.cssClearFix {
	display: inline-block;
}
html[xmlns] .cssClearFix {
	display: block;
}
* html .cssClearFix {
	height: 1%; 
}
/* ==== /http://positioniseverything.net/easyclearing.html ==== */
/******************************************************************/
/* BACKGROUND
/*****************************************************************/
/*#idBgWrapper{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:100%;
	margin:0;	
	padding:0;
	z-index:20;
	overflow:hidden;
	
	background-color:#8a7d79;
	
	background-image:url(../img/bg_loader.gif);
	background-repeat:no-repeat;
	background-position:50% 280px;
}
*/
#idBgWrapper{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:100%;
	margin:0;	
	padding:0;
	z-index:20;
	overflow:hidden;
	
	background-color:#8a7d79;
	
	background-image:url(../img/bg_loader.gif);
	background-repeat:no-repeat;
	background-position:50% 280px;
	
	text-align:center;
}
#idBg{
	position:relative;
	opacity: .25;	
	filter: alpha(opacity=25);
	-ms-filter: "alpha(opacity=25)";
	-khtml-opacity: .25;
	-moz-opacity: .25;

}
#idBg {
	width:100%;

	/*
	opacity: .25;	
	filter: alpha(opacity=25);
	-ms-filter: "alpha(opacity=25)";
	-khtml-opacity: .25;
	-moz-opacity: .25;
	*/
}
/******************************************************************/
/* FINITURE - BLOCCO CENTRALE DEI CONTENUTI
/*****************************************************************/
#idFiniture{
	position:absolute;
	width:625px;
	/*height:430px;*/
	
	top:100px;
	left:50%;
	
	margin:0 0 0 -475px;
	padding:0;
	text-align:left;
	color:#000;
	z-index:20;
	
	background-color:#a49590;
}
.cssFinitureTxt{
	position:relative;
	margin:0;
	padding:20px 15px 80px 15px;
	text-align:left;
	
	background-color:#a49590;
}
.cssContenutiTxt{
	position:relative;
	margin:0;
	padding:20px 25px 80px 25px;
	text-align:left;
	
	color:#000;
	background-color:#a49590;
}

/******************************************************************/
/* WRAPPER E LOGO
/*****************************************************************/
#idContentWrapper {
	position:relative;
	width:100%;
	margin:0;	
	z-index:30;
}
#idLogo{
	position:absolute;
	width:300px;
	height:60px;
	top:20px;
	left:50%;
	margin-left:150px;
	padding:0;
	z-index:9999;
}
#idFlags{
	position:absolute;
	width:140px;
	height:20px;
	top:80px;
	left:50%;
	margin-left:310px;
	padding:0;
	z-index:10000;
}
/******************************************************************/
/* FOOTER 
/*****************************************************************/
#idFooterWrapper{
	position:absolute;
	display:none;
	width:100%;
	height:140px;
	top:520px;
	margin:0;
	padding:0;
	text-align:left;
	color:#000;
	z-index:9999999;
	background-image:url(../img/bg_footer.gif);
	background-repeat:repeat-x;
	background-position:0 0;

}
#idCollection{
	position:absolute;
	width:900px;
	height:60px;
	left:50%;
	margin-left:-450px;
	padding:0;
	z-index:9999;
}
#idFooter{
	position:absolute;
	width:950px;
	height:80px;
	top:60px;
	left:50%;
	margin-left:-475px;
	padding:0;
	text-align:left;
	color:#000;
	z-index:99999;
}
.cssFooterLinks{
	position:relative;
	width:450px;
	height:80px;
	padding:10px 0 0 50px;
	text-align:left;
}
.cssFooterAddress{
	position:relative;
	width:395px;
	height:80px;
	margin:-80px 0 0 475px;
	padding:5px 0 0 30px;
	text-align:right;
	font-size:10px;
}
#idFooterMenu{
	display:block;
	height:30px;
	margin:0 0 5px 0;
	text-align:right;
}
/******************************************************************/
/* INIZIO CLASSI PER CONTENUTI 
/*****************************************************************/
#idContent{
	position:relative;
	margin:100px 0 0 0;
	width:100%;
	height:30px;
	z-index:999999;
}
#idContentIstituzionale{
	margin:100px 0 0 0;
	width:100%;
	height:30px;
	z-index:999999;
}
.cssContentBar{
	background-image:url(../img/bg_bar.png);
	background-repeat:repeat-x;
	background-position:0 0;
}
.cssBox{
	position:absolute;
	display:block;
	top:0;
	left:50%;
	margin-left:150px;
	width:260px;
	height:30px;
	padding:0 20px 0 20px;
	
	text-align:left;
}
.cssBoxFix{
	position:absolute;
	display:block;
	top:0;
	left:50%;
	margin-left:150px;
	width:260px;
	height:480px;
	padding:0 20px 0 20px;
	
	text-align:left;
}
.cssBoxCover{
	position:absolute;
	display:block;
	top:25px;
	left:50%;
	margin-left:-100px;
	width:500px;
	height:375px;
	padding:0;
	
	text-align:left;

	font-size:14px;
	
	line-height:16px;
}
table{
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height:100%;
}
table td{
	text-align:center;
	vertical-align:middle;
	margin:0;
	padding:0;
	border:0;
}
.cssBoxCover strong, .cssBoxCover b {
	color:#000;
}
.cssBoxBgOpaco{
	color:#CCC;
	
	background-color:#312f2a;
}
.cssBoxBgTrasparente{
	color:#FFF;
	
	background-image:url(../img/bg_box.png);
	background-repeat:repeat;
	background-position:0 0;
	
}
.cssBoxIcon {
	height:30px;
	padding:0;
	margin:0;
}
.btnClose, .btnOpen, .btnScheda {
	position:static;
	cursor:pointer;
	margin:0 0 0 5px;
}
.cssBoxTitle {
	position:relative;
	top:-5px;
	height:30px;
	cursor:pointer;
	color:#FFF;
	font-size:15px;
	margin:0 0 0 5px;
}
.cssBoxOpenClose{
	padding:15px 0 0 0;
	
}
.cssBoxTxt{
	padding:0;
	text-align:justify;
}
.cssBoxTxt h1{
	text-transform:uppercase;
	font-size:16px;
	color:#CCC;
}
.cssImg{
	float:left;
}
.btnImg{
	cursor:pointer;
	background-image:url(../img/bg_thumb.gif);
	background-position:0 0;
	background-repeat:repeat;
	
	margin:0 0 5px 5px;
}
.btnImg img{

	opacity: .55; /* Standard: FF gt 1.5, Opera, Safari */	
	filter: alpha(opacity=55); /* IE lt 8 */	
	-ms-filter: "alpha(opacity=55)"; /* IE 8 */	
	-khtml-opacity: .55; /* Safari 1.x */	
	-moz-opacity: .55; /* FF lt 1.5, Netscape */
	
	padding:0;
	margin:0;
}
.btnThumb{
	cursor:pointer;	
	margin:0 0 5px 5px;
}
#idImgDesc{
	margin:0 10px 10px 5px;
	padding:0;
	height:80px;
	font-size:11px;
	line-height:14px;
}
.cssImgDesc{
	font-size:11px;
}
#idThumb{
	width:100%;
}
#idTit{
	display:block;
	margin:5px 0 5px 0;
	font-size:12px;
}
#idTec{
	display:block;
	margin:10px 5px;
	font-size:12px;
}
.btnClear{
	margin:0 0 5px 5px;
}
.cssDida{
	font-size:10px;
	color:#FFF;
	padding:2px;
	margin:0;
}
.cssDida b{
	color:#333;
}
.cssDownload{
	font-size:12px;
	color:#FFF;
	padding:2px;
	margin:0;
}
.cssDownload b{
	color:#312f2a;
}
.cssDownload a{
	color:#F00;
}
.cssFaq{
	font-size:12px;
	color:#FCFCFC;
	padding:2px;
	margin:0;
}
.cssFaq b{
	color:#FFF;
}
.cssFaq a{
	color:#F00;
}
.cssFaq h3{
	font-size:16px;
	color:#312f2a;
}

.cssClear{
	clear:left;
}
.cssCollNav {
	position:absolute;
	bottom:0;
	margin:0 40px 500px 0;
	padding:0;
	line-height:14px
}
.cssPrev{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	cursor:pointer;
	padding:0;
	text-align:center;
	z-index:50;

}
.cssNext{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	cursor:pointer;
	padding:0;
	text-align:center;
	z-index:50;
}

.cssThumbPrev{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	cursor:pointer;
	padding:0;
	text-align:center;
	z-index:99999;

}
.cssThumbNext{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-15px;
	width:30px;
	height:30px;
	cursor:pointer;
	padding:0;
	text-align:center;
	z-index:99999;
}
/* FINE CLASSI PER SCROLL
/******************************************************************/
/*////////////////////////////////////////////////////////////////////
	MENU DI NAVIGAZIONE
	MENU PRINCIPALE           
////////////////////////////////////////////////////////////////////*/
#idMenuWrapper{
	position:absolute;
	top:80px;
	width:100%;
	height:20px;
	background-image:url(http://dearkids.it/sito/img/bg_menu.png);
	background-repeat:repeat-x;
	background-position:0 0;
	
	background-color:#000;
	margin:0;
	text-align:center;
	z-index:9999;
}
#idMenu{
	position:relative;
	width:900px;
	height:20px;
	margin:0 auto 0 auto;
	z-index:9999;
}
.btnMenu {
	cursor:pointer;
	
}
.cssMenu, .cssMenuAttivo{
	float:left;
	margin:0;
	padding:3px 8px 0 8px;
	height:17px;
	z-index:10;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background:none;
}
.cssFooterMenu{
	float:right;
	margin:0;
	padding:3px 10px 0 10px;
	height:17px;
	z-index:10;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background:none;
}
.cssFooterMenu a{
	text-decoration:none;
	color:#000;
}
.cssFooterMenu a:hover{
	text-decoration:none;
	color:#F00;
}
.cssLang{
	float:right;
	margin:0;
	padding:3px 10px 0 10px;
	height:17px;
	z-index:10;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	background:none;
}
.cssMenuSelected{
	color:#F00;
}
.cssMenuSelected a{
	text-decoration:none;
	color:#F00;
}
.cssMenu a, .cssLang a{
	text-decoration:none;
	color:#FFF;
}
.cssMenu a:hover, .cssMenu:hover, .cssLang a:hover, .cssLang:hover{
	text-decoration:none;
	color:#F00;
}
.cssMenuAttivo a{
	text-decoration:none;
	color:#F00;
}
.cssMenuAttivo a:hover{
	text-decoration:none;
	color:#F00;
}
.cssMenu:hover{
	background-color:#000;
}
.cssMenuSpace {/*classe relativa ai submenu*/
	height:2px;
}
/*////////////////////////////////////////////////////////////////////
	tendina del sottomenu          
////////////////////////////////////////////////////////////////////*/
.cssMenuSub {
	position:absolute;
	display:none;
	margin:0;
	min-width:150px;
	width:150px;
	padding:20px 0 20px 0;
	background-color:#000;
	z-index:999999;
}
/*////////////////////////////////////////////////////////////////////
	link del sottomenu a tendina          
////////////////////////////////////////////////////////////////////*/
.cssMenuSub a {
	font-size:11px;
	color:#FFF;
	display:block;
	line-height:14px;
	min-height:16px;
	padding:0 15px 3px 15px;
	text-decoration:none;
	
	text-transform:uppercase;
}
.cssMenuSub a:hover {
	color:#F00;
	display:block;
	line-height:14px;
	
	text-decoration:none;
	
	text-transform:uppercase;
}
.cssMenuSubTitle {
	font-size:11px;
	color:#999;
	display:block;
	line-height:16px;
	min-height:16px;
	padding:8px 15px 3px 15px;
	
	text-decoration:none;
	
	text-transform:uppercase;
}
/*////////////////////////////////////////////////////////////////////
	FORM          
////////////////////////////////////////////////////////////////////*/
.cssForm{
	line-height:14px;
	
	
}
#btnPrivacy {
	cursor:pointer;
}
#idPrivacy, #idError{
	padding:10px;
	margin:20px 0 15px 0;
	font-size:11px;
	line-height:13px;
	
	color:#FFF;
	
}
#idPrivacy strong{
	color:#000;
}
#idError{
	display:none;
	text-align:left;
}
.cssButton{
	background-color:#F00;
	border:1px solid #F00;
	color:#FFF;
	cursor:pointer;
	
	text-transform:uppercase;
}
.cssButton:hover{
	background-color:#FFF;
	border:1px solid #FFF;
	color:#F00;
}
.cssRadio{
	width:250px;
	float:left;
	text-align:center;
}
#idMap{
	width:575px;
	height:375px;
	padding:0;
	z-index:9999;
}
/*////////////////////////////////////////////////////////////////////
	LINK         
////////////////////////////////////////////////////////////////////*/
.cssLink{
	margin:10px 0 0 0;
	padding:5px 0 0 20px;

	background-image:url(../img/link.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	
	height:14px;
	line-height:17px;
	
	text-transform:uppercase;
	
}
.cssLinkAction{

	margin:10px 0 0 0;
	padding:4px 0 0 20px;
	
	height:14px;
	line-height:17px;
	
	text-transform:uppercase;
	
	color:#FFF;
	
}
.cssLinkOpen{
	background-image:url(../img/link_open.png);
	background-position:0 4px;
	background-repeat:no-repeat;
}
.cssLinkClose{
	background-image:url(../img/link_close.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	
}
.cssLinkImage{
	background-image:url(../img/link_blank.png);
	background-position:0 4px;
	background-repeat:no-repeat;
	
}
/*////////////////////////////////////////////////////////////////////
	SLIDE SHOW           
////////////////////////////////////////////////////////////////////*/
.cssSlide{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	text-align:left;

}
/*////////////////////////////////////////////////////////////////////
	ELEMNETO PER CALCOLO SPAZIO DISPONIBILE          
////////////////////////////////////////////////////////////////////*/
#idBot{
	position:absolute;
	bottom:0;
	height:0;
	padding:0;
	margin:0;
}
/*////////////////////////////////////////////////////////////////////
	ELEMNETO PER CALCOLO ALTEZZA FINITURE          
////////////////////////////////////////////////////////////////////*/
#idFinitureBot{
	position:relative;
	top:0;
	height:0;
	padding:0;
	margin:0;
}
/*************************/
#idNews{
	position:absolute;
	width:225px;
	top:200px;
	left:20px;
	height:125px;
	margin:0 0 0 0;	
	z-index:999998;
	
	font-size:11px;
	
	padding:20px 25px 25px 40px;

}
.cssNews_it{
	background-image:url(../img/bg_news_it.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.cssNews_en{
	background-image:url(../img/bg_news_en.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#idTxtStatico{
	width:900px;
	
	margin:25px auto 25px auto;
	padding:25px;
	text-align:left;
	color:#000;
}
#idTxtStatico .cssImgStatico{
	text-align:right;
	margin-bottom:25px;
}
.st_sharethis_custom{
	width:30px;
	height:30px;
	cursor:pointer;
	/*
	background-image:url(../img/social/sh.gif);
	background-repeat:no-repeat;
	background-position:0 -20px;
	*/
	padding:0;
}
#idImgDida{
	font-size:11px;
	padding:10px 5px 0 5px;
}
.cssTransparent div{
	opacity: 0.0;	
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0.0;
	-moz-opacity: 0.0;
}
/******************************************************************************************************************************************************************/
/* COOKIE POLICY - ITACA COMUNICAZIONE
/******************************************************************************************************************************************************************/
#id-cookie{
	position:fixed;
	z-index:9999999999;
	bottom:-200px;
	width:100%;
	height:auto;
	background: #333;
	background: rgba(40,40,40,0.85);
	color: #FFF;
}
#id-cookie-wrapper{
	position:relative;
	width:100%;
	height:inherit;
	text-align:center;
	margin:15px auto;
}
#id-cookie-content{ 
    padding:10px; 
    font-size:1.2em; 
    text-align:center;
    margin:0;
}
#id-cookie-content .btn{
	margin:5px 5px;
}
#id-cookie-content .cs-btn{
  	background-color:#C00; 
  	color:#FFF;
  	text-decoration: none;
  	font-weight: 600;
  	font-size: 16px;
  	padding: 3px 10px;
  	border-radius:3px;
	cursor:pointer;
}
/******************************************************************************************************************************************************************/
.cssContenutiTxt a{
	color:#333;
	text-decoration:underline;
}