@charset "utf-8";



/* CSS Document */







html, body {



	width:100%; height:100%; text-align: left;



	margin: 0; padding: 0; border:0;



	font: normal 12px Arial, Verdana, Helvetica, sans-serif;



	/* WHITE color: #3a3a3a; background-color:#f6f6f6; */

	color: #3a3a3a; background-color:#262730;

}







h1, h2, h3, h4, h5, h6, ol, hr, div, img, p, ul, li, dl, dd, dt, form, fieldset, legend {



	padding: 0; margin: 0; border:0; text-align: left;



}







a, a:hover, a:visited, a:link { text-decoration:none; color: #fff; cursor:pointer }



a:hover{ text-decoration:underline; /*color:#ccc;*/ }



a.active{ /*color:#ccc;*/ font-weight:bold}







/* per evitare lo spazio bottom che si crea quando una immagine  dentro un href*/



a img{ display:block}







input {	font: normal 12px Arial, Verdana, Tahoma, Helvetica, sans-serif; padding:2px;}



select {	font: normal 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;}



textarea {	font: normal 12px Arial, Verdana, Tahoma, Helvetica, sans-serif; padding:2px;}



.button { cursor:pointer}



.empty { height:150px; font-size:14px; color:#000}







embed:active, obj:active, object:active, div:active { outline: none; }



#MediaboxSWF{ z-index: 10000; }



#MediaboxSWF,#MediaboxSWF:hover,#MediaboxSWF:active { outline: none; border: none; z-index: 10000;}



embed, object,embed:hover, object:hover, embed:active, object:active{ z-index: 10000; }







.bg_header {



  width: 100%; height:110px; position: absolute; left:0; top:0; /*background-color:#d1cdc0;*/



	/*background:#1a171b url(../images/bg_header.gif) repeat-x left 0; z-index:1*/



}







.bgc_eventi_home { background-color:#000; color:#FFF;}



.bgc_eventi_home a{ color:#FFF;}



.bgc_detail { background-color:#e5e3dd; color:#3a3a3a;}



.bgc_detail a { color:#3a3a3a;}







.bgc_generic { background-color:#000; color:#3a3a3a;}



.bgc_generic a{ color:#3a3a3a;}



.bgc_new { background-color:#bcc1bd; color:#3c3a3a;} 

.bgc_cerca { background-color:#3c3c3c; color:#3c3a3a;} 


.bgc_new a{ color:#000;}



.bgc_newb { background-color:#000; color:#3c3a3a;}



.bgc_news { background-color:#f8af23; color:#3a3a3a;} 



/* .bgc_news { background-color:#f8a f23; color:#3a3a3a;} */



.bgc_news a{ color:#3a3a3a;}



.bgc_news h2{ color:#fff;}



.bgc_mostre { background-color:#ed0677; color:#3a3a3a;}



/* .bgc_mostre { background-color:#FF4 A9C; color:#3a3a3a;} */



.bgc_mostre a{ color:#3a3a3a;}



.bgc_mostre h2{ color:#fff;}



.bgc_new_turismo { background-color:#7db61f; color:#3a3a3a;}

.bgc_new_ercole { background-color:#000; color:#3a3a3a;}


.bgc_new_scuola { background-color:#4da9d5; color:#3a3a3a;}





/* Border Bottom for pages news, mostre_relizzate, ricerca */



.bb_news {border-bottom:1px solid #f8af23}



.bb_mostre {border-bottom:1px solid #ec008c}



.bb_ricerca {border-bottom:1px solid #d1cdc0/*#01aef0*/}







.bgc_static { background-color:#000}



.bgc_static h2{ color:#fff;}











/*.bg_news { background-color:#ff8601; color:#fff}



.bg_news a{color:#fff}



.bg_mostre { background-color:#ec008c}



.bg_concorso { background-color:#f4ae3d; color:#000}



.bg_concorso a{color:#000}



.bg_eventi { background-color:#00aeef}



.bg_ricerca { background-color:#01aef0}*/











#container_page {
	width: 960px;
	height: auto;
	overflow:hidden;
	margin: 0 auto;
	padding:0;
	position:relative;
	z-index:2;
	/* WHITE background-color:#f6f6f6;  */
	/*background:#bcc0bf url(../images/bg_header.gif) repeat-x left 0;*/
	
	background-color:#262730;
	
	
	background-image: url(http://www.matissebrescia.it/orari-biglietti.php);



	/*background:#fff url(../images/bg_container.gif) repeat-y left 121px;*/



}











/*-----------------------------------------------------



				BOX SX



------------------------------------------------------*/



#box_sx { float:left; width:205px; height:auto;}



#box_sx .header {width: 205px; height:110px;}



#box_sx .header .logo{ width:auto; margin:0; padding:0px; border:0 solid #000; padding-top:15px; text-align:center; }



#box_sx .header .logo a{ display:block}



#box_sx .header .logo a img{ display:block; padding-left:15px;}



#box_sx .header ul{ width:auto; height:20px; overflow:hidden; margin-top:18px; list-style-type:none; border:0 solid #000 }



#box_sx .header ul li { float:left; width:auto; height:auto; padding:0 5px;}



#box_sx .header ul li a { font-size:13px; color: #3a3a3a;}



#box_sx .header ul .first { padding-left:0;}



#box_sx .header ul .last { border-right:none}



#box_sx .bar{width: 224x; padding-left:18px;}



#box_sx .bgc_generic ul li { border-right:1px solid #aca99f }



#box_sx .bgc_news ul li { border-right:1px solid #ca9224 }



#box_sx .bgc_mostre ul li { border-right:1px solid #c00e78 }











/*-----------------------------------------------------



				BOX DX



------------------------------------------------------*/



#box_dx {float:left; width: 291px; height:auto;}



#box_dx .header {width:272px; height:110px; overflow:auto; padding-right:19px; }



#box_dx .header .blog{ float:left; width:55px; background:url(../images/blog.png) no-repeat left top; text-align:center; margin-left:20px; padding:18px 0 4px; }



#box_dx .header .blog a{ color:#fff; font-weight:normal; font-size:15px;}



#box_dx .header .blog a:hover{ text-decoration:none}



#box_dx .header .blogturismo { float:left; width:55px; background-color:#FFFFFF;  text-align:center; margin-left:20px; padding:18px 0 4px; }



#box_dx .header .blogturismo a{ color:#7DB61F; font-weight:normal}



#box_dx .header .blogturismo a:hover{ text-decoration:none}



#box_dx .header .ico_social{ float:left; width:auto; height:auto; overflow:hidden; padding:16px 0 10px 20px; }



#box_dx .header .ico_social a{ float:left; width:auto; margin-left:5px; display:block;}



#box_dx .header .search{ width:auto; height:auto; overflow:hidden; margin:0; padding:0; margin-top:10px;}



#box_dx .header .search form{ margin:0; padding:0}



#box_dx .header .search input{ float:left; width:148px; height:17px; margin:0 0 0 20px; padding:1px; color:#fff; border:none}



#box_dx .header .search .btn{ float:left; width:auto; height:auto; margin:0; padding:0; padding-left:10px; background:none}



#box_dx .header .search input.bgc_generic{background-color:#edebe6;}



#box_dx .header .search input.bgc_news{background-color:#fcdfa7;}



#box_dx .header .search input.bgc_mostre{background-color:#ed0677;}







#box_sx .bar{width: 224x; padding-right:19px;}



#box_dx .bar ul.menu_lat {margin-left:56px;}



#box_dx .bar .box_lancio {margin-left:56px;}







#box_dx .bar .box_lancio_big {margin-left:19px; width:250px;}







/*-----------------------------------------------------



			BOX DX NEW LUCA



------------------------------------------------------*/







#box_dx .bookshop { width:250px; margin:0px; padding:0px; margin-left:19px; background-color:#BCC1BD; text-align:center; }

#box_dx .bookshop2 { width:250px; margin:0px; padding:0px; margin-left:19px; text-align:center; }













/*-----------------------------------------------------



				MENU LATERALE (SX/DX)



------------------------------------------------------*/



ul.menu_lat { width:168px; margin:21px 0 10px 0; padding:0px; list-style-type:none }



ul.menu_lat li { width:auto; height:auto; margin:0px; padding:2px; padding-left:8px; font-weight:normal}



ul.menu_lat li a{ font-size:13px; margin:0; color:#3a3a3a}



ul.menu_lat li span{ font-size:13px; margin:0; color:#3a3a3a}



ul.menu_lat li dl { width:auto; margin-bottom:0}



ul.menu_lat li dl dt { width:auto; color:#20413a; margin:4px 0; padding:6px 10px}



ul.menu_lat li dl dd { width:auto; margin:0 5px; padding:0; border-bottom:1px solid #e8e6df}



ul.menu_lat li dl dd a { display:block; margin:0; padding:5px 0; font-style:oblique; font-size:12px}



ul.menu_lat li dl dd a:hover { background-color:#f8af23; text-decoration:none}



ul.menu_lat li dl dd.last { border-bottom:none; margin:0 5px; padding:0;}



ul.menu_lat .last { border-bottom:none; margin:0; padding:0px; padding-bottom:2px;}



ul.menu_lat .last a{ margin-left:8px;}



ul.bgc_generic li { border-bottom:1px solid #e8e6df;}



ul.bgc_mostre li { border-bottom:1px solid #f13fa8;}



ul.bgc_news li { border-bottom:1px solid #fbd791;}







ul.menu_lat li.last_news { border-bottom:none; margin:0; padding:0; margin-top:5px;}



ul.menu_lat li.last_news dl { width:auto; margin-bottom:0}



ul.menu_lat li.last_news dl dt { width:auto; color:#20413a; margin:4px 0; padding:6px 10px}



ul.menu_lat li.last_news dl dd { width:auto; margin:0 5px; padding:0; border-bottom:1px solid #3a3a3a}



ul.menu_lat li.last_news dl dd a { display:block; margin:0; padding:5px; font-style:oblique; font-size:12px}



ul.menu_lat li.last_news dl dd a:hover { background-color:#f8af23; text-decoration:none}



ul.menu_lat li.last_news dl dd.last { border-bottom:none; margin:0 5px; padding:0;}







ul.menu_lat li.colore1 { background-image:url(../images/a-colore1.gif); background-position:left top; background-repeat:no-repeat;}



ul.menu_lat li.coloremostre { background-image:url(../images/a-coloremostre.gif); background-position:left top; background-repeat:no-repeat;}



ul.menu_lat li.colorenews { background-image:url(../images/a-colorenews.gif); background-position:left top; background-repeat:no-repeat;}



ul.menu_lat li.coloreturismo { background-image:url(../images/a-coloreturismo.gif); background-position:left top; background-repeat:no-repeat;}



ul.menu_lat li.colorescuola { background-image:url(../images/a-colorescuola.gif); background-position:left top; background-repeat:no-repeat;}



ul.menu_lat li.coloreaziende { background-image:url(../images/a-coloreaziende.gif); background-position:left top; background-repeat:no-repeat;}







/*-----------------------------------------------------



				BOX LANCIO



------------------------------------------------------*/



.box_lancio { width:168px; margin:0; padding:0;}



.box_lancio .title { width:168px; height:auto; margin-bottom:0; overflow:hidden; background-color:#BCC1BD; }



.box_lancio .title2 { width:168px; height:auto; margin-bottom:0; overflow:hidden; }



.box_lancio .title .text { float:left; width:138px; color:#3a3a3a; font-weight:normal; font-size:13px; height:20px; padding-left:10px; line-height:18px; }



.box_lancio .title .text2 { float:left; width:158px; color:#3a3a3a; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; padding-left:10px; line-height:18px; background-image:url(http://www.artematica.tv/images/a-colore-newsletter.gif); background-position:left; background-repeat:no-repeat; }

.box_lancio .title .text3 { float:left; width:168px; color:#000000; font-weight:normal; font-size:13px; text-align:center; line-height:18px; }

.box_lancio .title .text33 { float:left; width:168px; color:#000000; font-weight:normal; font-size:13px; text-align:left; padding-left:10px; line-height:18px; background-image:url(http://www.artematica.tv/images/a-colore-newsletter.gif); background-position:left; background-repeat:no-repeat;}

.box_lancio .title2 .text33 { float:left; width:168px; color:#000000; font-weight:normal; font-size:13px; text-align:center; line-height:18px; padding-top:3px;}

.box_lancio .title2 .text44 { float:left; width:168px; color:#000000; font-weight:normal; font-size:11px; text-align:left; padding-left:10px; line-height:18px; }

.box_lancio .title .ico { float:right; width:14px; margin:3px }



.box_lancio .content { width:auto}

.box_lancio .content2 { width:auto}

.box_lancio .content a { display:block}

.box_lancio .content2 a { display:block}

.box_lancio .content a img{ display:block}

.box_lancio .content2 a img{ display:block}


.box_lancio .content .newsletter{ width:auto; height:30px; font-size:11px; padding:5px 10px 0; color:#324950; background-color:#BCC1BD; background-image:url(../images/a-colore-newsletter.gif); background-position:left; background-repeat:no-repeat;}

.box_lancio .content2 .newsletter2{ width:auto; height:30px; font-size:11px; padding:0px 7px 0; color:#324950;}

.box_lancio .content .newsletter form{ margin:0; padding:0}



.box_lancio .content .newsletter form input{ float:left; width:auto;}



.box_lancio .content .newsletter form .text{ width:120px; padding:1px; margin-right:4px}



.box_lancio .content .newsletter form a{ float:left; width:auto; display:block}



.box_lancio .content .newsletter form a img{display:block}



.box_lancio .content .concorso{ width:auto; height:auto; font-size:11px; padding:8px; color:#324950; background-color:#a7b5b1}



.box_lancio .content .concorso a{ font-size:14px; font-style:oblique}







.box_lancio .content .bannervenezia { width:168px; height:200px; background-color:#FF0000; float:left;}







/*-----------------------------------------------------



				BOX MAIN



------------------------------------------------------*/



#box_main {float:left; width: 464px; height:auto; margin-top:-11px; position:relative} /* blocco centrale della pagina */







#box_main .path_page { margin:10px 0; /* color:#000 */ color:#fff; }



#box_main .path_page a { /* color:#000 */ color:#FFFFFF; }







#box_main .bar_title_area { width:auto; height:auto; overflow:hidden; /* margin-bottom:10px; */ }



#box_main .bar_title_area h2 { float:left; width:auto; font-size:22px; padding:4px 10px; font-weight:normal;}



#box_main .bar_title_area p { float:right; width:auto; line-height:25px; padding:4px 10px;}



#box_main .bar_title_area p a{ font-size:11px; color:#FFF}







#box_main h1 {width:auto; font-size:14px; padding:4px 10px; line-height:18px; font-weight:normal}







/*-----------------------------------------------------



				HEADER MOSTRE IN CORSO



------------------------------------------------------*/



#box_main table { table-layout:fixed; width:464px; height:auto; margin:0; padding:0; padding-bottom:10px; border-collapse:collapse;}



#box_main table tr td.scheda { margin:0; padding:0; border-collapse:collapse; border:0; vertical-align:top; width:116px; height:auto; position:relative; padding-bottom:5px;}



#box_main table tr td.scheda{ width:116px; height:auto; position:relative;}



#box_main table tr td.scheda p { width:96px; height:auto;}



#box_main table tr td.scheda .descr {height:auto; padding:5px 10px 0; font-size:11px; color:#FFF}



#box_main table tr td.scheda .descr strong {}







#box_main table tr td.scheda .img { cursor:pointer; position:relative}



#box_main table tr td.scheda .img .ang { position:absolute; left:0px; top:121px; z-index:10}



#box_main table tr td.scheda .img .hover { position:absolute; left:0px; top:0px; z-index:20; display:none}



#box_main table tr td.scheda .img .m_hover { width:106px; height:52px; padding:90px 5px 0; position:absolute; left:0px; top:0px; z-index:20; display:none; font-size:12px; color:#FFF; font-weight:bold}







@media all { .trapezoid { vertical-align: text-bottom; } .trapezoid,.polygon { display:-moz-inline-block } }



.polygon,.trapezoid { margin:0; padding:0; background:none }



.polygon { width:auto; height:auto; border:none; font-size:0.5em; display:inline-block; text-align:center; background-color:none}



.trapezoid {display:inline-block; width:1px; height:0; margin:0 auto; border-right:6em solid transparent;}



.polygon .trapezoid { border-width:21px 31px; border-bottom:21px solid; border-top:none  }











/*-----------------------------------------------------



				SITEMAP



------------------------------------------------------*/



#box_main .sitemap { width:464px; height:auto; overflow:hidden; padding:25px 0; border-bottom:1px solid #999f9d}



#box_main .sitemap p{ float:left; width:auto; margin-right:12px; line-height:16px}



#box_main .sitemap p a{ color:#788782; font-size:10px}



#box_main .sitemap .right{ float:right; margin-right:10px;}







/*-----------------------------------------------------



				FOOTER



------------------------------------------------------*/



#box_main .footer { width:auto; height:auto; overflow:hidden; padding:25px 0;}



#box_main .footer p{ width:auto; line-height:16px; color:#788782; font-size:9px; font-weight:normal}



#box_main .footer p strong{ line-height:22px;}







/*-----------------------------------------------------



				BOX SLIDESHOW



------------------------------------------------------*/



#box_slideshow { width:444px; height:250px;/*330px*/ padding:10px;}



#box_slideshow.home { background-color:#f8af23; height:250px}



#box_slideshow .slideshow { margin: 0 auto;}



#box_slideshow .slideshow a img { border: 0;}



#box_slideshow .slideshow-thumbnails { top:285px; z-index:10002; color:#000 }



#box_slideshow .slideshow-thumbnails-active { width:50px; height:40px; opacity: 1;}



#box_slideshow .slideshow-thumbnails-inactive {width:50px; height:40px; opacity: 0.5;}



#box_slideshow .slideshow-thumbnails a { padding: 0;}



#box_slideshow .slideshow-thumbnails a img{ width:auto; height:auto;}



#box_slideshow .slideshow-captions {position:absolute; width:300px; line-height:26px; left:0; top:30px; 



																		background-color:#f8af23; font-size:15px; color:#fff; font-weight:normal;}



#box_slideshow .slideshow-images { position:absolute; left:0; top:0;}		







/*-----------------------------------------------------



				NEWS HOME



------------------------------------------------------*/



#box_main dl.news { width:auto; margin:0 0 15px 0; padding:10px; background-color:#000; color:#FFF; list-style-type:none}



#box_main dl.news dt { width:auto; height:auto; font-size:16px; font-weight:bold; margin:5px 0; padding-left:20px;}



#box_main dl.news dd { width:404px; height:auto; overflow:hidden; padding:7px 20px; border-bottom:1px solid #706a5e}



#box_main dl.news dd a { float:left; width:92%;}



#box_main dl.news dd a.right{ float:right; width:6%; text-align:right; font-size:18px; font-weight:normal; line-height:16px;}



#box_main dl.news dd a.right:hover{ text-decoration:none}



#box_main dl.news .last { border-bottom: none}











/*-----------------------------------------------------



			PREVIEW FOTOGALLERY	



------------------------------------------------------*/



#box_content .scheda .content dl.photogallery{ width:auto; height:auto; overflow:hidden; padding-bottom:15px; margin-bottom:10px; background-color:#222222;}



#box_content .scheda .content dl.photogallery dt { width:auto; height:20px; padding:5px 10px; color:#6f90a5; background-color:#000; font-size:16px}



#box_content .scheda .content dl.photogallery dd { width:auto; height:auto; overflow:hidden; padding:10px; border-bottom:1px solid #353d42}



#box_content .scheda .content dl.photogallery dd img{ float:left; margin-right:8px;}







#mostre_future a{ cursor:default}







#header_img_detail p{ height:30px; line-height:20px; font-size:15px; color:#000; font-weight:bold;}















/*-----------------------------------------------------



			BARRA DX LUCA



------------------------------------------------------*/





#turismo {

position:absolute;

width:960px;

margin:0px auto;

padding:0px;

height:150px;

background-color:#000000;

top:250px;

z-index:200;

}



.ercole {
color:#ffd503;
}

.ercole a {
color:#ffd503;
text-decoration:none;
}

.ercole a:hover {
color:#fff;
text-decoration:none;
}

.ercole a.selected {
color:#ffd503;
text-decoration:none;
font-weight:bold;
}



.ddmarkermenu {
list-style-type:none;
margin:0px;
padding:0px;
margin-top:21px;
}

.ddmarkermenu li {
margin:0px;
padding:0px;
}


.ddmarkermenu li a {
color:#000000;
display:block;
font-weight:normal;
text-decoration:none;
padding:2px 2px 1px 8px;
margin:0px;
}

.ddmarkermenu a:hover {
background-color: #F3F3F3;
}

.ddmarkermenu a.hover1:hover {
background-color: #F3F3F3;
}

.ddmarkermenu a.hover2:hover {
background-color: #F3F3F3;
}

.ddmarkermenu a.hover3:hover {
background-color: #ec0677;
}

.ddmarkermenu a.hover4:hover {
background-color: #7db61f;
}

.ddmarkermenu a.hover5:hover {
background-color: #4da9d5;
}

.ddmarkermenu a.hover6:hover {
background-color: #F3F3F3;
}

.ddmarkermenu a.hover7:hover {
background-color: #f8af23;
}



.ddmarkermenu li .hover1 a:hover {
background-color: #00FF00;
}







img.maximage,
img.bgmaximage,
img.slidemaximage     { display:none; }

.maximage_resized {background:#e0e0e0;top:20px;opacity:0.8;padding:10px;position:absolute;right:15px;}

.home .maximage,
img.bgmaximage 			{ position:fixed !important; }