/* ------------------------------------------------------------ CLEANER */
html { 
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-size: 100%;
} 
body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
}
p, h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	padding: 0;
}
h1 a, h2 a, h3 a, a h1, a h2, a h3{
	text-decoration: none;    
}
img {
	border: 0;
}
hr {
	clear: both;
	visibility: hidden;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #E6007E;
	text-decoration:none;
}
a:hover, a:active, .active {
	color: #EEA7A2 !important;
}
.clearfix {  
	clear: both;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
}
iframe {border:none;}
/* ------------------------------------------------------------ STRUCTURE */
body {
	background: url(../images/body.jpg) repeat-x center -36px #eef0ea fixed;
}
#container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	font-size:1.5em;
 }
#top {
	width: 70%;
	height: 40px;
	position:relative;
	margin:0 auto;
	background:#fff;
}


#header {
	width: 90%;
	margin:0 auto;
	position: relative;
	height:auto;
}
#header2 {
	width: 100%;
	float: left;
	position: relative;
	z-index:99;
	border-top:solid #333 3px;
	border-bottom:solid #666 3px;

}
#header .pad{
	padding:0;
}
#header #overlay {
	background: url(../images/pietre-calcoli.png) no-repeat bottom right ;
	background-size:contain;
	width:50%;
	height:100%;
	position:absolute;
	bottom:-20px;
	right:-40px;
	z-index:98;
}

.bar {
	background: url(../images/bgwhite.png);
	padding:10px;
	position:absolute;
	top:10%;
	left:0;
	width:auto;
	z-index:99;
}
#logo a{
	background: url(../images/logo.png);
	position: absolute;
	top:3%;
	right:30px;
	z-index:99;
	width:128px;
	height:128px;
}
#header h1.headtitle {
	padding:0 0 0 2%;
	font-weight:bold;
	font-size:2.5em;
	letter-spacing:-1pt;
	max-width:60%;
}
#header  h2.headtitle {
	padding:0 0 0 3%;
	font-size:1.5em;
	line-height:1.2em;
	font-weight:400;
	letter-spacing:-0.5pt;
	max-width:60%;
}
.headtitle  a {
	text-decoration:none !important;
}

#headerplace {
	position:absolute;
	right:20px;
	top:20px;
	width:400px;
	height:20px;
	text-align:right;
}
#header .pad {
}
#pathway {
	float:left;
	font-style: italic;
}
.breadcrumb {
	padding: 2px 15px;
	margin: 5px;
	list-style: none;
	background: #F7E6F0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.breadcrumb li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-shadow: 0 1px 0 #fff;
}
.breadcrumb .divider {
	padding: 0 5px;
	color: #ccc;
	font-family: 'IcoMoon';
	font-style:normal;
}
.breadcrumb .active {
	color: #999;
}
#menu {
	background: url(../images/menu.png) no-repeat left #D196B7;
	width: 90%;
	height: auto;
	margin:0 auto;
	position:relative;
	border-bottom:solid 4px #E6007E;

}
#menu.sticky {  
	position: fixed;  
	left: 0;  
	top: 0;  
	z-index: 999;  
	border-top: 0;
	width:100%;
}  
#menu .pad {
	padding:5px;
}
#menu2{
	background: url(../images/menu2.png) right no-repeat #fff;
	width: 70%;
	height: 50px;
	margin:0 auto;
	position:relative;
	font-size:0.8em;
}
#menu2 .css3menu {
	
}
#menu2 .css3menu li.current {
	background:#fff !important;
	margin-top:5px;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

#menu #menu-r {
	position:absolute;
	right:-50px;  
	top:0;
	width:50px;
	height:154px;
	background: url(../images/menu2-r.png);
	z-index:999;
}
#menu #menu-l {
	position:absolute;
	left:-50px;  
	bottom:-4px;
	width:50px;
	height:250px;
	background: url(../images/menu2-l.png) bottom right;
	z-index:99;
}
@media screen and (max-width: 800px) {
	#menu #menu-r, #menu #menu-l {
		display:none;
	}
}
#side {
	float: right;
	background:#fff; 
	font-size:0.9em;
	position:relative;
}
#side.small {
	width: 33.333333%;
}
#side.medium {
	width: 20%;
}
#side.full {
	width:0;
}
#sidehead {
	width: 100%;
	float: right;
}
#sidebar1 {
	width: 100%;
	float: left;
}
#sidebar2 {
	width: 100%;
	float: left;
}
#sidebar1.half, #sidebar2.half {
	width:50%;
}

#head {
	width: 100%;
	float: left;
	padding: 0;
}

#head .headmod1 {
	min-height:125px;
	position:relative;
}
#head .headmod2  {
	min-height:125px;
	position:relative;
}
#head .headmod3 {
	min-height:125px;
	position:relative;
}
#head .modulo {
	padding:0 !important;
}


#main {
	float: left;
	display: inline;
	background:#fff;
}
#main.small {
	width: 66.66666%;
}
#main.medium {
	width: 80%;
}
#main.full {
	width: 100%;
}


#banner {
	width: 100%;
	float: left;
	margin:  0 0 5px 0;
	position:relative;
}
#banner2 {
	width: 100%;
	float: left;
	margin:  0 0 5px 0;
}
#content {
	width: 100%;
	margin:0;
	float: left;
	background:;
	position: relative;
}
#content >.pad {
	padding:2% 1% 5% 1%;
	}
.bottom {
	width: 100%;
	margin: 5px 0 0 0;
	float: left;
	background: #CFDCDF; 
	position: relative;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.bottom >.pad {
	padding:10px;
}
#wrap {
	margin:0 auto;
	width: 90%;
	background:#ccc; 
	position: relative;

}
#foot {
	width: 100%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	float: left;
	background: #666;
	margin-top: 5px;
}
#foot a {
	color:#fff;
}
#foot ul.nav li {
    border-bottom: 1px dotted #868686;
    list-style: none outside none;
}
#foot ul.nav li a {
    padding-left: 10px;
    line-height: 2em;
    text-decoration: none;
	display:block;
}
#foot ul.nav li a:hover{
    background: #333;

}
#foot > .pad {
	padding: 10px;
}
.foot-mod {
	width: 33.1%;
	min-height: 100px;
	float: left;
	color:#ccc;
}

.foot-mod.num1 {
	border-right: dotted #fff 1px;

	}
	
.foot-mod.num2 {
	}
	
.foot-mod.num3 {
	border-left: dotted #fff 1px;
	float:right;
	}
.foot-mod .pad {
	padding: 5px;
	margin: 0 3px;
	background:;
}
.footbase {
	width:100%;
}
.footbase .pad {
	padding: 5px;
	margin: 0 3px;
}
#footer {
	height: 100px;
	margin: 0 auto;
	width:100%;
	background: #333;
	color:#ccc;
	position:relative;
	font-size:0.8em;
	text-transform: uppercase;
}
#footer a {
	color:#fff;
}
#footer >.pad {
	padding:10px; 
}
#social {
	position:absolute; top:15px; right:10px; z-index:9;
	width:200px;
}

/* ------------------------------------------------- moduli --------------- */
.modulo {
	margin:30px 0;
	padding: 5px;
	position: relative;
	color:#666;
}
.modulo.nopad {
	padding: 0px;
	line-height: 0;
	background: none;
}
.mod-top, .mod-bot {
	padding: 0;
	margin: 0;
	line-height: 0;
}
.mod-content {
	margin: 0;
	padding: 0;
	height: auto;
}

.modulo.transparent {
	background:none;

}
/* ------------------------------------------------------- MENUSIDEBAR */
#sidebar1 ul.menu , #sidebar2 ul.menu {
	list-style-position: outside;
	list-style-type: none;
	font-size:14px;
	text-align: left;
}
#sidebar1 ul.menu li , #sidebar2 ul.menu li {
	line-height: 1.3em;
	margin: 1px 0;
	background: #86D0F0;
	width: 100%;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */

	
	}
#sidebar1   ul.menu li a, #sidebar2   ul.menu li a {
	padding:2px 10px;
	text-decoration: none;
	display: block;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
}
#sidebar1  ul.menu li a:hover, #sidebar2  ul.menu li a:hover {
	color: #fff;
	background: #4881B9;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
}
#sidebar1 ul.menu li.current a, #sidebar2 ul.menu li.current a {
	background: #FF9727;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */	
}
#sidebar1 ul.menu ul, #sidebar2 ul.menu ul{
	font-size:12px;
	padding:2px 5px;
}
#sidebar1   ul.menu li ul li a, #sidebar2   ul.menu li ul li a {
	padding:2px 10px 2px 20px;
	text-decoration: none;
	display: block;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
}
/* -------------------------------------------------------- TYPO */
h1, h2, h3 {
	color:#E6007E;
	font-family: 'Oswald', sans-serif;
}
#sidehead, #sidebar1, #sidebar2, #sidebar3 {
	color: #004489;
	font-size: 0.9em;
}

h1{ 	
	line-height:1.5em;
	margin:0;
	font-weight:normal;
	letter-spacing:-1.3pt;
	font-size:2.8em;
	text-decoration:none;
}
h2 { 	
	line-height:1em;
	margin:0 0 10px 0;
	font-weight:normal;
	font-size:1.8em;
	font-weight:700;

}
h1, h2 {	
	text-decoration: none;
}
h3 {
	font-weight:normal;
	font-size:1.4em;
}
.modulo h3 {
	color:#006633;
	} 
.foot-mod h3 {
	color:#fff;
	line-height:1.1em;
	margin:0 0 5px 0;
	text-transform:uppercase;
	font-size:15px;
	}

.pink {
	background:#F7E6F0 !important; 
}

video {
 margin-bottom: -5px;
}
/* ------------------------------------------- side */ 

#side h3.title, #sidebar1 h3.title, #sidebar2 h3.title, .bottom h3.title {
	background-image:none;
	background:#D196B7;
	padding:5px 20px;
	line-height:1.2em;
	color:#fff;
	margin:0;
	left:inherit;
	top:inherit;
	position:relative;
	-webkit-border-radius: 0;
	border-radius: 0;
}
/* ------------------------------------------- menu2 */ 

#menu2 ul#css3menu, #menu2 ul#css3menu ul {
	margin: 0;
	list-style: none;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-left:100px;
}

#menu2 a {
	line-height:2.6em;    
}

.sigProContainer { 
	max-width:100%;
	clear:both;
}

/* ------------------------------------------- icone brea */ 

table.icobrea {
	width:100%;
	position:relative; 
}
table.icobrea td {
	text-align:center;
	width:20%;	
}
table.icobrea td img{
	width:100% !important;	
	cursor:pointer;
}
table.icobrea td > div {
	position:relative;	
}

.icobrea .baloon {
	display:none;
	position:absolute;
	top:75px;
	left:40%;
	width:200px;
	height:auto;
	background: url(../images/bggreen.png);
	z-index:999;
	border:solid 3px #009959;
	-webkit-box-shadow: 0 16px 11px rgba(0,0,0,0.21);
	-moz-box-shadow: 0 16px 11px rgba(0,0,0,0.21);
	box-shadow: 0 16px 11px rgba(0,0,0,0.21);
	color:#fff;
}
.icobrea .baloon .punta{
	width:100px;
	height:25px;
	position:absolute;
	top:-25px;
	left:50px;
	background: url(../../../images/icone/punta.png) top;

}
.icobrea .baloon .pad {
	padding:25% 10%;
}
/* ------------------------------------------- css specific pages */ 


.brea  #main {
background: url(../images/brea-stripe.png) -500px 0 no-repeat;

}
.dancarousel .contentbox {
	z-index: 94 !important;
	background:rgba(255,255,255,0.5);
	width:auto !important;
}
.custom.calcolo {
	background-size:cover;
}
/* ------------------------------------------- paypal buttons */ 
.paypalbut {
	right:10px;
	width:auto;
}
.paypalbut form {
	margin:0;
}
/* ------------------------------------------- dancarousel override */ 

.dancarousel .mask {
    background:none !important;
    display: none !important;

}
/* ------------------------------------------------------------ TOPBAR SITE SWITCH */
#topbar {
	width: 100%;
	height: 30px;
	position:relative;
	margin:0 auto;
	background:#009859;
	border-bottom:solid 4px #009859;
	-webkit-box-shadow: 0 14px 5px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 14px 5px rgba(0,0,0,0.08);
	box-shadow: 0 14px 5px rgba(0,0,0,0.08);
	font-family: "Helvetica Neue", Helvetica , Arial, sans-serif;
	font-size:10px;
}
#topbar ul  {
	width:100%;
	margin:0 auto;
	list-style-type:none;
}
#topbar ul li  {
	text-align:center;
	float:left;
	position:relative;
    background-position: inherit;
    background-repeat: inherit;
    line-height:  inherit;
    padding-left:  inherit;
    padding-top:  inherit;
}

#topbar a {
	display:block;
	color:#ccc;
	text-decoration:none;
	line-height:3em;
	letter-spacing:2pt;
	padding:0 20px;
	transition: color 350ms ease-in-out 0s;
	font-weight:normal;
}
#topbar ul li img {
	vertical-align:middle;
	width:20px; height:auto;
	float:left;
	margin-right:5px;
	margin-top:5px;

}
#topbar ul li a {
}
#topbar a:hover {
	display:block;
	color:#fff;
}
#topbar ul li.current a {
	display:block;
	color:#fff;
    text-shadow: 0px 0px 2px #fff;
}

/* -------------------------------------------- END TOPBAR */

.front .item-page  p:first-of-type:first-letter, .front .item  p:first-of-type:first-letter{
    border-radius: 5px;
    color: #E6007E;
    float: left;
    font-family: Georgia,Garamond;
    font-size: 72px;
    height: 64px;
    line-height: 70px;
    margin-right: 10px;
    padding: 10px 0 0;
}