@charset "UTF-8";
/* CSS Document */

*{ margin:auto; padding:0; border:0; outline:0; }

/* html, body { margin:0; padding:0; font-size:14px; font-family:"DINLightRegular"; color:#000; }*/
html, body { margin:0; padding:0; font-size:14px; font-family:"DIN"; color:#000; }
/* html, body { margin:0; padding:0; font-size:14px; font-family:"Arial"; color:#000; } */

#overlay { -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition: 0.25s opacity; background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7)); bottom: 0; left: 0; padding: 20px; padding-bottom: 130px; position: fixed; right: 0; top: 0; z-index: 15; display:none; }

input[type=text], input[type=password] { border: 1px solid #E4E3E3; font-family:'helvetica'; color:#787878; }
option[value] { letter-spacing: 0px; padding-left: 5px; padding-right: 5px; }


#full-width-content { margin: 0px; padding: 0px; height: 100%; width: 100%; }
#full-width-top { height: auto; width: 100%; }
#full-width-center { height: auto; width: 100%; }
#full-width-footer { height: auto; width: 100%; background:#f1f1f1; align: center; overflow:visible;}
#full-width-banner { width:100%; height:280px; position:relative; z-index:-2; margin-top:-10px; overflow:hidden; }

#top { height: 60px; width: 100%; background:url(../images/bk-header.png) repeat-x 0 bottom scroll; z-index: 2; position: relative; }
#top-centered { width:1020px; height:auto; margin:0 auto; position:relative; border: 0px solid #ff0000; }

#header { height: 60px; width: 1020px; margin:0 auto; position:relative; }

#logo { width:263px; height:100px; position:absolute; top:03px; background:url(../images/bk-logo240x53.png) no-repeat center bottom scroll; }
#logo > a img { margin:5px  auto; display:block; }

#istituzioni { 	width:300px; height:20px; position:absolute; top:6px; 	left:260px; font-family:'helvetica'; }

#nav { 	width:190px; height:20px; position:absolute; top:12px; 	right:220px; font-family:'helvetica'; }
#language { width:120px; height:20px; position:absolute; top:15px; right:420px; text-align:right;}
#search { width:200px; height:25px; position:absolute; top:11px; right:5px; }
#search input[type=text] { width:140px; height:27px; line-height:20px; padding:0 50px 0 5px; }
#search input[type=submit] { width:25px; height:25px; background:url(../images/icon.png) no-repeat 0 0; background-width: 50%; position:absolute; top: 2px; right: 3px; z-index:1; border:none; }
#search input[type=submit]:hover { opacity:0.8; filter:alpha(opacity=80); cursor:pointer; }
.verificadispo { background:url(../images/bk-bottone-prenota.png) repeat-x ;  width: 100px; height: 24px; color: #ffffff; padding: 3px; cursor:pointer; }

/* Footer */
#bottom-nav { width: 100%; height: 40px; /* background: url(../images/bk-menu.png) repeat 0 0; */  background-color: #0f4698; }
#bottom-nav .centered { width: 1020px; height: 40px; margin:0 auto; position: relative; border: 0px solid #ff0000; overflow: visible; background: url(../images/bk-menu.png) repeat 0 0; }

#fondo{ width: 100%; height: auto; }
#fondo .centerato{ width:1010px; height: auto; overflow: hidden; margin: auto; padding: 0px; position: relative; left: 6px; border: 0px solid #ff0000;}

/* Main */

#main { width:1020px; height:auto; margin:0 auto; }
#main .clear { clear:both; }

#titolocolonna { background:url(../images/bk-scalinosu240.png) no-repeat 0 0; width:263px; height:62px; line-height:63px; position:absolute; top:277px; left:-3px; z-index:-2; }
#bounce {  width:240px; height:5px; border: solid 0px #f00; position:absolute; top:327px; left:10px; z-index:99; }

#titolocolonna .title-page {  padding:0px 10px 10px 20px; font-family:"DINBold";  font-size:24px; color:#0f4698;}

#left-column { width:250px; height:auto; float:left; position:relative; z-index:10; background-color: #fff;}
#left-column .title-page { background:url(../images/bk-left-column-title.png) no-repeat 0 0; width:287px; height:63px; line-height:63px; position:absolute; top:-62px; left:-8px; padding:10px 10px 10px 20px; }
#left-column .module-left { width:250px; height:auto; float:left; padding:10px 10px 20px; background:url(../images/bk-column.png) no-repeat 0 bottom scroll; border-top:1px solid #e6e6e6; }

#colonna-centrale { border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; width:535px; float:right; top:20px; text-align: justify; background-color: #fff;}
#colonna-centrale .area-testo {  padding: 0px 8px 15px; font-size:1em; }
/* #colonna-centrale .area-testo */
.imgtesto {padding:0px; text-align: center; padding-right: 15px; padding-top: 0.5em; padding-bottom: 5px;  }
/* #colonna-centrale img{   padding-right: 15px; padding-top: 0.5em; padding-bottom: 5px; }*/
	#colonna-centrale ul{  /* padding: 0px 0px 10px; */ padding-left: 15px;  }
#colonna-centrale .chiudisu {  border-top: solid 1px #d2d2d2; }

.chiudi-modulo  {background:url(../images/ombra_giu_lunga.png) no-repeat scroll top center; width:537px; float:right; }

#colonna-cerca { border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; width: 218px;  float:left; padding: 10px 10px 10px; position:relative; z-index: 20; background-color: #e6e6e6;  background: #e6e6e6 url('../images/sfondo-riquadri.png') repeat-x top; }
#colonna-cerca-giallo { border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; width: 218px;  float:left; padding: 10px 10px 10px; position:relative; z-index: 20; background-color: #fffaa0;  background: #fffaa0 url('../images/sfondo-riquadri-giallo.jpg') repeat-x top; }
#colonna-sinistra { border:1px solid #d2d2d2; width: 218px;  float:left; padding: 10px 10px 10px; position:relative; z-index: 20; background-color: #e6e6e6;  background: #e6e6e6 url('../images/sfondo-riquadri.png') repeat-x top; }
.chiudi-sx { background:url(../images/ombra_giu_corta.png) no-repeat scroll top center; width:240px; float:right;}

/* border-top:1px solid #e6e6e6;  */
#colonna-destra { border:1px solid #d2d2d2;  width: 208px; float:right; padding: 8px 8px 8px; position:relative; background-color: #e6e6e6;  background: #e6e6e6 url('../images/sfondo-riquadri.png') repeat-x top; }
 
#colonna-volo { border:1px solid #d2d2d2;  width: 208px; float:right; padding: 8px 8px 8px; position:relative; }
/* #colonna-destra { border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-top:1px solid #c0c0c0; width: 208px; float:right; padding: 8px 8px 8px; position:relative; background-color: #e6e6e6;} */
.chiudi-dx { background:url(../images/ombra_giu_corta.png) no-repeat scroll top center; width:225px; float:right;}

.modulo-cerca div { float:left; width:100%; line-height:30px; margin:5px 0; }
.modulo-cerca div label { width:125px; float:left; }
.modulo-cerca div.windjetairport { display:none; }
.cornicetta{ border: solid 1px #c0c0c0; width: 100%; }


#right-column { width:670px; height:auto; float:right; border: 1px #666666; }
#right-column .module-right { width:480px; height:auto; float:right; padding:10px 10px 20px; background:url(../images/bk-column.png) no-repeat right bottom scroll; border-top:0px solid #e6e6e6; }
#right-column .modulo-testo { width:100%; height:auto; float:right; padding:10px 10px 20px;  border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
#right-column .chiudi-modulo  {background:url(../images/ombra_giu_lunga.png) no-repeat scroll bottom center; }

#riquadro-foto {border: 0px solid #d2d2d2; padding:5px; text-align: center; height:100% !important;}
#riquadro-foto img {padding:0px; text-align: center; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	  }

#riquadro-comune {border: 1px solid #e6e6e6; padding:5px; text-align: center; height:100%;  background-color: #e6e6e6 !important;}
#riquadro-comune img {padding:0px; text-align: center; }

/* rtl */

#left-column-rtl { width:687px; height:auto; float:left; position:relative; z-index:10; }
#left-column-rtl .title-page { background:url(../images/bk-left-column-title.png) no-repeat 0 0; width:287px; height:63px; line-height:63px; position:absolute; top:-62px; left:-8px; padding:10px 10px 10px 20px; }
#left-column-rtl .module-left { width:667px; height:auto; float:left; padding:10px 10px 20px; background:url(../images/bk-column.png) no-repeat right bottom scroll; border-top:1px solid #e6e6e6; }

#right-column-rtl { width:310px; height:auto; float:right; }
#right-column-rtl .module-right { width:290px; height:auto; float:right; padding:10px 10px 20px; background:url(../images/bk-column.png) no-repeat 0 bottom scroll; border-top:1px solid #e6e6e6; }


.highlight-title {margin-top: 20px; margin-bottom: 5px;}


/* rtl */

.module-left div { float:left; width:100%; line-height:30px; margin:5px 0; }
.module-left div label { width:125px; float:left; }
.module-left div.windjetairport { display:none; }

.left { float:left; }
.right { float:right; }

.module-title { padding:5px 0; }
.module-title .title { padding:10px 0; line-height:25px; }

#events { width:320px; height:auto; float:right; position:relative;}

#news { width:320px; height:auto; float:left; position:relative; }
#news img, #events img { width:159px; height:100px; padding:5px 3px 10px; background:url(../images/bk-thumbs.png) no-repeat 0 0; float:left; }
#news h3, #events h3 { line-height:20px; white-space:nowrap; overflow:hidden; padding-left:3px; margin:0;}
#news p, #events p { height:80px; overflow:hidden; padding-left:3px; margin:0;}
#news .pagination, #events .pagination { list-style:none; margin:0; padding:0; position:absolute; width:100px; right:0; bottom:5px; z-index:99}
#news .pagination li a, #events .pagination li a { display: block; width: 12px; height: 0; padding-top: 12px; background-image: url(../images/pagination.png); background-position: 0 0; float: right; overflow: hidden; }
#news .pagination li.current a, #events .pagination li.current a { background-position: 0 -12px; }

.slides_container { width:320px; height:109px; display:none; }
.slides_container div { width:320px; height:109px; display:block; }

.social-network { height: 30px; width: auto; float:right; line-height:40px; border:0px solid #e6e6e6; }
.social-network span { width:auto; float:left; margin-left: 5px; display:block; }
.social-network span a { display:block; width:24px !important; height:28px; }
.social-network label a { color:#fff; padding:0 0 0 10px; }


#logo-down-sx { width:250px; height:80px; float:left; background:url(../images/bk-line.png) no-repeat right top scroll; line-height:20px; padding-top: 15px;}
#logo-down-sx p{ padding-bottom:5px;}

#logo-down-dx { width:228px; height:80px; float:right;  line-height:20px; text-align:right; padding-top: 15px; background:#f1f1f1; }
#logo-down-dx p{ padding-bottom:5px;}

#tag { width: 502px; height:80px; overflow: hidden; float:left; background:url(../images/bk-line.png) no-repeat right top scroll; padding:15px; line-height:12px;}
#tag h3 { padding:0 0 5px 0; font-size:14px;}
#tag h2 { padding:0 0 5px 0; text-align: justify; font-size:11px;  color: #c0c0c0; }
#tag span.big { font-size:1.3em; color: #b4b4b4;}

#copyright { width:210px; height:100px; float:left; text-align:left;  padding-left:10px;}
#copyright ul {   float: right; }
#copyright ul li { width:auto; height:20px; line-height:20px; float:left; list-style:none; }
#copyright ul li a { padding-right:10px; }
#copyright p { line-height:1.2em; font-size:1.1em; padding:0; }

#login { -webkit-box-shadow: 0px 5px 80px #505050; background: white; border: 1px solid #BCC1D0; border-radius: 2px; min-width: 400px; padding: 0; font-family: 'Calibri'; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -200px; }
#login h1 { background: -webkit-linear-gradient(white, #F8F8F8); border-bottom: 1px solid rgba(188, 193, 208, .5); font-size: 105%; font-weight: bold; padding: 10px 15px 8px 15px; }
#login div { height: auto; width: 400px; margin: 5px auto; line-height: 30px; }
#login div label { width:120px; float:left; text-align:right; padding-right:20px; }
#login div input { height:27px; line-height:27px; width:193px; font-family: 'DINMediumAlternate'; font-size:1.2em; text-align:center; }

.action-area { -webkit-box-align: center; -webkit-box-orient: horizontal; -webkit-box-pack: end; border-top: 1px solid rgba(188, 193, 208, .5); display: -webkit-box; padding: 12px; }

#datagrid {  padding: 0px; width: 100%; }
#datagrid table{  margin-bottom: 10px; border-collapse:collapse; width: 100%;} 
#datagrid tr{  border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;  background: #f3f3f3 url('http://www.siracusaturismo.net/content/images/sfondo-datagrid.png') repeat-x top;} 
#datagrid td{  padding: 10px;  vertical-align: top; } 
#datagrid td p{  line-height: 15px;} 
#datagrid img{  padding: 0px; float:left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#elenco {  padding: 0px; width: 100%; font-size: 0.8em; }
#elenco table {  margin-bottom: 2px; border-collapse:collapse; width: 100%;} 
#elenco tr {  border: 0px solid #e6e6e6; background: url('http://www.siracusaturismo.net/content/images/sfondo-datagrid3.png') repeat-x top;} 
#elenco td {  padding: 0px;  vertical-align: top; bor text-alignment: center; margin: auto; border: 0px solid #f00;} 
#elenco td p {  line-height: auto;} 
#immaginielenco {padding-left: 15px; padding-right: 0px;  padding-top: 0; padding-bottom: 0px;  border: 0px solid #f00;}

#popupsocial {  position: fixed;  bottom: 200px; right: 200px; z-index: 99; width: 230px; padding: 10px; border: 2px solid #0f4896; background: url('../images/sfondo-bianco90.png') repeat;}