/* css for Pneustar and Pneuspoleto Srl */

* { margin:0; padding:0; }

html, body{ height:100%; }

.hide, #logo span, #news_top_right a span, #dove span{ display:none; }

body{
	background:#111111 url(../images/body_bg.gif) repeat;
	font:10px "Arial", Verdana, Helvetica, sans-serif;
	line-height:1.4;
	text-align:center;
	color:#eeeeee;
}

a{ text-decoration:none; }

img{ border:0; }

span{ cursor:default; }

small{ color:#444444; font-size:80%; }

.clearer{ display:block; clear:both; }

.spinner{ background:url(../images/mini_spinner.gif) 130px center no-repeat; }

.required{ background-color:#000068; color:#ffffff; }

#log{ font-size:1.3em; line-height:92px; text-align:center; }

h1{
	display:block;
	clear:both;
	margin-bottom:8px;
	padding:6px 12px;
	font-size:1.3em;
	text-align:left;
	text-transform:uppercase;
	background-color:#333333;
	color:#eeeeee;
}

h2{
	display:block;
	clear:both;
	margin-top:15px;
	padding-bottom:10px;
	font-size:2em;
	text-align:left;
	color:#ffffff;
}

h3{
	display:block;
	clear:both;
	margin-top:10px;
	padding-bottom:15px;
	font-size:1.4em;
	text-align:left;
	color:#ffffff;
}

h5{
	display:block;
	clear:both;
	padding:1px 0 2px 0;
	font-size:1.4em;
	font-style:italic;
	text-align:left;
	color:#ffffff;
}

h6{
	display:inline;
	float:left;
	margin:10px 0;
	padding:0 12px;
	font-size:1.2em;
	text-align:left;
	text-transform:uppercase;
	color:#ffffff;
}

.wrapper{
	position:relative;
	margin:0 auto;
	width:920px;
}

#container{
	float:left;
	clear:both;
	width:100%;
	margin:0 auto;
	background:url(../images/container_bg.png) center center repeat-y;
}

#header{
	position:relative;
	float:left;
	width:920px;
	height:80px;
	background:#111111 url(../images/header_bg.png) top repeat-x;
	border-bottom:1px solid #121212;
}

#subheader{
	float:left;
	clear:both;
	width:920px;
	height:32px;
	margin-bottom:5px;
	background:#222222 url(../images/subheader_bg.png) top repeat-x;
	border-top:1px solid #070707;
}

#subheader p{ line-height:32px; color:#aaaaaa; background:url(../images/subheader_inner.png) center center no-repeat; text-indent:-9999px; }

#logo{
	position:relative;
	float:left;
	width:340px;
	height:65px;
	margin-top:15px;
	background:url(../images/logo_bg.png) left bottom no-repeat;
}

#logo a:link, #logo a:visited{
	position:absolute;
	float:left;
	width:246px;
	height:60px;
	top:4px;
	left:0;
	background:url(../images/logo_pneus.png) center center no-repeat;
}

#menu{
	float:right;
	width:580px;
	height:32px;
	list-style:none;
	background:url(../images/menu_bg.png) bottom repeat-x;
}

#menu li{ display:inline; float:left; width:116px; height:32px; background:url(../images/menu_li_bg.png) left bottom no-repeat; overflow:hidden; }

#menu a{
	display:inline;
	float:left;
	width:114px;
	height:29px;
	margin:3px 2px 0 2px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	line-height:29px;
	text-align:center;
	color:#fdf0f3;
}

#menu a:hover{ background:url(../images/menu_a_bg.png) top repeat-x; }

#menu a:focus, #menu a:active, #menu li.selected a{ background:url(../images/menu_a_bg.png) bottom repeat-x; }

#menu li.selected a{ cursor:default; }

#private{ position:relative; top:0; right:0; float:right; width:580px; height:48px; /*background-color:#ccc; */}

#private form{ position:absolute; top:12px; right:20px; float:left; }

#private fieldset{ float:left; border-width:0; }

#private #legend{ float:left; margin-right:12px; font-size:1.4em; font-style:italic; font-weight:bold; line-height:1.8; letter-spacing:-1px; color:#ffffff; }

#private label{
	display:inline;
	float:left;
	margin:0 5px;
	line-height:2.6;
	font-size:1.1em;
	text-align:left;
	color:#ffffff;
}

#private .input{
	display:inline;
	float:left;
	margin-right:12px;
	border-width:2px 0 0 2px;
	padding:4px 2px;
	border-style:solid;
	border-color:#585858;
	font:14px "Arial", Helvetica, sans-serif;
	color:#cccccc;
	background:#222222;
}

#private .input{ width:100px; height:16px; }

input#ps_login{ display:inline; float:left; width:62px; height:26px; border:0; background:none; }

.warning, .logouted{ clear:both; width:860px; margin:6px auto; padding:14px; font-size:1.1em; color:#636363; }

.warning{ background:#FFEDEF; border:1px solid #FFC5CC; }
.logouted{ background:#E2F9E3; border:1px solid #9ECE9E; }

#content{
	float:left;
	width:920px;
	padding-bottom:20px;
}

#footer{
	display:block;
	width:100%;
	clear:both;
	height:108px;
	background:url(../images/container_bg.png) center center repeat-y;
	overflow:hidden;
}

#footer-inner{ 
	display:block;
	width:100%;
	height:100px;
	padding-top:8px;
	background:url(../images/footer_bg.png) center bottom repeat-x;
}

#logos{
	display:inline;
	float:left;
	margin-left:1.5em;
	list-style:none;
}

#logos li{
	display:inline;
	float:left;
	height:100px;
	margin-right:10px;
	background-position:center center;
	background-repeat:no-repeat;
}

#logos span{ visibility:hidden; }

li#pneustar{ width:131px; background-image:url(../images/pneustar_footer.png); }
li#pneuspoleto{ width:157px; background-image:url(../images/pneuspoleto_footer.png); }

#note{ display:inline; float:right; margin-right:5em; padding:28px 0; }

#note p{ line-height:21px; color:#585858; }

#note a:link, #note a:visited{ color:#ffffff; }

#note a:focus, #note a:hover, #note a:active{ color:#000000; }

#note span{ padding:0 2px; }

p#copy{ font-size:1.1em; color:#ffffff; }

strong{ color:#ff2843; }


/* content */

.content{ display:block; width:880px; margin:0 auto; }

.content p{ float:left; width:100%; text-align:justify; }

p.big{ font-size:1.8em; line-height:1.8; }
p.medium{ padding-bottom:8px; font-size:1.4em; line-height:1.6; }
p.small{ font-size:1.2em; }


/* homepage */

#news{ display:inline; float:left; margin-left:20px; padding:12px 0; }

#news a:link, #news a:visited{ position:relative; display:inline; float:left; width:211px; height:140px; margin-right:12px; }

#news a img{ float:left; width:211px; height:140px; }

#news span{
	position:absolute;
	display:block;
	clear:both;
	left:0;
	bottom:0;
	width:201px;
	height:30px;
	padding:5px;
	line-height:1.4;
	text-align:center;
	background:url(../images/news_a_bg.png) bottom no-repeat;
	color:#ffffff;
	cursor:pointer;
}

.inner{ padding:15px; }

#homepage{
	display:inline;
	float:left;
	width:626px;
	height:260px;
	margin-top:10px;
	margin-left:20px;
	padding:20px 15px;
	background:url(../images/homepage_bg.png) center center no-repeat;
}

#homepage p{
	display:block;
	clear:both;
	padding:4px 12px;
	line-height:1.5;
	font-size:1.2em;
	text-align:justify;
}

span#pneushome{ clear:both; float:left; margin:9px 172px; }

#box{
	display:inline;
	float:left;
	width:211px;
	height:300px;
	margin-top:10px;
	margin-left:12px;
}

#box a:link, #box a:visited{ float:left; width:211px; height:300px; }

#box img{ display:block; }

#box p{ display:none; }


/* slideshow */

#slideshow{	position:relative; display:block; clear:both; top:0; margin:12px auto 5px auto; width:880px; height:300px; overflow:hidden; z-index:1; }

#slideshow_inner{
	position:absolute;
	top:0;
	left:0;
	width:880px;
	height:300px;
	z-index:25;
}

#slideshow_inner span, #slideshow_inner span img{ display:block; }

#slideshow_mask{ position:relative; width:880px; height:300px; overflow:hidden; }

#slideshow_info{ position:absolute; left:0; bottom:0; width:880px; height:50px; background-color:#111111; z-index:50; }

#slideshow_info p, #slideshow_info h4{ color:#ffffff; padding:0 15px; }

#slideshow_info h4{ display:block; clear:both; margin-top:12px; font-size:1.6em; text-align:left; }

#slideshow_info h4 span{
	float:right;
	background-color:#cccccc;
	color:#111111;
	font-size:0.7em;
	padding:3px 6px;
	text-decoration:none;
}

#slideshow_over{ position:absolute; width:880px; height:300px; top:0; left:0; background:url(../images/slideshow_over_bg.png) no-repeat; z-index:100; }


/* azienda */

#azienda{
	display:inline;
	float:left;
	clear:both;
	width:880px;
	height:126px;
	margin:10px 20px;
	background:url(../images/azienda_bg.png) center center no-repeat;
}

#azienda a:link, #azienda a:visited{ display:inline; float:left; margin:20px 0 0 12px; background-color:#222222; border:6px solid #333333; }

#azienda a:focus, #azienda a:hover, #azienda a:active{ background-color:#222222; border:6px solid #444444; }

#azienda img{ display:block; }


/* consigli */

#pressione{
	display:inline;
	float:left;
	clear:both;
	width:850px;
	height:240px;
	margin-left:20px;
	padding:0 15px;
	background:url(../images/full_bg.png) center center no-repeat;
}

#pressione-inner{ clear:both; margin:0 auto; width:760px; }

#pressione p{ float:left; clear:both; line-height:1.4; text-align:justify; }

#pressione-inner div{ display:inline; float:left; width:380px; height:100px; }

#pressione-inner p{ width:380px; padding-bottom:7px; font-size:1.2em; }

#pressione-inner img{ display:inline; float:left; border:6px solid #333333; }

#pressione-inner ul{ display:inline; float:left; width:200px; list-style-position:inside; }

#pressione-inner li{ clear:both; padding:5px 10px; text-align:left; }

#consigli{ display:inline; float:left; clear:both; width:900px; margin-left:20px; padding-top:3px; }

#consigli div{
	display:inline;
	float:left;
	width:410px;
	height:166px;
	margin:12px 12px 0 0;
	padding:2px 12px;
	background:url(../images/consigli_bg.png) center center no-repeat;
}

#consigli p{ float:left; width:412px; font-size:1.2em; line-height:1.6; text-align:justify; }

#consigli img{ display:inline; float:left; margin-right:10px; border:6px solid #333333; }

#consigli br{ margin-bottom:3px; }

#consigli p a:link, #consigli p a:visited, #pressione p a:link, #pressione p a:visited{ color:#cccccc; }

#consigli p a:focus, #consigli p a:hover, #consigli p a:active, #pressione p a:focus, #pressione p a:hover, #pressione p a:active{ color:#ff2843; }


/* news */

#news_top_left{ display:inline; float:left; width:610px; }

#news_top_right{ display:inline; float:right; width:270px; }

#news_top_right a:link{
	float:right;
	width:164px;
	height:48px;
	margin:18px 0;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	background:url(../images/logo_superservice2000.png) center bottom no-repeat;
	color:#cccccc;
}

#news_top_right a:focus, #news_top_right a:hover, #news_top_right a:active{ color:#ffffff; }

#news-list{ display:inline; float:left; width:900px; height:614px; margin-left:20px; }

.new{
	display:inline;
	float:left;
	width:434px;
	height:126px;
	margin:12px 12px 0 0;
	background:url(../images/new_bg.png) center center no-repeat;
}

.new div{ display:inline; float:left; width:270px; text-align:left; }

.new div p{ display:inline; float:left; clear:both; width:246px; padding:3px 12px; font-size:1.1em; color:#ffffff; }

.new p a:link, .new p a:visited{ color:#cccccc; }

.new p a:focus, .new p a:hover, .new p a:active{ color:#ff2843; }

.new a.title:link, .new a.title:visited{
	display:inline;
	float:left;
	margin-top:18px;
	padding:0 12px;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	color:#ff2843;
}

.new a.title:focus, .new a.title:hover, .new a.title:active{ color:#95abb1; }

.new a.image{ display:inline; float:left; margin:15px 0 0 12px; background-color:#222222; border:6px solid #333333; }

.new a.image:focus, .new a.image:hover, .new a.image:active{ background-color:#222222; border:6px solid #444444; }

.new img{ display:block; width:140px; height:90px; }

.new div.text{ width:434px; }

.new div.text a.title:link, .new div.text a.title:visited{ width:410px; clear:both; }

.new div.text p{ width:410px; clear:both; text-align:justify; }

#new{ display:inline; float:left; margin:0 20px; max-height:2048px; min-height:614px; width:880px; }

#date{ display:block; margin-bottom:12px; clear:both; font-size:1em; text-align:left; }

#date span{ color:#ff2843; }

#new div#text, #new div#text p{ display:block; font-size:1.2em; line-height:1.6; text-align:justify; }

#new div#text a, #new div#text a{ color:#eeeeee; text-decoration:underline; }

#images{ float:left; width:154px; margin-right:15px; }

#images a.image:link, #image a.image:visited{
	float:left;
	width:140px;
	height:100px;
	margin-top:9px;
	background-color:#222222;
	border:6px solid #333333;
}

#images a.image:focus, #images a.image:hover, #images a.image:active{ background-color:#222222; border:6px solid #444444; }

#images img{ display:block; }


/* servizi */

#servizi{ display:inline; float:left; width:680px; margin:0 12px 20px 20px; }

#servizi p{ float:left; width:100%; padding-bottom:8px; font-size:1.4em; line-height:1.6; text-align:justify; }

#servizi ul{ display:block; clear:both; margin:0 25px; padding:15px 0; list-style:none; }

#servizi li{
	clear:both;
	margin-bottom:2px;
	padding-left:25px;
	font-size:1.2em;
	line-height:48px;
	text-align:left;
	border-width:2px 0 0 2px;
	border-style:solid;
	border-color:#585858;
	background-color:#111111;
}

#servizi li.lighted{ background-color:#222222; }

#links{
	display:inline;
	float:right;
	width:180px;
	height:960px;
	margin:48px 20px 20px 0;
	padding:20px 0;
	background:url(../images/links_bg.png) center center no-repeat;
}

#links ul{ display:block; width:140px; padding:0 20px; list-style:none; }

#links li{ float:left; clear:both; margin:5px 0; }

#links a{ float:left; width:140px; height:70px; }

#links img{ display:block; }


/* contatti */

#contatti-left{ display:inline; float:left; margin:0 12px 20px 20px; width:434px; }

#contatti-left p{ float:left; width:434px; padding-top:2px; font-size:1.2em; line-height:2; text-align:justify; color:#ffffff; }

#contattiForm{
	display:inline;
	float:left;
	width:416px;
	height:590px;
	margin-top:12px;
	padding:9px;
	background:url(../images/contattiForm_bg.png) center center no-repeat;
}

#required{ display:inline; float:left; width:140px; padding:7px 14px; font-size:1em; color:#ffffff; }

#contattiForm div#contattiEmail{
	display:inline;
	float:left;
	clear:both;
	width:397px;
	height:14px;
	margin:20px 9px 12px 9px;
	padding:9px 0;
	text-align:center;
	color:#ffffff;
	background:#333333;
}

#contattiForm div#contattiEmail a:link, #contattiForm div#contattiEmail a:visited{ color:#eeeeee; }

#contattiForm div#contattiEmail a:focus, #contattiForm div#contattiEmail a:hover, #contattiForm div#contattiEmail a:active{ color:#dddddd; }

#contattiForm div#contattiEmail span{ padding:0 1em; }

#contattiForm fieldset{ float:left; border-width:0; }

#contattiForm div{ display:inline; float:left; clear:both; width:434px; margin:5px 0; }

#contattiForm label{
	display:inline;
	float:left;
	width:60px;
	height:16px;
	padding:1px 6px 1px 9px;
	font-size:1em;
	text-align:left;
	color:#ffffff;
}

#contattiForm input, #contattiForm textarea, #contattiForm a#securedCaptcha{
	display:inline;
	float:left;
	margin-right:12px;
	border-width:2px 0 0 2px;
	padding:1px 0;
	border-style:solid;
	border-color:#585858;
	font:12px "Arial", Helvetica, sans-serif;
	color:#cccccc;
	background:#222222;
}

#contattiForm input{ width:120px; height:16px; }

#contattiForm textarea{ width:329px; height:96px; }

#contattiForm a#securedCaptcha{ float:left; margin-left:75px; padding:0; clear:both; }

#contattiForm a#securedCaptcha img{ display:block; }

#contatti-left #contattiForm div label.linear{ clear:both; width:340px; margin:10px 0 10px 64px; padding:0 10px; }

#contatti-left #contattiForm div input#ps_agree{ float:left; width:auto; }

#contattiForm input#ps_secured{ height:26px; font-size:20px; }

.separe{ padding-top:14px; }

.separe p{ display:inline; float:right; width:434px; padding:9px 0; font-size:0.9em; color:#ffffff; }

p#required{ display:block; clear:both; width:135px; padding-top:12px; padding-left:77px; font-size:0.9em; }

p#privacy{
	display:inline;
	float:left;
	width:367px;
	height:92px;
	margin:0 12px;
	padding:7px 12px;
	font-size:1.1em;
	line-height:1.4;
	text-align:justify;
	color:#ffffff;
	border-width:2px 0 0 2px;
	border-style:solid;
	border-color:#585858;
	background:#222222;
	color:#eeeeee;
}

input#ps_submit{ display:inline; float:right; width:76px; height:32px; margin:12px 30px 0 0; border:0; background:none; }

#contatti-right{ display:inline; float:right; margin:9px 20px 20px 0; width:434px; }

.sedi{ float:left; clear:both; width:440px; margin-top:12px; }

.sedi p{ float:left; font-size:1em; color:#ffffff; padding:0 20px; line-height:1.6em; text-align:left; }

.sedi p strong{ display:block; font-size:1.2em; }

#map-a, #map-b{ float:left; clear:both; width:426px; height:260px; margin-top:15px; border:4px solid #222222; background:#111111; }

#map-a span, #map-b span{ font-size:0.8em; }

#map-a p, #map-b p{ margin:0; padding:0; color:#000000; }


/* pagination */

div.pagination{
	display:block;
	clear:both;
	width:600px;
	margin:20px auto 0 auto;
	padding-bottom:1px;
	font-size:1em;
	line-height:40px;
}

.pagination a, .pagination span{
	display:inline;
	margin:2px 3px;
	padding:4px 8px;
	font-size:1.1em;
	border-width:2px 0 0 2px;
	border-style:solid;
	border-color:#585858;
}

div.pagination a{ background-color:#000068; color:#ffffff; }

div.pagination a:focus, div.pagination a:hover, div.pagination a:active{ background-color:#95abb1; color:#000000; }

div.pagination span.current{ font-weight:bold; background-color:#ff2843; color:#ffffff; }

div.pagination span.disabled{ background-color:#cccccc; color:#999999; }

.nothing{ height:35em; margin-right:20px; line-height:35em; font-size:1.4em; color:#cccccc; background:#111111; }

