/* ©2010 Grandi Mostre Como - All Rights Reserved */

/*   Skin   */

* {margin:0;padding:0;list-style:none;}
* img {border:0}

a {text-decoration:none;color:#f17;}
a:hover {text-decoration:underline;}
html, body {font:normal 13px Trebuchet MS, arial, sans-serif;}
body {background:#aaa url(../images/pattern2.gif) repeat scroll 0 0;text-align:left;min-width:776px;/* for mozilla*/height:100%;}
a:focus { outline:none}


/***  Layout  ***/

/*  basic  */

#container {margin:0 auto;width:948px;text-align:left;overflow:hidden;}
#header {margin:0 auto 4px;position:relative;width:948px;height:350px;z-index:50;}
#logo {width:140px;position:absolute;bottom:3px;left:-18px;z-index:4}
#logo a {background:url(../images/logo.gif) no-repeat scroll 0 0;text-indent:-5000px;display:block;width:140px;height:124px;}
#wrapper {}
#content {background:#fff;margin:0 2px 0;padding:20px;overflow:hidden;min-height:350px;height:auto !important;height:100%;}
#column1, #column2,#column3, #column4, #column5 {float:left;}
#column1 {width:289px;margin-right:15px;}
#column2 {width:300px;margin-right:15px;}
#column3 {width:285px;}
#column4 {width:589px;margin-right:15px;}
#column5 {width:250px;margin-right:30px;padding-left:20px;border-left:1px solid #ddd;}
#column5.noborder {border:0;}
#content #column5 h3 {margin-bottom:20px;text-transform:uppercase;}
#footer {margin:4px auto 0;width:948px;overflow:hidden;color:#555;clear:both;}
#footer ul {}
#footer li {float:left;margin:0 2px;width:282px;min-height:100px;height:auto !important;height:100px;padding:15px;background:#fff;}
.clearer {clear:both;}
.lang img {margin:2px 10px 0 0;}
.lang a {color:#555;display:block;}
.disclaimer {padding-top:10px;font-size:85%;display:block}
.disclaimer a {color:#555;}
.highlight a {text-transform:uppercase;font-weight:700;padding-left:18px;
			  background-image:url(../images/more.gif);background-repeat:no-repeat;line-height:1.3em;}
.spacer {height:15px;clear:both;}
.bigSpacer {clear:both;height:50px;}
.infolinks a {text-transform:uppercase;font-weight:700;padding-left:13px;color:#666;
			  background-image:url(../images/moreGrey.gif);background-repeat:no-repeat;line-height:1.3em;}

#column6 {margin:auto;width:640px;}

/*  components  */

#mainNav {position:absolute;left:123px;bottom:3px;font-size:110%;text-transform:uppercase;font-weight:700;z-index:5;}
#mainNav a {color:#000;background:#fff}
#mainNav li {float:left;}
#mainNav li a {display:block;padding:8px;margin-right:1px;text-decoration:none;}
#mainNav li a:hover {background:#f17;color:#fff}
#mainNav .active a {color:#f17}

.subNav {overflow:hidden;}
.subNav a {color:#000}
.subNav li {float:left;} 
.subNav li a {display:block;text-decoration:none;text-transform:uppercase;padding-right:13px;font-size:120%;font-weight:700;}
.subNav li a:hover {color:#f17}
.subNav .active a {color:#f17}

.innerNav {margin-top:10px;border-bottom:1px solid #f17;overflow:hidden;}
.innerNav a {color:#000}
.innerNav li {float:left;} 
.innerNav li a {display:block;text-decoration:none;text-transform:uppercase;padding:10px 7px;margin-right:1px;font-size:100%;font-weight:700;}
.innerNav li a:hover {color:#fff;background:#f17}
.innerNav .active a {color:#fff;background:#f17}

#search  {position:absolute;right:0;bottom:0;z-index:15}
input#search {font:inherit;width:150px;right:32px;padding:8px;}
input#submit  {background-color:#f17;background-image:url(../images/more.gif);background-repeat:no-repeat;background-position:center;
			   text-indent:-5000px;height:30px;width:30px;font:inherit;bottom:2px;position:relative;}

#visual {background:#fff;width:948px;height:350px;position:relative;overflow:hidden;z-index:0}
#slideshow {height:350px;width:800px;}

#boxes h2 {text-transform:uppercase;min-height:1.7em;height:auto !important;height:1.7em;font-size:200%;line-height:.9em;margin-bottom:20px;}
#boxes p {margin-bottom:5px;line-height:1.5em}
#boxes a {color:#f17;padding-left:18px;background-image:url(../images/more.gif);background-repeat:no-repeat;background-position:0 2px;}
.date {margin:5px 0;display:block;}
#boxes a:hover {}
#boxes {float:left;margin:0px 2px;width:282px;padding:15px;background:#fff;height:350px;cursor:pointer;}



.off {background:#f17;width:282px;height:350px;float:left;cursor:pointer;padding:15px;margin:0 2px;color:#fff}
.off li {float:left;width:122px;height:75px;margin:2px 6px;border-top:1px solid;padding:6px 3px 3px 3px}
.off h2 {font-size:110%;margin-bottom:7px}
.off .noborder {border:none}






.right {float:right;}
.left {float:left;}
.linker {padding-left:18px;background-image:url(../images/more.gif);background-repeat:no-repeat;}
.tab {margin-right:15px;}

#content h1 {font-size:300%;font-weight:700;line-height:.8em;text-transform:uppercase;margin-bottom:10px;}
#content h2 {color:#f17;font-weight:100;font-size:150%;margin-bottom:15px;text-transform:uppercase;}
#content h3 {color:#000;font-weight:100;font-size:1.5em;}
.sidebar {padding-left:40px}
#content #info p {font-size:90%;line-height:1.3em;margin-top:5px 0 0 5px;padding-left:5px;}
#content #info h4 {background:#eee;padding:5px;margin-bottom:5px;border-bottom:1px solid #f17;font-size:100%}
#content p {line-height:1.5em;padding-bottom:10px;}
.dida {font-size:85%;padding:10px;display:block}

ul#images {padding-bottom:25px;overflow:hidden;}
ul#images li {float:left;}
ul#images li a {margin-right:1px;display:block;border:2px solid #000;}
ul#images li a:hover {border:2px solid #f17}

ul#videoGal {padding-bottom:25px;overflow:hidden;}
ul#videoGal li {float:left;}
ul#videoGal li a {margin-right:1px;display:block;border:2px solid #000}
ul#videoGal li a:hover {border:2px solid #f17}

/*#opere li {clear:both;padding-top:5px;overflow:hidden;margin-top:5px;border-top:1px solid #19595B;height:1%}
#opere li.first {padding:0;margin:0;border:0}
#opere h4 {text-transform:uppercase;color:#19595B;font-size:110%;padding-left:165px}*/


ul#opere {margin:25px;width:auto;}
ul#opere li img {float:left;}
ul#opere li {overflow:hidden;margin-bottom:15px;font-size:13px;position:relative;padding-left:105px;border-left:1px solid #777;}
ul#opere li h1 {font-size: 1.5em;text-transform:none;margin:0;}
ul#opere li h2 {font-size: 1.8em;margin-top: 1em;text-transform:uppercase;font-weight:lighter;color:#000}
ul#opere li div {background: none repeat scroll 0 0 #fff;float:left;line-height:1.6em;padding:15px;width:200px;margin-top:3px;border-right:1px solid #555;border-bottom:1px solid #555;border-top:1px solid #555}
ul#opere li div.miniLogo {background:url(../photos/opere_boldini/miniLogo.gif) no-repeat 0 0 scroll;width:78px;height:48px;display:block;padding:0;position:absolute;border:none;left:15px;top:15px;}

#content #opere p {padding-left:165px}
#content #info h2 {padding-left:5px}

#page {padding-top:20px;}

ul.where {margin:20px 0 20px 15px;overflow:hidden;}
.where li {float:left;width:17%;margin-right:25px;}
.where img {padding-bottom:15px;}

#content.pres {background:#fff;color:#000}


#ad {position:absolute;z-index:100;background:#7f1416;padding:5px 8px;font-size:120%;text-transform:uppercase;top:120px;right:0;
	 color:#fff;opacity:0.85;filter:alpha(opacity=85);}


#archive {cursor:pointer;}
#archive li {float:left;width:390px;border:15px solid #eee;padding:15px;margin:1px;background:#f4f4f4;min-height:200px;height:auto !important;height:180px;overflow:hidden;}
#archive li h2 {min-height:1.5em;height:auto !important;height:1.5em;font-size:115%;margin:10px 0 0 0;text-transform: uppercase;}
#archive p {font-size:90%;line-height:1.3em;}
#archive img {float:left;margin-right:10px;margin-bottom: 40px;}		
.year {font-size:1.2em;font-weight:100;background:#f17;color:#fff;padding:0 2px;}	
#archive h3 {font-size:1em;}


ul#news {margin-left:10px;cursor:pointer;}
ul#news li {float:left;width:21%;padding:15px;margin:1px;background:#f4f4f4;position:relative;
			min-height:270px;height:auto !important;height:270px;overflow:hidden;}
ul#news li h2 {font-size:125%;margin:0;text-transform: uppercase;line-height:1em}
ul#news p {font-size:90%;line-height:1.3em;}
ul#news img {width:142px;height:75px;}
ul#news li a {position:absolute;bottom:20px;font-size: 90%;}

ul.artists {}
ul.artists li {height:1%}
.artists h4 {color:#19595B;float:left;font-size:100%;letter-spacing:-0.03em}
#content .artists p {padding:0 0 20px 250px;}

.eshop {display:block;background-image:url(../images/more.gif);background-position:10px center;background-repeat:no-repeat;padding:5px;margin:10px 0;text-transform:uppercase;background-color:#eee;text-indent:25px;}
:hover.eshop {color:#fff;background-color:#f17;text-decoration:none;}

#video {margin:0 auto;}
#videoPres {margin:0 auto;width:640px}


/*  site OFF  */


.boxOff {float:left;width:598px;background-color:#fff;background-image:url(../images/backOff_2.jpg);background-repeat:no-repeat;height:350px;padding:15px;margin:0 2px;position:relative}
.boxOff h1 {display:block;text-indent:-9000px;}
.boxOff .head {margin-top:120px;text-transform:uppercase;font-size:200%;line-height:1em;}


/*  js stuff */

#boxes.hover {background-color:#19595B;color:#fff;cursor:pointer;}
#news .hover {background-color:#19595B;color:#fff;cursor:pointer;}
/*#archive .hover, #archive .hover h3 {background-color:#19595B;color:#fff;cursor:default;}*/

/* jcarousel css */

.jcarousel-container-horizontal {width:235px;padding-bottom:50px;height:58px;}
.jcarousel-clip-horizontal {width:240px;height:58px;}
.jcarousel-item {width:59px;height:59px;}
.jcarousel-item-horizontal {margin-right:1px;}

.videos .jcarousel-container-horizontal {width:235px;padding-bottom:50px;height:58px;}
.videos .jcarousel-clip-horizontal {width:240px;height:58px;}
.videos .jcarousel-item {width:118px;height:59px;}
.videos .jcarousel-item-horizontal {margin-right:1px;}


/* jcarousel Buttons */

.jcarousel-next-horizontal {position: absolute;top: 70px;right: 5px;width: 20px;height: 20px;cursor: pointer;background: transparent url(../images/next-horizontal.png) no-repeat -41px 0;}
.jcarousel-next-horizontal:hover {background-position: -21px 0;}
.jcarousel-next-horizontal:active {background-position: -41px 0;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {cursor: default;background-position: 0 0;}
.jcarousel-prev-horizontal {position: absolute;top: 70px;left: 10px;width: 20px;height: 20px;cursor: pointer;background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-prev-horizontal:hover {background-position: -21px 0;}
.jcarousel-prev-horizontal:active {background-position: 0 0;}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -41px 0;}


/*  ajaxSearch  */


#ajaxSearch_form {
           color:;
           width:190px;
		   position:absolute;right:0px;bottom:3px;height:30px;
       }
       #ajaxSearch_input {
           width: 140px;
		   float:left;
           height:auto;
           padding:7px;
           margin: 0 2px 0 0;
           font-family:inherit;font-size:100%;
		   border:0px;
       }
       #ajaxSearch_submit {
           display: block;
		   background-image:url(../images/more.gif);background-color:#f17;background-repeat:no-repeat;background-position:center;text-indent:-5000px;
           line-height: 22px;
           width:30px;height:29px;
		   border:0px;
       }
       #ajaxSearch_output {
           padding: 10px;
           background: #ddd;
           display: block;
           height: auto;
		   width:300px;
		   position:absolute;right:3px;
           vertical-align: top;
		   z-index:50;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink, .AS_ajax_resultLink a { display:block;padding:5px 0;
           text-decoration:;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }

fieldset {border:0;}
#ajaxSearch_form img {position:relative;top:-52px;background:#f17;height:20px;width:20px;margin-right:2px;}


/*   form   */

#form tr {margin:2px 0}
.required {display:block;float:left;width:100px;font-weight:bold;}
.txt {float:left;width:120px;font-weight:bold;text-transform:uppercase;font-size:120%;margin:10px 0;}
#cfMessage {font-family:inherit;padding:5px;width:300px;height:100px;}
.errors {color:#f17;margin-bottom:25px;padding:10px;border:1px dotted;}
#emailForm {float:right;padding-top:70px;width:500px;}
#emailForm input {font-size:1.6em;font-family:inherit;padding:4px;width:300px;margin:10px 0;font-weight:100;}
#emailForm input.button {background-image:url(../images/send.gif);width:46px;height:16px;text-indent:-5000px;border:0;margin-left:120px;cursor:pointer}


.hide {text-indent:-5000px;display:block;width:1px;height:1px;}
.camera {background-image:url(../images/camera.gif);background-repeat:no-repeat;background-position:center left;height:20px;}
.tv {background-image:url(../images/tv.gif);background-repeat:no-repeat;background-position:center left;height:20px;}
.vid {position:absolute;bottom:10px;left:15px;background:url(../images/videoarrow.gif)no-repeat center right scroll;height:52px;width:80px;}
.vid a.video {color:#f17;height:52px;width:50px;display:block;}


/*    sponsor   */


#content .spns {overflow:hidden;margin-top:15px;}
#content .spns h2 {text-transform:uppercase;color:#777;font:11px helvetica, arial, sans-serif;padding:0 15px;margin:0;}
#content .spns li {float:left;background:#fff;border-left:1px solid #999;}
#content .spns li img {padding:10px;margin:2px}
#content .spns li ul li {float:left;background:#fff;padding:13px;border:none;}


/*   totop    */


#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(../images/ui.png) no-repeat left top;}
#toTopHover {background:url(../images/ui.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}