@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
:focus{outline:none;}
a img{border:none;}
html{background-color:#efdbc5;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#wrap{margin:0 auto;width:812px;}
#content{padding:0 6px;width:812px;background:url(style/content.gif) repeat-y;}
#wrap div{display:inline;float:left;}
#shadow{width:100%;height:11px;margin:0 0 30px;background:url(style/shadow.gif);overflow:hidden;}
#header span, #navmenu span, #sidemenu span,#sistemamarocco span,#anchesu span{display:block;height:0;width:0;overflow:hidden;}
/*TIPOGRAFIA*/
h2{font-size:25px;font-weight:lighter;color:#3f3b3b;}
h3{font-size:25px;font-weight:lighter;color:#a3956b;}
h4{font-size:18px;font-weight:lighter;color:#a3956b;}
h5{font-size:12px;margin:12px 0 0;}
p{font-size:13px;padding:12px 0 0;}
ul{list-style:none;}
#body ul{font-size:13px;list-style:url(style/li.gif) inside;}
a{text-decoration:none;color:#c36600;}
a:hover{text-decoration:underline;}
strong{font-weight:bold;}
em{color:#c36600;font-style:normal;}
hr{visibility:hidden;}
.hr{height:0;width:100%;border-top:1px solid #000;margin:22px 0;overflow:hidden;}
.nowrap{white-space: nowrap;}
#sidebar p{font:10px Verdana, Arial, Helvetica, sans-serif;}
p.avviso{background:url(style/arrow.gif) no-repeat right bottom;}
/*LINGUA*/
#lingua{width:800px;background:#C36700;}
#lingua span{display:inline;float:right;margin:5px 20px;font-size:13px;color:#fff;}
#lingua a{color:#fff;}
/*HEADER*/
#header{height:349px;width:800px;background-image:url(style/header-home.jpg);}
body.eventi #header{background-image:url(style/header-eventi.jpg);}
body.iscriviti #header,body.rassegna-stampa #header{background-image:url(style/header-iscriviti.jpg);}
body.contatti #header{background-image:url(style/header-contatti.jpg);}
body.perche-investire #header{background-image:url(style/header-perche.jpg);}
body.trend-ed-economia #header{background-image:url(style/header-trend.jpg);}
body.best-practice #header{background-image:url(style/header-bestpractice.jpg);}
body.sistema-marocco #header{background-image:url(style/header-sistemarocco.jpg);}
#title{display:inline;float:left;width:249px;height:145px;margin:190px 0 0 51px;}
/*SIDEBAR*/
#sidebar{width:213px;margin:0 77px 0 44px;}
#navmenu{width:100%;height:155px;padding:14px 0 0;margin:0 0 20px;list-style:none;display:inline;float:left;background:url(style/menu.gif) no-repeat;}
#navmenu li{height:30px;width:100%;display:inline;float:left;margin:0 0 1px;overflow:hidden;}
#navmenu h3, #navmenu a{display:block;width:100%;height:100%;margin:0;}
.home #navmenu .home a,.eventi #navmenu .eventi a,.iscriviti #navmenu .iscriviti a,.contatti #navmenu .contatti a,.rassegna-stampa #navmenu .rassegna-stampa a, #navmenu li a:hover{background-image:url(style/menu.gif);}
#navmenu li.home a{background-position:0 -176px;}
#navmenu li.eventi a{background-position:0 -207px;}
#navmenu li.iscriviti a{background-position:0 -238px;}
#navmenu li.contatti a{background-position:0 -269px;}
#navmenu li.rassegna-stampa a{background-position:0 -300px;}
#sidebar-content{width:195px;margin:0 0 0 7px;}
#sidebar-content ul{width:195px;border-top:1px solid #000;margin:15px 0 0;display:inline;float:left;}
#prossimieventi{padding:35px 0 0;background:url(style/txtr-prossimieventi.gif) no-repeat 1px 7px;}
#anchesu{padding:15px 0 0;}
.facebook{display:inline;float:left;height:25px;width:102px;background:url(style/facebook.gif);}
#sidemenu{background:url(style/txtr-ul-sidemenu.gif) no-repeat -190px 10px;padding:10px 0 0;height:89px;}
#sidemenu li{height:15px;width:190px;float:left;display:inline;margin:0 0 10px;overflow:hidden;}
#sidemenu li a{width:100%;height:100%;display:block;margin:0;}
#sidemenu li a:hover,.perche-investire #sidemenu .perche-investire a,.trend-ed-economia #sidemenu .trend-ed-economia a,.best-practice #sidemenu .best-practice a,.partner #sidemenu .partner a{background-image:url(style/txtr-ul-sidemenu.gif);}
#sidemenu .perche-investire a{background-position:0 0;}
#sidemenu .trend-ed-economia a{background-position:0 -25px;}
#sidemenu .best-practice a{background-position:0 -50px;}
#sidemenu .partner a{background-position:0 -75px;}
#sistemamarocco{background-image:url(style/sistema_marocco.gif);display: inline;float: left;width: 164px;height: 138px;margin:40px 0;}
#sistemamarocco:hover, .sistema-marocco #sistemamarocco{background-position:0 137px;}
/*BODY*/
#body{width:437px;padding:15px 0 0;}
#primopiano{width:100%;margin:35px 0 0;border-top:1px solid #000;padding:32px 0 0;background:url(style/txtr-primopiano.gif) no-repeat 2px 10px;}
#body div li{margin:0 0 20px;}
/*FOOTER*/
#footer{width:698px;margin:50px 51px 0;border-top:1px solid #000;}
#footer img{margin:30px 0;}
/*TXT-REPLACE*/
#maroccoitalia{width:100%;height:38px;margin:20px 0 0;background:url(style/txtr-maroccoitalia.gif) no-repeat;overflow:hidden;}
/*BALOON*/
.baloon{position:absolute;text-align:center;z-index:2;display:none;background-repeat:no-repeat;}
#prossimieventi .baloon{width:200px;top:60px;left:75px;}
#prossimieventi .baloon span{display:block;width:100%;position:relative;}
#prossimieventi .baloon .top{height:20px;background:url(style/baloon-big.gif) 0 0 no-repeat;}
#prossimieventi .baloon .content{background:#e7e4d8;}
#prossimieventi .baloon .bottom{height:9px;background:url(style/baloon-big.gif) bottom left no-repeat;}
#body .baloon{width:64px;top:-90px;left:-20px;}
#body .baloon tr{background-image:url(style/baloon-little.gif);}
#body .baloon .top{height:9px;background-position:top left;background-repeat:no-repeat;font-size:0;}
#body .baloon .content{background:#e7e4d8;}
#body .baloon .content p{padding:0;}
#body .baloon .bottom{height:20px;background-position:bottom left;background-repeat:no-repeat;font-size:0;}
/*EVENTI*/
ul.elenco{width:100%;padding:30px 0;margin:0;}
ul.elenco>li{width:100%;padding:14px 0 0 14px;margin:0 0 20px;list-style-image:none !important;list-style-position:outside !important;list-style-type:none !important;}
ul.elenco li.elemento{background-color:#fdf7e2;width:100%;padding:14px 0 0 14px;margin:0 0 20px;list-style-image:none !important;list-style-position:outside !important;list-style-type:none !important;}
ul.elenco li.odd{background-color:#fbf0ce;}
ul.elenco li.elemento p{padding-top:0;}
.ico{height:32px;padding-right:16px;margin-top:-17px;}
.photo a,.video a,.info a{display:block;width:100%;height:100%;background-image:url(style/ico-eventi.gif);}
.photo,.video,.info{position:relative;float:right;display:block;width:30px;height:31px;margin:0 0 0 1px;}
.photo a{background-position:left top }
.photo a:hover{background-position:right top }
.video a{background-position:left -32px }
.video a:hover{background-position:right -32px }
.info a{background-position:left bottom }
.info a:hover{background-position:right bottom }
/*CONTATTI*/
form ul{list-style:none !important;float:left;margin:20px 0 0;}
form li{margin:12px 0 0;width:100%;float:left;}
label{font-size:12px;clear:both;}
input, textarea{clear:both;width:427px;background-color:#ffffff;border-color:#faecc5;border-style:solid;border-width:7px 5px;}
#inviarichiesta{background-image:url(style/inviarichiesta.gif);width:102px;height:32px;border:none;margin:10px 0;float:right;}
div#responso{display:none;width:100%;margin:15px 0;}
div#responso span{padding:5px 15px;font-size:13px;}
div#responso span.ok{background:#0f0;}
div#responso span.err{background:#f00;color:#fff;}
/* ###*/
p.link{height:32px;padding:0 16px 0 0;margin-top:-20px;}
p.link span{position:relative;float:right;display:block;width:110px !important;height:31px;}
p.link a{display:block;width:100%;height:100%;background-image:url(style/ico-link.gif);}
p.link .programma a{background-position:0 0;}
p.link .programma a:hover{background-position:0 31px;}
p.link .accredito a{background-position:-110px 0;}
p.link .accredito a:hover{background-position:-110px 31px;}
p.link .brochure a{background-position:-220px 0;}
p.link .brochure a:hover{background-position:-220px 31px;}
p.link .stampa a{background-position:-330px 0;}
p.link .stampa a:hover{background-position:-330px 31px;}
p.link .parcours a{background-position:-440px 0;}
p.link .parcours a:hover{background-position:-440px 31px;}
/* ### */
div.elemento{background:#fdf7e2;width:100;padding:14px 0 14px 14px;margin:0 0 1px;}
div.odd{background:#fbf0ce;}
div.elemento p, div.elemento ul{padding:0 15px 0 0;}
div.elemento li{margin:0 !important;}
/*LIGHTBOX*/
a.none{display:none;}
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{border: none;}
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{left: 0;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(style/blank.gif) no-repeat;/* Trick IE into showing hover */ display: block;}
#prevLink{left: 0;float: left;}
#nextLink{right: 0;float: right;}
#prevLink:hover, #prevLink:visited:hover{background: url(style/prev.gif) left 50% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background: url(style/next.gif) right 50% no-repeat;}
/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{color: #FF9834;font-weight:bold;text-decoration: none;}
#nextLinkText{padding-left: 20px;}
#prevLinkText{padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData{padding-top: 5px;}
/*** END : added padding when navbar is on top ***/
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width: 70%;float: left;text-align: left;}
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{display: block;clear: left;padding-bottom: 1.0em;}
#imageData #bottomNavClose{width: 66px;float: right;padding-bottom: 0.7em;}
#imageData #helpDisplay{clear: left;float: left;display: block;}
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;display: none;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html>body .clearfix{display: inline-block;width: 100%;}
* html .clearfix{/* Hides from IE-mac \*/ height: 1%;/* End hide from IE-mac */ }
#lightboxIframe{display: none;}