/* CSS Document */
body {
	color:#111111;
	font:normal normal 11px/1.5em "Arial", Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0;
	border:0;
	margin:0;
	background:  #CDD6DD  url('../images/body-bg.jpg')  repeat 0 0;
}
#page{
    background:#ffffff ;
	width: 980px;
	margin: 0 auto 2px auto;
	text-align:left;
}
#logo {
	float: left;
	height:200px;
	width: 100%;
	background-color:#ffffff;
}
#header {
	float: left;
	padding-top:0px;
	width:100% ;
	height:175px;
	text-align: left;
	background:  #ffffff  url('../images/1.jpg') no-repeat;
	border-top: solid 0px #d4d4d4;
}
#tiker {
    margin:0px 0 0 0;
	float: left;
	height:42px;
	width: 100%;
	border-bottom: solid 0px #d4d4d4;
	border-top: solid 0px #d4d4d4;
}
#riga {
    margin:0 0 0 0;
	float: left;
	background:url('http://www.fratellifoggia.com/images/bg_riga.png');
	height:12px;
	width: 100%;
}
#tiker1 {
    margin:5px 0 0 0;
	float: left;
	background:url('http://www.network-ab.com/images/bg-tiker.png');
	height:24px;
	width: 1000px;
	border-top: solid 0px #d4d4d4;
	border-bottom: solid 2px #d4d4d4;
}
#center {
    margin:0px 0 0 0;
	float: left;
	background:#ffffff url('http://www.fratellifoggia.com/images/bg_riga.png') repeat-x;
	width: 100%;
	height:25px;
	border-top: solid 0px #d4d4d4;
	border-bottom: solid 0px #d4d4d4;
}
#footer {
	float: left;
	font-family:  tahoma, arial;
	font-size: 14px;
	width: 100%;
	color:#000000;
	height:30px;
	text-align: center;
	background:url('http://www.fratellifoggia.com/images/bg_footer.png');
	border-top: solid 2px #000033;
}
.titolo {
	font-family: tahoma, arial;
	font-size: 16px;
	text-transform: uppercase;
	font-weight:normal;
	margin: 0px 0 5px 20px;
	color: #0681b4;
}	
.titolo1 {
	font-family: tahoma, arial;
	font-size: 16px;
	text-transform: uppercase;
	font-weight:normal;
	margin: 0px 0 5px 0px;
	color: #0681b4;

}
.titolo_pagine {
	font-family: tahoma, arial;
	font-size: 15px;
	text-transform: uppercase;
	font-weight:bold;
	margin: 5px 0 5px 6px;
	color: #0681b4;
	
}
.tit_offerte {
	font-family: verdana,sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #006699;
	margin: 0px;
	padding: 0px;
}

.colore_1 {
	background-color: #F5F8FA;
}
.link10d { color:#CC0000;  font-size: 14px; font-weight: bold; FONT-FAMILY: tahoma, tahoma, arial; text-decoration: none;padding:10px 0 0 5px;}
a.link10d {  color:#CC0000; font-size: 14px; font-weight: bold; FONT-FAMILY: tahoma, tahoma, arial; text-decoration: none}
a.link10d:active {  color:#CC0000; font-size: 14px; font-weight: bold; FONT-FAMILY: tahoma, tahoma, arial; text-decoration: none}
a.link10d:visited { color:#CC0000;  font-size: 14px; font-weight: bold; FONT-FAMILY: tahoma, tahoma, arial; text-decoration: none}
a.link10d:hover {  color:#000066; font-size: 14px; font-weight: bold; FONT-FAMILY: tahoma, tahoma, arial; text-decoration: none}
.link10b { color:#000066;  font-size: 12px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}
a.link10b {  color:#000066; font-size: 12px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}
a.link10b:active {  color:#000066; font-size: 12px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}
a.link10b:visited { color:#000066;  font-size: 12px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}
a.link10b:hover {  color:#CC0000; font-size: 12px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}

.link10a { color:#000066;  font-size: 13px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}
a.link10a {  color:#000066; font-size: 13px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}
a.link10a:active {  color:#000066; font-size: 13px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}
a.link10a:visited { color:#000066;  font-size: 13px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}
a.link10a:hover {  color:#CC0000; font-size: 13px; font-weight: normal; FONT-FAMILY: tahoma, verdana; text-decoration: none}
#nav-bar {
	background:#1c5fa5;
	background: -moz-linear-gradient(bottom, #1c5fa5, #00aaff);
    background: -webkit-gradient(linear, center bottom, center top, from(#1c5fa5), to(#00aaff));
	background: -webkit-linear-gradient(center top , #1c5fa5 0%, #00aaff 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #1c5fa5 0%, #00aaff 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #1c5fa5 0%, #00aaff 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #1c5fa5 0%, #00aaff 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #1c5fa5 0%, #00aaff 100%) repeat scroll 0 0 transparent;
	font-size:17px;
	height: 30px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0 5px 30px;
	}
#nav-bar ul {
	text-align:left;
	margin: 0px;
	padding:0;
	list-style: none;
	}

#nav-bar li {
	float:left;
	margin:0;
	padding:0;
	text-align: left;
}

#nav-bar li a:link, #nav-bar li a:visited {
	color:#fff;
	}
#nav-bar li a:hover, #nav-bar li a:active {
	color:#333;
}
#nav-bar li a.current:link, #nav-bar li a.current:visited {	
	color:#CC0000;
	}

#nav-bar a {
	display:block;
	line-height:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
}

#nav-bar a:link, #nav-bar a:visited { color:#fff; text-decoration:none; 
	 }
#nav-bar a:hover, #nav-bar a:active { color:#000066; 
	text-decoration:none;
	 }
.boxcontatti {
  background :  url(../images/newsletter.jpg) no-repeat bottom left; 
  margin:0 20px 0 0;
  border: solid 1px #d4d4d4;
  width: 280px;
  height:175px;
  display: block;
 }
 .boxcontatti span{
  padding: 4px 10px 2px 6px;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  display: block;
  text-align:left; 
 }
.boxcontatti1 {
  background :  url(../images/contatti.jpg) no-repeat bottom right; 
  margin:0 20px 0 0;
  border: solid 1px #d4d4d4;
  width: 280px;
  height:175px;
  display: block;
 }
 .boxcontatti1 span{
  padding: 4px 10px 2px 6px;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  display: block;
  text-align:left; 
 } 
  .boxvideo {
  margin:0 20px 0 0;
  border: solid 1px #d4d4d4;
  width: 280px;
  height:135px;
  display: block;
 } 
#boxpag {
  margin:0 0 0 20px;
  width:650px;
  height:175px;
  border: solid 1px #d4d4d4;
  display: block;
  background :  url('../images/sfondo1.jpg') no-repeat; }
#boxpag span {
  padding: 4px 10px 2px 6px;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  display: block;
  text-align:justify; width:450px;
}  
#boxpag1 {
  margin:0 0 10px 20px;
  width:650px;
  height:330px;
  border: solid 1px #d4d4d4;
  display: block;
  background :  url('../images/sfondo.jpg') no-repeat; }
#boxpag1 span {
  padding: 14px 10px 2px 6px;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  display: block;
  text-align:justify;width:350px;} 
  #box {
  margin:0 0 10px 20px;
  width:650px;
  height:390px;
  border: solid 1px #d4d4d4;
  display: block;
  padding: 4px 10px 2px 6px;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  text-align:left;
   }
h1 { 
    font-family: tahoma, arial;
    font-size: 14px;
    font-weight: bold;
    font-variant: normal;
    color: #CC0000;
	padding: 0px;
	margin: 0px;}
	/* block exclusive */
#searchbox {height:30px;margin-top:3px}

#searchbox label {display:block;float:left;padding:7px 5px 0 5px;}
#searchbox input.search_query {width:180px;margin:0 5px 0 10px;float:left; padding:4px 5px; background:#fff url(../images/search-bg.jpg) no-repeat 0 0; border:none; height:15px;opacity: 0.6;}
#searchbox a {height:23px;padding:0px; display:block;float:left; text-indent:-10000px; width:51px; background:url(../images/search-button.png) no-repeat 0 0;}
#searchbox a:hover{
	background:url(../images/search-button.png) no-repeat 0 -23px; 
	
}
.boxrss {
  margin:0 20px 0 0;
  background:url(../images/sfrss.png) no-repeat 0 0;
  border: solid 1px #d4d4d4;
  width: 280px;
  font-size:12px;
  height:310px !important;
  display: block;
  padding:10px 0;
 }
 .boxrss a {
  padding:3px 10px;
  text-decoration:none;
  color:#999;
 }
  .boxrss a:hover {
  padding:3px 10px;
  text-decoration:none;
  color:#CC0000;
 }
 div.griglia {
	float:left;
  border: 2px solid #fff;
  background:#fff;
  display: inline-block;
  min-height: 50px;
  width:320px;
  margin: 0px 0;
  position: relative;
 transition:height 2s;
-moz-transition:height 2s; /* Firefox 4 */
-webkit-transition:height 2s; /* Safari and Chrome */
-o-transition:height 2s; /* Opera */
transition: height 2s;
-moz-transition: height 2s; /* Firefox 4 */
-webkit-transition: height 2s; /* Safari and Chrome */
-o-transition: height 2s; /* Opera */
}
div.griglia h2 {
  display: block;color:#333; padding: 10px;
font-size: 13px;background: -moz-linear-gradient(bottom, #fd9c10, #fee54c);
    background: -webkit-gradient(linear, center bottom, center top, from(#fd9c10), to(#fee54c));
	background: -webkit-linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	border-radius:5px;
}
div.griglia img {
  display: block;margin-top:10px;
}
div.testo {
	text-align:left;
  color: #6b6b68;
  border:1px solid #eee;
  background-color: #f9f9f9;
  border-radius:5px;
  height: 200px;
  width:320px;
  margin-top:10px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: -300px;
  left: 300px;
  opacity: 0;

}
div.griglia:hover {cursor: pointer;height: 200px;}
div.griglia:hover div.testo {
  opacity: 1; 
  left: 0;
  top: 0;height: 200px;

  
}
.clear { clear: both; background: none; font-size:0; line-height:0px; overflow:hidden;}		

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: normal 11px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ccc;
 border-bottom: none;
 background: #fd9c10;
 background: -moz-linear-gradient(bottom, #fee54c, #fd9c10);
    background: -webkit-gradient(linear, center bottom, center top, from(#fee54c), to(#fd9c10));
	background: -webkit-linear-gradient(center top , #fd9c10 0%, #fee54c 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #fd9c10 0%, #fee54c 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #fd9c10 0%, #fee54c 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #fd9c10 0%, #fee54c 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #fd9c10 0%, #fee54c 100%) repeat scroll 0 0 transparent;
	border-radius:3px;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000066; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #fee54c;
 background: -moz-linear-gradient(bottom, #fd9c10, #fee54c);
    background: -webkit-gradient(linear, center bottom, center top, from(#fd9c10), to(#fee54c));
	background: -webkit-linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #fee54c 0%, #fd9c10 100%) repeat scroll 0 0 transparent;
	border-radius:3px;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	width:50%;
 padding:5px;
 border:0px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}