/*****************************/
/* element definitions start */
/*****************************/

html {
font-family: "Trebuchet MS", "Helvetica Neue", Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
 background:#ffcc00 url('http://www.seoguru.it/images/bg_fade.gif') repeat-x left top; 
}

body {
font-family:lucida,verdana,sans-serif;
font-size:12px;
font-weight:normal;
padding:0px;
width:1050px;
margin: 0 auto;
margin-bottom: 20px;
color:#000000;
background-color:#ffffff;
border:solid 1px #990000;
}

pre {width: 750px; word-wrap: break-word; overflow: auto;}

a {
font-family:lucida,verdana,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:underline;
color:#336699;
}

a.link {
color:#336699;
background-color:transparent;
}

a:hover {
color:#990000;
}

a img {
text-decoration:none;
border:none;
padding:0px;
margin:0px;
}

h1 {
font-size:18px;
text-align:  center;
background-color:transparent;
padding:0px;

}
.catroot {
text-align:  center;
	font-weight: bold;
text-decoration:underline;
  

}
a.black{
 color:black;
}
a.black:hover{
 color:red;
}


.catsub {
text-align:  center;	
        line-height: 1px;
 margin-left:6px;
text-decoration:underline;
}
h1.title {
  color:#ffffff;
  margin:0px 0px 0px 20px;
}

h1 a {
font-size:16px;
font-weight: bold;
text-decoration:none;
color:#ffffff;
background-color:transparent;
}

h1 a:hover {
border-bottom: 1px dashed #990000;
color:#ffcc00;
background-color:transparent;
}


h1.titolo a {
font-size:28px;
font-weight: bold;
text-decoration:none;
color:#336699;
}

h1.titolo a:hover {
border-bottom: 1px dashed #ffcc00;
color:#990000;
}

h2 {
font-size:16px;
text-align:left;
background-color:transparent;
padding:0px;
}

h2.title {
  font-size:11px;
  font-weight:normal;
  color:#ffffff;
  margin:0px 0px 0px 20px;
}

h2 a {
font-size:13px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
background-color:transparent;
}

h2 a:hover {
text-decoration:none;
color:#ffffff;
background-color:transparent;
}

div.summary {
  color:#555555;
  margin-left:15px;
}

.red {background-color: #990000;}
.center {display:block; margin-left:auto; margin-right:auto; text-align:center;}
.payoff {text-align:center; color: #990000; font-weight: bold;}
.payoff a {font-weight: bold; color: #990000; }
.payoff a:hover {border-bottom: 1px dashed #ffcc00; text-decoration: none;}
/*****************************/
/* element definitions end   */
/*****************************/

/*****************************/
/* class definitions start   */
/*****************************/

div.footer {
color:#cccccc;
font-size:9px;
height: 25px;
font-weight:normal;
background-color:#000000;
border-top:solid 3px #990000;
padding:5px 5px 0px 5px;
margin:10px 0px 0px 0px;
text-align:center;
}

div.footer a {
color:#cccccc;
font-size:9px;
font-weight:normal;
text-decoration: none;}

div.footer a:hover {
text-decoration: underline;}

div.path {
font-size:11px;
font-weight:normal;
padding:0px;
margin:10px 10px 10px 10px;
text-align:right;
}

div.path a {
font-size:11px;
font-weight:normal;
}

div.printlink {
float:right;
width:auto;
}

div.quicknav {
font-size:12px;
font-weight:normal;
text-align:right;
padding:0px;
margin:0px 13px 0px 0px;
}

div.quicknav a {
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
background:transparent;
}

div.quicknav a:hover {
color:#ffcc00;
}

div.toplink {
padding:0px;
margin:0px 0px 0px 15px;
}

div.toplink a {
font-size:11px;
font-weight:normal;
}

table.main {
padding:0px;
margin:10px 0px 0px 0px;
width:100%;
border:none;
}

/*****************************/
/* class definitions end     */
/*****************************/

/*****************************/
/* top table starts          */
/*****************************/

td.title_top_left {
color:#ffffff;
background-color:#336699;
height:30px;
border-top:solid 1px #000000;
}

td.title_top_right {
color:#ffffff;
background-color:#336699;
height:30px;
border-top:solid 1px #000000;
}

td.title_bot_left {
color:#336699;
background-color:#FFCC00;
height:26px;
border-top:solid 1px #990000;
border-bottom:solid 1px #000000;
}

td.title_bot_right {
color:#336699;
background-color:#FFCC00;
height:26px;
border-top:solid 1px #990000;
border-bottom:solid 1px #000000;
}

/*****************************/
/* top table ends            */
/*****************************/

/*****************************/
/* quicksearch starts        */
/*****************************/

form.qs {
text-align:right;
padding:0px;
margin:0px 13px 0px 0px;
}

form.qs p {
font-size:11px;
font-weight:normal;
padding:0px;
margin:0px;
}

form.qs input.button {
font-size:11px;
font-weight:normal;
width:30px;
color:#000000;
background-color:#f9f9ff;
border:solid 1px #c0d3e2;
padding:0px;
margin:0px;
}

form.qs input.textfield {
font-size:11px;
font-weight:normal;
padding:0px;
margin:0px;
}

/*****************************/
/* quicksearch ends          */
/*****************************/

/*****************************/
/* main starts               */
/*****************************/

td.main {
vertical-align:top;
width:100%;
}

div.main {
font-size:12px;/* Internet Explorer needs this */
font-weight:normal;
line-height:24px;
text-align:justify;
color:#000000;
background-color:#ffffff;
padding:10px 10px 10px 10px;
margin:10px 10px 10px 12px;
}

div.main h1 {
font-size:22px;
color:#336699;
font-weight:bold;
}

div.main h2 {
font-size:18px;
color:#336699;
font-weight:normal;
}

div.main h3 {
font-size:16px;
font-weight:normal;
}

div.main h4 {
font-size:13px;
font-weight:bold;
padding:0px;
margin:25px 0px 2px 0px;
border-bottom:solid 1px #cccccc;
}

div.main h4 a {
font-size:13px;
font-weight:bold;
text-decoration:none;
}

div.main h4 span.top {
font-size:11px;
font-weight:normal;
}

div.main h4 span.top a {
font-size:11px;
font-weight:normal;
text-decoration:none;
}

div.main p {
padding:0px;
margin:2px 0px 10px 10px;
}

div.main table {
font-family:lucida,verdana,sans-serif;
font-size:12px;				/* Internet Explorer needs this */
font-weight:normal;
line-height:17px;
margin-left:10px;
}

div.main td {
padding:0px 5px 0px 5px;
margin:0px;
}



/*****************************/
/* main ends                 */
/*****************************/

/*****************************/
/* navbox starts             */
/*****************************/

td.navbox {
vertical-align:top;
width:180px;
border-right:solid 1px #cccccc;
}

div.navbox {
font-size:11px;
font-weight:normal;
line-height:17px;
width:162px;
padding:0px;
margin:0px 10px 10px 10px;/* 160px + 10px + 10px = 180px td.width */
}

div.navbox h5 {
font-size:13px;
font-weight:bold;
color: #990000;
padding:2px 5px 1px 5px;
margin:0px;
border:none;
}

div.navbox h5 a {
font-size:13px;
font-weight:bold;
text-decoration:none;
}

div.navbox2 ul {
list-style-type:none;
padding:0px;
margin:0px;
}


div.navbox2 li {
padding:1px 5px 0px 20px;
margin:0px;
}

ul.collapse{
padding:0px;
margin:0px;
}

div.category ul { text-align: center;
padding:0px;
margin:0px;
list-style-type:none; 
}

div.category li{display: inline;
list-style-position:inside;
padding:0px;
}

div.category li a{
font-weight:bold; 
}
div.category li ul li{
list-style-type:none;
list-style-position:inside;
padding:0px;
margin:0px; 
}
div.category li ul li a{
font-weight:normal; font-size: 12px;
}

div.impressum {
color:#000000;
background-color:#ffcc00;
padding:0px;
margin:10px 0px 0px 0px;
border-top:solid 1px #336699;
}
div.navbox, div.impressum, div.active {
border:solid 1px #ffcc00;
}

/*****************************/
/* navbox ends               */
/*****************************/

/* ricerca google */
#cerca {display: block; width: 800px; margin: 0 auto; padding: 10px; background: #FFFFFF; border: 2px solid #990000;}
#div-1228838690440 { width:250px; border:1px solid #000000;}
#div-1228840752215 { width:250px; border:1px solid #000000;}
.cse-branding-bottom, .cse-branding-right { margin:0; padding:0}
.cse-branding-bottom:after, .cse-branding-right:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cse-branding-text { font: 10px Arial;}
.cse-branding-form form {margin-bottom: 0; padding-bottom: 0;}
/* Bottom-specific selectors */
.cse-branding-bottom .cse-branding-logo, .cse-branding-bottom .cse-branding-text {display: block; text-align:center;}
.cse-branding-bottom .cse-branding-form { margin-bottom: 3px;}
.cse-branding-bottom .cse-branding-logo { padding: 0;}
.cse-branding-bottom .cse-branding-text {padding-top: 4px;}
.cse-branding-right .cse-branding-form { float: left;}
/* Right-specific selectors */
.cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text {margin-left: 4px;}
.cse-branding-right .cse-branding-form {float: left;margin-right: 4px;}
.cse-branding-right .cse-branding-logo {padding: 0}
.cse-branding-right .cse-branding-text {margin-top: -4px}
/* fine ricerca interna google */            

/* lightbox */            
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.seoguru.it/article-marketing/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.seoguru.it/article-marketing/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* fine lightbox */