/* ######################## RESET #################################################### */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ######################## HTML TAG #################################################### */

body{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	margin:20px auto;
	background-color: #C4D4DF;
	background-image: url('../images/page.png');
	background-repeat: repeat-x;
	line-height:18px;
	color:#444;
	height:100%;
}

a{color:#4D7295; text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin:10px 0;}
table{margin-bottom:10px}
td p{margin:0;}
a img{border:none;}

.clear{ clear:both; }
.left{ float:left; }
.right{ float:right; }
.text-left{ text-align:left; }
.text-right{ text-align:right; }
.text-center{ text-align:center; }
.top{ vertical-align:top;}
.middle{ vertical-align:middle;}
.img{border:1px solid #000;padding:1px;background:#FFF;}
.w340{ width: 340px;}
.w400{ width: 400px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}

/* ######################## LAYOUT #################################################### */

#wrap{
	width:960px;
	margin:20px auto 10px;
	background:#143B65;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
}

#container{
	width:960px;
	background: #FFFFFF url('../images/sub-menu.gif') repeat-x;
	padding-top: 10px;
	padding-bottom: 20px;
}

#logo{
	float:left;
	width:281px;
	height:74px;
	display:block;
	margin:25px 0 0 30px;
}

#content{
	width:920px;
	margin:10px auto 20px;
	text-align:left;
	min-height:300px;
}

#footer{
	width:960px;
	height:50px;
	margin:15px auto;
	color:#FFF;
	font-size:17px;
	
}

h1.titolo{
	height:26px;
	line-height:26px;
	width:100%;
	border-bottom:1px solid #E9E9E9;
	margin-bottom:15px;
	text-transform:uppercase;
	text-align:left;
	color:#003366;
	font-size: 1.2em;
}

h2.news a{
	height:26px;
	line-height:26px;
	width:100%;
	border-bottom:1px solid #E9E9E9;
	margin-bottom:15px;
	text-align:left;
	color:#4D7295;
	font-size: 1.1em;
}

/* ######################## CATALOGO #################################################### */

.prodotto { 
	width:100%;
	height:92px;
	padding:15px 0;
	display:block;
	border-bottom:1px solid #F0F0F0;
}

	.prodotto.last { border-bottom:none; }

	.prodotto img{ float:left; margin:0 20px 0 10px; }
	
	.prodotto strong{ font-size:16px; line-height:22px; }
	
	.prodotto p{ display:block; margin:0 10px}

/* ######################## TABS MENU #################################################### */
.tabs{
	float:right;
	width:501px;
	padding-top:60px;
	margin-right:14px;
	line-height:normal;
	font-size:13px;
	font-family: Arial , sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,0.30);
}

.tabs ul{
	list-style-type: none;
	margin:0;
	margin-left: 5px; /*Left offset of entire tab menu relative to page*/
	padding:0;
	float:right;
}

.tabs li{
	display:inline;
	margin:0;
	padding:0;
}

.tabs a{
	float:left;
	background:url('../images/tableft.gif') no-repeat left top;
	margin:0;
	margin-right: 5px; /*spacing between each tab*/
	padding:0 0 0 11px;
	text-decoration:none;
}

.tabs a span{
	float:left;
	display:block;
	background:url('../images/tabright.gif') no-repeat right top;
	padding: 6px 18px 4px 3px;
	font-weight:bold;
	color: #FFF;
	text-transform:uppercase;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs a:hover span {
text-decoration:none;
color: #FFF;
}

.tabs li.selected a{ /*Selected Tab style*/
background-position:0 -27px; /*Shift background image up to start of 2nd tab image*/
}

.tabs li.selected a span{ /*Selected Tab style*/
background-position:100% -27px; /*Shift background image up to start of 2nd tab image*/
color: #FFF;
}

.tabs a:hover, .tabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -27px; /*Shift background image up to start of 2nd tab image*/
text-decoration:none;
}

.tabs a:hover span, .tabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -27px; /*Shift background image up to start of 2nd tab image*/
text-decoration:none;
}

/* ######### Dropdown Menu ######### */

.dropmenudiv{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #E7E7E7; /*THEME CHANGE HERE*/
	border-width: 0 0px;
	line-height: 18px;
	z-index: 100;
	background-color: #7D9FC6;
	width: 210px;
	visibility: hidden;
	text-align: left;
	margin-top: -1px;
}


.dropmenudiv a{
	width: auto;
	display: block;
	background: #E70000 url('../images/dropdownbutton.gif') top left no-repeat;
	text-indent: 5px;
	border: 0 solid #E7E7E7; /*THEME CHANGE HERE*/
	border-bottom-width: 1px;
	padding: 3px 0 4px 16px;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.30);
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	background: #4D7295 url('../images/dropdownbutton.gif') top left no-repeat;
	color: #FFF;
	text-decoration: none;
}

/* ######### Barra Menu ######### */
#barra{
	width:960px;
	height:23px;
	line-height:23px;
	background:#4D7295;
	font-size:1em;
	display:block;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.30);
	border-bottom:1px solid #30516F;
	border-top:1px solid #63839F;
} 

#barra ul{
	list-style:none;
	display:inline;
}

#barra li{
	color:#FFF;
	float:left;
	border-left:1px solid #8FA8BF;
}

#barra li.first{
	border-left:0;
	padding-left:10px;	
}

#barra li a{
	color:#FFF;
	padding:0 10px;
	text-decoration:none;
	font-size:13px;
}

#barra li a:hover{
	display:block;
	color:#FFE100;
}


/* ######################## TICKER #################################################### */

.tickercontainer { /* the outer div with the black border */
	width: 960px; 
	height: 22px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 3px;
	width: 940px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 982px;
	font: normal 14px Arial;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	color: #4D7295;
	font-weight:bold;
}

/* ######################## MSG BOX #################################################### */

#message{width:100%;float:left;}

.message{
	font-size: 0.9em;
    margin: 0.5em 0 0.5em;
    padding: 1em 15px 0.5em 60px;
    border-style: solid;
    border-width: 1px 1px;
	text-align:left;
	height: auto !important;  /* per i browser moderni */
    height: 50px;      /* per IE5.x e IE6 */
    min-height: 50px;  /* per i browser moderni */
	border-color: #E0E0E0;
	line-height:14px;
}

.message p{margin: 0 0 0.4em 0}	
.message strong{color:#444;}	
.message a{text-decoration:underline; line-height:30px; display:block; color:#000}
.message a:hover{text-decoration:none;color:#000}
.message li{list-style : square inside; margin:5px 0;}
.message h4{font-size:1.1em;}
.message.succes{background: #EFF5EF url('../default_images/alert_succes.gif') no-repeat 12px 1em; border-color:#D6E9D6}
.message.succes h4{color:#6AA367}
.message.info{background:  #F3F7FC url('../default_images/alert_info.gif') no-repeat 12px 1em; border-color:#DDE7F4}
.message.info h4{color:#6488B7}
.message.question{background: #FDF4EC url('../default_images/alert_question.gif') no-repeat 12px 1em; border-color:#FBE8D0}
.message.question h4{color:#E79742}
.message.error{ background: #FEEDF1 url('../default_images/alert_error.gif') no-repeat 12px 1em; border-color:#F4CED9}

/* ############################  FORM   ############################################ */
  
fieldset{ border:0;margin:0;padding:0; }
form { margin-top:10px;padding:10px; }
legend{ display:block;padding:0;margin:0; }
label{ float:left;width:160px;line-height:23px;padding:0 10px;text-align:left;}
input{ font-family: sans-serif; font-size:12px; padding:4px; }
textarea{ font-family: sans-serif; font-size:12px; padding:4px;}
button{ border:0; padding:0; font-family: sans-serif; }
.form{ padding: 10px 0; border-bottom: 1px solid #E7E7E7; text-align:left; }
.form-button button{ margin:10px; } 
.required{ color:#CC0000 }
.subtitolo{ padding:0 0 5px 0; font-weight:bold; }

/* ############################  PAGINAZIONE RISULTATI  ############################################ */

.pag {
	display:block;
	margin:10px 0;	
	width:100%;
	height:20px;
	line-height:20px;
	}
	
	.pag p{margin:0;}

	.pag a{ color:#999; text-decoration: none; font-weight:bold;}
	.pag a:hover{ color:#406091; text-decoration:none; }
	
	.paglink{
		height:22px;
		background: #FFFFFF;
		padding: 0px 4px 0px 4px;
		border: 1px solid #C4D4DF;	
		text-decoration:none;
	
	}
	.activelink{
		color:#FFF;
		height:22px;
		background: #4D7295;
		padding: 0px 4px 0px 4px;
		border: 1px solid #003366;
		font-weight:bold;
	
	}
/* ############################  BOTTONI   ############################################ */

.button, .button:visited {
	background: #222 url(../default_images/overlay_button.png) repeat-x; 
	display: inline-block; 
	padding: 6px 10px 5px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	text-shadow: 0 1px 1px rgba(0,0,0,0.30);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin:10px 0;
}

	.button:hover							{ background-color: #111; color: #fff; text-decoration:none; }
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px}
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 12px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{ font-size: 14px; 
													  padding: 8px 14px 9px; }
													  
	.super.button, .super.button:visited 			{ font-size: 34px; 
													  padding: 8px 14px 9px; }
													  
	.red.button, .red.button:visited			{ background-color: #E70000; }
	.red.button:hover							{ background-color: #406091; }													  

/*############################  TOOLBAR   ############################################*/

#toolbar{
	background:#F3F7FC;
	border:1px solid #DDE7F4;
}
#toolbar td{padding:5px;}

#toolbar a{ text-decoration:none;}
#toolbar a:hover{ text-decoration:underline;}
#toolbar img{border:0;}

.label{ background:#F3F7FC; border:1px solid #DDE7F4; font-weight:bold; padding:4px; color:#4D7295; vertical-align:top;}
.data{ border:1px solid #DDE7F4; padding:4px; vertical-align:top;}
.data p{ margin-top:0;}


/* ######################## COLORBOX #################################################### */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../default_images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../default_images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../default_images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../default_images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../default_images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../default_images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../default_images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../default_images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../default_images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../default_images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../default_images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../default_images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../default_images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../default_images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.oggicase.com/default_images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.oggicase.com/default_images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.oggicase.com/default_images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.oggicase.com/default_images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.oggicase.com/default_images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.oggicase.com/default_images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.oggicase.com/default_images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.oggicase.com/default_images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*############################  TOOLTIP  ############################################*/

.tipsy { padding: 5px; font-size: 10px; background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #E70000; color: white; max-width: 250px; text-align: left; }
  .tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
  .tooltip strong{ color:#FFF; margin:0; padding:0; line-height:12px; font-size:12px}
  .tooltip div{ background:#FFF; color:#000; margin:4px 0 4px; padding:2px 2px; line-height:14px; }
  
/*############################  BOX  ############################################*/

.box{
	margin-bottom: 20px;
	/*background:#EFF7FF;
	border:1px solid #DFEFFF;*/
	background:#FCECC7;
	border:1px solid #FADB92;	
	padding:15px;
	text-align:center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.box h2{ font-size:1.2em; margin-bottom:5px; text-transform:uppercase; text-align:center; color:#003366;}
.box p{margin:0;padding: 5px 0px; font-size:12px; line-height:18px; text-align:center; }
.box strong{color:#E70000; font-size:14px;}
.box hr{width:96%}