@charset "utf-8";

/* CSS Document */

/*Sezione definizioni stili HTML*/

html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; border: 0;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:76%; background-color:#000000; color: #E0CFB4;}
strong { font-weight: 800; }
img {border: 0px}
a { text-decoration: none; color: #CCCCCC; font-style: normal; }
a:hover, a:focus a:active { color: #666666; text-decoration: underline; font-style: normal;}

/*Sezione definizioni delle classi*/

#Container{
	text-align: center;
	width: 100%;
	height: 700px; 
	margin: 0 auto;
}

#Header {
	width: 770px;
	height: 86px;
	overflow: hidden;
	margin: 50px auto 0px;
}

.bgHeader {
	background: url(images/bgHeader.png) top center no-repeat;
}

.bgHeaderAlpha {
	filter: alpha(opacity = 60);
	opacity: .6;
	background: url(images/bgHeader.png) top center no-repeat;
}

#Main {
	width: 770px;
	height: 500px;
	margin: auto;
	overflow: hidden;
	background: url(images/bgMain.jpg) top center no-repeat;
}

#Content {
	width: 714px;
	margin: 27px 28px;
}

#Footer {
	width: 100%;
	font-size: 0.80em;
	margin: auto;
	font-style: italic;
	text-align: center;
}

#LeftHome {
	float: left;
	width: 240px;
	height: 446px;
	overflow: hidden;
	text-align: center;
	background: url(images/bgAdv.jpg) top left no-repeat;
}

#RightHome {
	float: right;
	width: 470px;
	height: 446px;
	overflow: hidden;
	text-align: left;
	background: url(images/bgFotografia.jpg) top left no-repeat;
}

.bottomLeft{
	float: left;
	width: 240px;
	height: 220px;
	overflow: hidden;
	margin-top: 15px;
	background: url(images/bgSlogan.jpg) top left no-repeat;
}

.bottomRight{
	float: right;
	width: 226px;
	height: 220px;
	overflow: hidden;
	margin-top: 15px;
	text-align: center;
	background: url(images/bgWeb.jpg) top center no-repeat;
}

#Left{
	float: left;
	width: 56px;
	height: 436px;
	overflow: hidden;
}

#Right {
	float: right;
	width: 658px;
	height: 436px;
	overflow: hidden;
}

#Right p {
	float: right;
	width: 254px;
	padding: 10px 10px 10px 0px;
}

.imgRightWeb {
	float: left;
	width: 370px;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
	background: url(images/webImg.jpg) left 5px no-repeat;
}

.imgRightAdv {
	float: left;
	width: 370px;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
	background: url(images/advImg.jpg) left 5px no-repeat;
}

.imgRightFoto {
	float: left;
	width: 370px;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
	background: url(images/fotografiaImg.jpg) left 5px no-repeat;
}

.titleLeftWeb {
	filter: alpha(opacity = 50);
	opacity: .5;
	background: url(images/webTitle.png) center 84px no-repeat;
}

.titleLeftAdv {
	filter: alpha(opacity = 50);
	opacity: .5;
	background: url(images/advTitle.png) center 84px no-repeat;
}

.titleLeftAttivita {
	filter: alpha(opacity = 50);
	opacity: .5;
	background: url(images/attivitaTitle.png) center 84px no-repeat;
}

.titleLeftContatti {
	filter: alpha(opacity = 50);
	opacity: .5;
	background: url(images/contattiTitle.png) center 84px no-repeat;
}

.titleLeftFoto {
	filter: alpha(opacity = 50);
	opacity: .5;
	background: url(images/fotografiaTitle.png) center 84px no-repeat;
}

.titleRightAttivita {
	float: right;
	background: url(images/attivita2Title.png) 602px 84px no-repeat;
}

.titleRightContatti {
	float: right;
	background: url(images/contatti2Title.png) 602px 84px no-repeat;
}

.titleRightWordpress {
	float: right;
	background: url(images/wordpressTitle.png) 602px 84px no-repeat;
}

.titleRightHtml {
	float: right;
	background: url(images/htmlTitle.png) 602px 84px no-repeat;
}

.titleRightFlash {
	float: right;
	background: url(images/flashTitle.png) 602px 84px no-repeat;
}

.titleRightAllestimenti {
	float: right;
	background: url(images/allestimentiTitle.png) 602px 84px no-repeat;
}

.titleRightCataloghi {
	float: right;
	background: url(images/cataloghiTitle.png 602px 84px) no-repeat;
}

.titleRightVideo {
	float: right;
	background: url(images/videoFotoTitle.png) 602px 84px no-repeat;
}

.titleRightCommerciale {
	float: right;
	background: url(images/commercialeTitle.png) 602px 84px no-repeat;
}

.titleRightBook {
	float: right;
	background: url(images/bookmodaTitle.png) 602px 84px no-repeat;
}

.titleRightMatrimonio {
	float: right;
	background: url(images/matrimonioTitle.png) 602px 84px no-repeat;
}

.titleRightRitratto {
	float: right;
	background: url(images/ritrattoTitle.png) 602px 84px no-repeat;
}

#Foto {
	position: relative;
	float: left;
	width: 592px;
	height: 400px;
	margin: 5px auto 0px;
	text-align: center;
	overflow: hidden;
}

#Foto img {
	position: absolute;
	top: 0;
	left: 26px;
}

#Foto p {
	width: 500px;
	float: left;
	margin: 50px 40px;
}

#Video {
	position: relative;
	float: left;
	width: 540px;
	margin-left: 31px;
	margin-top: 15px;
}

#Playlist {
	position: absolute;
	width: 510px;
	top: 15px;
	left: 15px;
	background-color: #000000;
}

#Playlist p{
	width: 510px;
	height: 90px;
	font-size: 1em;
	line-height: 1.2em;
	color: #E0CFB4;
	text-align: justify; 
}

#Playlist p img {
	float: left;
	padding: 5px 15px;
	margin-left: 15px;
}

#Movie {
	position: absolute;
	width: 510px;
	top: 15px;
	left: 15px;
}

/*Navigazione*/

#Enter {
	position: absolute;
	width: 188px;
	height: 86px;
	top: 50%;
	left: 50%;
	margin: -43px -94px;
	padding-top: 3px;
	background-image: url(images/bgEnter.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#Enter p {
	text-align: center;
	line-height: 1.7em;
	font-size: 1.1em;
	margin: 1.5em auto 0px;
}

#Enter p a {
	text-decoration: none;
	color: #666666;
}

#Enter a:hover {
	text-decoration: none;
	color: #dddddd;
}

#NavIndexHome {
	float: left;
	width: 470px;
	margin-top: 5px;
	font-size: 0.95em;
	background: url(images/traspRosso.png) repeat;
}

#NavIndexHome ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#NavIndexHome li {
	display: inline;
	line-height: 1.8em;
	color: #E0CFB4;
	margin-left: 10px;
	padding: 0;
}

#NavIndexHome a {
	color: #E0CFB4;
	font-weight: normal;
}

#NavIndexHome a:hover {
	color: #000000;
}

#NavIndexHome a#activelink {
	color: #000000;
	font-weight: bold;
}

.advBtn a img {
	width: 78px;
	height: 37px;
	overflow: hidden;
	background-image: url(images/advBtn.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 15px auto;
}

.advBtn a:hover img {
	background-position: bottom center;
}

.fotoBtn a img {
	width: 218px;
	height: 41px;
	overflow: hidden;
	background-image: url(images/fotografiaBtn.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 153px;
	margin-left: 25px;
}

.fotoBtn a:hover img {
	background-position: bottom center;
}

.webBtn a img {
	width: 89px;
	height: 37px;
	overflow: hidden;
	background-image: url(images/webBtn.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 170px auto;
}

.webBtn a:hover img {
	background-position: bottom center;
}

#NavIndex {
	float: right;
	width: 470px;
	margin-top: 0px;
	font-size: 1.1em;
	background-image: url(images/traspRosso.png);
	background-repeat: repeat;
}

#NavIndex ul {
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#NavIndex li {
	display: inline;
	color: #E0CFB4;
	line-height: 1.5em;
	margin-left: 10px;
	padding: 0px;
}

#NavIndex a {
	color: #E0CFB4;
	font-weight: normal;
}

#NavIndex a:hover {
	color: #000000;
}

#NavIndex a.activelink {
	color: #000000;
	font-weight: bold;
}

#NavBottom {
	float: left;
	width: 450px;
	margin-top: -28px;
	font-size: 1.0em;
	background-image: url(images/traspRosso.png);
	background-repeat: repeat;
}

#NavBottom ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#NavBottom li {
	display: inline;
	color: #E0CFB4;
	line-height: 1.5em;
	margin-left: 10px;
	padding: 0;
}

#NavBottom a {
	color: #E0CFB4;
	font-weight: normal;
}

#NavBottom a:hover {
	color: #000000;
}

#NavBottom a.activelink {
	color: #000000;
	font-weight: bold;
}

#Controls {
	float: right;
	width: 260px;
	text-align: center;
	margin-top: -28px;
}

#Controls a.slideBtn {
	display: block;
	width: 260px;
	text-align: center;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #E0CFB4;
	font-weight: normal;
	background-image: url(images/traspRosso.png);
	background-repeat: repeat;
}

#Controls a:hover.slideBtn {
	color: #000000;
}

#Controls ul {
	text-align: center;
	list-style-type: none;
}

#Controls li {
	display: inline;
	color: #E0CFB4;
	line-height: 1.5em;
	vertical-align: middle;
	margin-left: 10px;
}

*>#Controls li {
	display: inline-table;
}

#Controls a:hover img {
	background-position: bottom center;
}

#nextBtn{
	width: 16px;
	height: 20px;
	overflow: hidden;
	border: 0;
	background-image: url(images/NextImg.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#prevBtn {
	width: 16px;
	height: 20px;
	overflow: hidden;
	border: 0;
	background-image: url(images/PrevImg.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#pauseBtn {
	width: 16px;
	height: 20px;
	overflow: hidden;
	border: 0;
	background-image: url(images/PauseImg.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#playBtn {
	width: 16px;
	height: 20px;
	overflow: hidden;
	border: 0;
	background-image: url(images/PlayImg.png);
	background-repeat: no-repeat;
	background-position: top center;
}


/*Sezione definizioni delle classi*/

.regolare3 {
	font-size: 1em;
	line-height: 2.0em;
	color: #E0CFB4;
	text-align: justify;
	margin-top: 80px; 
}

.regolare5 {
	color: #cc0000; 
	font-size: 1.2em; 
	line-height: 1.5em;
	font-style: italic; 
	font-weight: bold;
	margin-top: 80px; 
}

.regolare7 {
	color: #cc0000; 
	font-size: 1.5em; 
	line-height: 1.5em;
	font-style: italic; 
	font-weight: bold; 
}

.regolare8 {
	color: #cc0000;
	font-size: 2.0em;
	line-height: 1.5em;
	font-style: italic;
	font-weight: bold;
}

.normal {
	color: #E0CFB4;
	font-size: 0.8em;
	line-height: 1.2em;
}

.title {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #cc0000;
	text-align: center; 	
}

.border {
	font-size: 1em;
	line-height: 2.0em;
	color: #E0CFB4;
	text-align: center;
	margin-top: 80px; 
	border-bottom: 1px;
	border-bottom-color:#990000;
	border-bottom-style: dotted;
}