/*

Theme Name: Tema Link4

*/



/* --- Resets --- */



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, 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-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* --- Link Styles --- */



a:link, a:visited {

	color: #cc6600;

	text-decoration: none;

}

a:hover {

	color: #cc6600;

	text-decoration: none;

}

a:active {

	color: #cc6600;

	text-decoration: none;

}

img {

	float: left;
        margin: 0px 10px 10px 0px;



}

:focus {

	outline: 0;

}



ol, ul {

	list-style: none;

}



.hide {

	display: none;

}


hr {
	height: 1px;
	color: #545454;
	background-color: #545454;
	border: 0px;
	}



strong {

	font-weight: bold;

	color: #333;

}



.clear {

	clear: both;

}

h2 {

	color: #cc3300;

	font: 24px Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 0px 0 15px 0;

}


h3 { clear:both; }

em {

	color: #999999;

	font: 11px Arial, Helvetica, sans-serif;
}

h2 a:hover, h5 a:hover{

	color: #999999;

}


/* --- Basic Styles --- */



body {

	background: #000000 url(images/bg-body.jpg)	top left repeat-x;

	font: 12px/20px   Arial, "Helvetica", sans-serif;

	color: #fff;

}



body#subpage {

	background: #fff url(images/bg-subbody.jpg) top left repeat-x;
        font: 12px/20px   Arial, "Helvetica", sans-serif;

	color: #545454;
}



p {

	margin: 5px 0 0 0;

}



#container {

	width: 900px;

	min-height: 100%;

    height: auto !important;

    height: 100%;

    margin: 0 auto -120px;

	text-align: left;

}



/* -------------------------

--------- HOMEPAGE ---------

-------------------------- */



/* --- Top Header --- */



#top {

	width: 900px;

	height: 127px;

	background: transparent url(images/bg-top.jpg) top left no-repeat;

	position: relative;

}



#top h1 {

	background: transparent url(images/logo.png) top left no-repeat;

	text-indent: -9999px;

	width: 241px; height: 100px;

	margin:15px 0 0 18px;

	float: left;

}

#lingue {	

	float: right;

	position: relative;

        margin: 0px 0px auto auto;

}



.qtrans_language_chooser li { float:left; margin-right:10px;  }






/* --- Navigation --- */



#nav {

	position: absolute;

	bottom: 0px;

right: 0px;

}



#nav li {

	display: block;

	background: url(images/bg-nav2.png) top no-repeat;

        font: 14px Arial, Helvetica, sans-serif;

	width: 100px;

	height: 35px;

	line-height: 35px;

	float: left;

	text-align: center;

	margin: 0 5px 0 0;

}



#nav li a {

	color: #cc6600;

}



#nav li a:hover {

	color: #999999;

	text-decoration: none;

}



#nav li.current_page_item {

	background-position: bottom;

}



#nav li.current_page_item a {

	color: #ffffff;

}



#nav li a {

	display: inline;

	line-height: 39px;

}





/* --- Flash / Slider --- */





#flashdiv {

	height: 320px;
	width: 900px;
	overflow: hidden;
background: url(images/slide_bg.png) top no-repeat;
	position: relative;
padding: 0px auto;
margin: 50px auto 20px auto;


}

#slider {
	overflow: hidden;
	margin: 0px auto;
}



#item {

	width: 820px;

}



.spotlight-item {

	margin: 15px 50px 0;

	overflow: hidden;

	width: 820px;

	float: left;

	position: relative;

	display: inline;

}



.spotlight-item h2 {

	color: #2a2a2a;

	font: 48px Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 0px 0 15px 0;

}



.spotlight-item p {

	color: #444;

	font: 11px/18px Arial, Helvetica, sans-serif;

	padding: 0 0 0 2px;

}



.spotlight-item .description {

	margin: 40px 0 0 10px;

	width: 260px;

}



.spotlight-item img {

	position: absolute;

	top: 0; right: 0;

}







#spotlight img.preview {

	float: right;

}





/* --- MAIN CONTENT --- */



/* --- Content: First Row --- */



#mainContent {

	background: transparent;

	

}



#topMain {

	padding: 10px 0 0 18px;

	margin: 0 0 20px 0;

	overflow: hidden; 

}



#who {

	width: 490px;

	float: left;

	padding: 0 20px 0 0;

}



#who img {

	background-color: #eee;

	border: 1px solid #ccc;

	padding: 7px;

	margin: 0 25px 5px 5px;

	float: left;

}



#who h3 {

	background-color: #cc6600;

	color: #fff;

	font-size: 12px;

	line-height: 18px;

	text-align: left;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	padding: 5px 15px 5px;

	margin: 20px 0px 10px 0px;


}



#who p {

	margin: 0 0 20px 0;

}



#who p.more {

	text-align: right;

}



#who p.more a {

	text-decoration: underline;

}

#who h4, #who h4 a {

	color: #999999;

	font: 25px Arial, Helvetica, sans-serif;
}

#who h4 a:hover {

	color: #ffffff;

}



#news {

	width: 345px;

	float: right;

	margin: 8px 0 0 0;

	padding: 0 0 0 25px; 

	border-left: 1px solid #545454;

}



#news li {

	width: 327px; 

	height: 45px;

	display: block;

	padding: 10px 0px 0px 0px;

	color: #999999;

}
#news h2 a{

	color: #999999;

	font: 25px Arial, Helvetica, sans-serif;
}
#news h2 a:hover {

	color: #ffffff;

}


#news li h5 {

	color: #999999;

	font: 15px Arial, Helvetica, sans-serif;
text-align: center;

}



#news li h5 a {

	color: #be3646;



}



#news li h5 a:hover {

	color: #626466;

text-decoration: none;

}



#news li p {

	color: #545454;

	font: 11px Arial, Helvetica, sans-serif;

}



#news li#first {

	border-bottom: 1px solid #e4e4e4;

	background: #e6e7e7;

}



#news li#first:hover {

	text-decoration: none;

	border-bottom: 1px solid #d0d0d0;

	background: #f6f6f6;

}



#news li#second {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #e4e4e4;

	background: #e6e7e7;

}



#news li#second:hover {

	text-decoration: none;

	border-bottom: 1px solid #d0d0d0;

	background: #f6f6f6;

}



#news li#third {

	border-top: 1px solid #fff;

	background: #f6f6f6 url(images/third.png) top left no-repeat;

}



#news li#third:hover {

	text-decoration: none;;

	background: #fff url(images/third.png) top left no-repeat;

}

/* --- Bottoni Social net --- */

#social {
width: 90px; 
  float: right;     
height: 40px;
padding: 8px 0 0 0;
}

#social1 a {
        width: 30px; 
	height: 24px;
        float:right;
	background: url(images/icon_facebook_01.png) top left no-repeat;
}
#social1 a:hover {
	background: url(images/icon_facebook_02.png) top left no-repeat;

}

#social2 a {
        width: 30px; 
	height: 24px;  
        float:right;      
	background: url(images/icon_youtube_01.png) top left no-repeat;
}
#social2 a:hover {      
	background: url(images/icon_youtube_02.png) top left no-repeat;
}

#social3 a {
        width: 30px; 
	height: 24px;  
        float:right;      
	background: url(images/icon_myspace_01.png) top left no-repeat;
}
#social3 a:hover {      
	background: url(images/icon_myspace_02.png) top left no-repeat;
}

/* --- Content: Second Row --- */



#bottomMain {

	border-top: 1px solid #e4e4e4;

	padding: 15px 15px 0;

	margin: 0px;

	overflow: hidden; 

}



#notes {

	width: 265px;

	padding: 0 25px 0 0;

	float: left;

}



#swipe {

	width: 270px;

	padding: 0 25px 0 25px;

	float: left;

	border-right: 1px solid #e4e4e4;

	border-left: 1px solid #e4e4e4;

}



#bulb {

	width: 220px;

	float: left;

	padding: 0 0 0 25px;

}



#notes h4, #swipe h4, #bulb h4 {

	color: #222;

	font: 14px/24px Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 0 0 10px 0;

	height: 20px;

	padding: 0 0 0 25px;

}



#notes h4 {

	background: url(images/h4-notes.jpg) top left no-repeat;

}



#swipe h4 {

	background: url(images/h4-swipe.jpg) top left no-repeat;

}



#bulb h4 {

	background: url(images/h4-bulb.jpg) top left no-repeat;

}



/* --- FOOTER --- */



#footer, .push {

    height: 144px;

    padding: 4px 0 0 0;

}



#footer {

	background: #333333 ;

	color: #fff;

}



#footer-inner {

	width: 902px;

    height: 24px;

	

	margin: 0 auto;

	overflow: hidden;

}



#footer-inner p {

	float: left;

}



#footer-inner p.validate {

	float: right;

	line-height: 18px;

	font-size: 10px;

	font-weight: bold;

	text-transform: uppercase;

}



#footer-inner p.validate a {

	color: #555;

	background: url(images/valid.jpg) top left no-repeat;

	padding: 0 0 0 20px;

	margin: 0 25px 0 0;

	height: 20px;

	display: block;

	float: left;

}





/* -------------------------

--------- SUBPAGES ---------

-------------------------- */



#content {

	width: 100%;

	background: transparent;

	margin: 36px 0 0 0;

	overflow: hidden;

}



#portfolio {

width: 585px;

	margin: 30px 5px 0;

	overflow: hidden;

}



/* --- Galleria prodotti Item --- */



.item {

min-height: 350px;

	width: 125px;

	float: left;

	margin: 0 10px 20px;

	color: #565656;

}



.item img {

	background-color: #ececec;

	border: 1px solid #ddd;

	padding: 6px;

	margin: 0 0 15px;

}



.item h2 {

	font: 14px Arial, Helvetica, sans-serif;

	border-top: 1px solid #e4e4e4;

	border-bottom: 1px solid #e4e4e4;

	padding: 12px 0 12px 2px;

	margin: 0 7px 15px;

}



.item h2 a {

	color: #565656;

}



.item p {

	padding: 0 5px;

}



/* --- Team Item --- */







.item-team {

	width: 170px;

	float: left;

	margin: 0 10px 40px;

	color: #565656;

}



.item-team img {

	background-color: #ececec;

	border: 1px solid #ddd;

	padding: 6px;

	margin: 0 0 15px;

}



.item-team h2 {

	font: 18px Arial, Helvetica, sans-serif;

	border-top: 1px solid #e4e4e4;

	border-bottom: 1px solid #e4e4e4;

	padding: 12px 0 12px 2px;

	margin: 0 7px 15px;

}



.item-team h2 a {

	color: #565656;

}



.item-team p {

	padding: 0 10px;

}



/* --- Portfolio Nav --- */



#folioNav {

	width: 100%;

	height: 35px;

	margin: 0 5px;

	background: #ececec url(images/bg-h3.jpg) top left repeat-x;

	border-bottom: 1px solid #e4e4e4;

	overflow: hidden;

}



#folioNav span#previous {

	float: left;

	width: 96px;

	height: 26px;

	background: transparent url(images/previous.png) top left no-repeat;

	text-indent: -9999px;

	margin: 5px 10px;

}



#folioNav span#next {

	float: right;

	width: 96px;

	height: 26px;

	background: transparent url(images/next.png) top left no-repeat;

	text-indent: -9999px;

	margin: 5px 10px;

}



/* --- Clients & Testimonials --- */



#wrap {

	margin: 40px 10px 25px 20px;

	overflow: hidden;

}



#clients {

	width: 600px;

	float: left;

	padding: 0 10px 0 0;

	border-right: 1px solid #e4e4e4;

}



#testimonials {

	width: 230px;

	float: left;

	margin: 0 0 0 20px;

}



#clients h4, #testimonials h4 {

	color: #222;

	font: 14px/16px Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 0 0 10px 0;

	height: 16px;

	padding: 0 0 0 22px;

}



#clients h4 {

	background: url(images/h4-clients.jpg) top left no-repeat;

}



#testimonials h4 {

	background: url(images/h4-testi.jpg) top left no-repeat;

	line-height: 10px;

	margin-left: 18px;

}



#clientlist {

	overflow: hidden;

}



#clientlist li {

	float: left;

	margin: 0 15px 0 0;

}



#clientlist li img {

	background-color: #ececec;

	border: 1px solid #ddd;

	padding: 6px;

	margin: 0 0 15px;

}



#testimonials blockquote {

	background: url(images/quotes.jpg) top left no-repeat;

	padding: 0 10px 0 25px;

	margin: 0 0 15px 0;

	color: #999;

	font-style: italic;

}



#testimonials p.author {

	padding: 0 10px 0 25px;

}



#testimonials span.readmore {

	display: block;

	width: 96px;

	height: 25px;

	background: transparent url(images/readmore.png) top left no-repeat;

	text-indent: -9999px;

	margin: 0 20px;

}



/* --- CONTACT PAGE --- */



#contactForm {

	width: 470px;

	float: left;

	padding: 0 20px 0 0;

	margin: 0px 0 25px 20px;

}



.topBorder {

	border-top: 1px solid #e4e4e4;

	padding-top: 10px;

}



#contactInfo {

	margin-bottom: 10px;

}



#contactInfo p {

	color: #545454;



}



#contactInfo h4 {

	color: #000;

	font: 16px/18px Arial, Helvetica, sans-serif;

	font-weight: bold;

	background: url(images/contact.png) top left no-repeat;

	margin: 0 0 10px 0;

	height: 14px;

	padding: 0 0 0 25px;

}



/* --- Contact Form --- */



#contactForm form label {

}



#contactForm form input {

	display: block;

	height: 15px;

	border: none;

	border: 1px solid #eee;

	background-color: #fcfcfc;

	width: 230px;

	margin: 0 0 20px 0;

	color: #2c2c2c;

	padding: 5px;

	font: 11px/20px Arial, Helvetica, sans-serif;

}



#contactForm form input#submit {

	display: inline;

	height: 25px;

	width: 97px;

	background: transparent url(images/send.png) top left no-repeat;

	border: 0;

	text-indent: -9999px;

	float: right;

	margin: 5px 55px 0 0; 	

}



#contactForm form textarea {

	display: block;

	border: none;

	border: 1px solid #eee;

	background-color: #fcfcfc;

	width: 400px;

	margin: 0 0 20px 0;

	color: #2c2c2c;

	padding: 5px;

	font: 11px/20px Arial, Helvetica, sans-serif;

}



#error{

	font-size: 14px;

	color: #b50606;

}



.loading{

	font-size: 14px;

	color: #459d10;

}







/* --- BLOG POSTS (chisiamo)--- */



#blogContent {

	padding: 0 0 0 18px;

	margin: 0 0 0 0;

	overflow: hidden; 

	background: transparent;

}



#blog {

	width: 545px;

	float: left;

	padding: 0 20px 0 0;

	margin: 0 0 0 0;

}



.post-top {

	overflow: hidden;

	margin: 0 0 10px 0;

}



.post-content {

	background: transparent url(images/bg-h3.jpg) top left repeat-x;

	padding: 15px 0 0;

}



.post-snippet, .post {

	padding: 0 0 0 0;

	border-bottom: 1px solid #ddd;

	margin-bottom: 25px;

	overflow: hidden;

}



.post-snippet h2, #comments h2 {

	font: 18px/24px Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #565656;

	width: 370px;

	float: left;

}



.post-snippet a, #comments h2 a {

	color: #cc6600;

}



.post-snippet .comments-link, .post-snippet .readmore, .post-snippet .more-link {

	float: right;

	width: 134px;

	background-color: #292929;

	color: #fff;

	font-size: 13px;

	line-height: 25px;

	text-align: center;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}



.post-snippet .comments-link a, .post-snippet .readmore a {

	color: #fff;

} 



img.thumb {

	float: left;

	margin: 0 15px 15px 0;

	display: inline;

	background-color: #ececec;

	padding: 6px;

	border: 1px solid #dfdede;

}



#post-nav {

	overflow: hidden;

}



#post-nav p {

	width: 140px;

	height: 50px;

	line-height: 50px;

	font-size: 18px;

	background-color: #f4f3f3;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	text-align: center;

}



#post-nav p a {

	color: #545454;

}



#post-nav p.previous {

	float: left;

}



#post-nav p.next {

	float: right;

}



/* --- SINGLE POST STYLES --- */



.post-img {

	margin: 0 15px 15px 2px;

	display: inline;

	border: 1px solid red;

	background-color: #ececec;

	padding: 6px;

	border: 1px solid #dfdede;

}



.post h2 {

	font: 18px/24px Arial, Helvetica, sans-serif;
	font-weight: normal;

	color: #565656;

	width: 350px;

	float: left;

}



.post .meta {

	float: right;

	background-color: #eaeaea;

	width: 175px;

	color: #fff;

	font-size: 11px;

	line-height: 25px;

	text-align: center;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}



.post blockquote, .post-snippet blockquote {

	margin: 15px 0px 0px 0px;

	padding: 0px;

	background-color: #fff;
border-top: 1px solid #e4e4e4;

	border-bottom: 1px solid #e4e4e4;

}



.post ol, .post-snippet ol {

	list-style: decimal inside;

	margin: 10px 20px;

}



.post ul, .post-snippet ul {

	list-style: inside;

	list-style-image: url(images/bullet.gif);

	margin: 10px 20px;

}



.promo {

	border-top: 1px solid #ddd;

	padding: 10px 25px 0;

	overflow: hidden;

}



.promo .feeds, .promo .tweet {

	font-size: 18px;

	padding: 0 0 0 40px;

	line-height: 32px;

}



.promo .feeds a, .promo .tweet a {

	color: #292929;

}



.promo .feeds {

	background: transparent url(images/feedicon.jpg) top left no-repeat;

	float: left;

	margin: 0 40px 0 0;

	border-right: 1px solid #ddd;

	padding: 0 25px 0 40px;

}



.promo .tweet {

	background: transparent url(images/tweeticon.jpg) top left no-repeat;

	float: left;

}



/* --- COMMENTS STYLES --- */



#subpage h3 {

	background-color: #cc6600;

	color: #fff;

	font-size: 12px;

	line-height: 18px;

	text-align: left;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	padding: 5px 15px 5px;

	margin: 20px 0px 10px 0px;
        clear: both;

}



#comments {

	margin: 20px 0 20px 0;

	border-top: 1px solid #ddd;

}



.comment {

	margin: 0;

	background-color: #f4f3f3;

	padding: 5px 15px 5px;

	border-bottom: 1px solid #ddd;

	overflow: hidden;

}



.comment .comment-meta {

	overflow: hidden;

	margin: 5px 0 5px 0;

}



.comment .avatar {

	float: left;

	margin: 0 15px 0 0;

	display: inline;

	background-color: #ececec;

	padding: 4px;

	border: 1px solid #dfdede;

}



.comment .name {

	font-size: 24px;

	margin: 10px 0 5px 0;

}



.comment .name a {

	color: #292929;

}



.author {

	background-color: #fbfbfb;

}



.comment .comment-text {

	font-size: 12px;

	margin: 0 0px 0;

}



/* --- COMMENT FORM --- */



form#commentform {

	background-color: #f4f3f3;

	padding: 15px 20px 15px;

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	margin: 15px 0 25px 0;

	overflow: hidden;

}



form#commentform label {

	display: block;

	font-size: 12px;

	font-weight: bold;

	color: #292929;

	margin: 0 0 5px 0;

}



form#commentform label span {

	font-size: 11px;

	font-weight: normal;

	font-style: italic;

}



form#commentform #author, form#commentform #email, form#commentform #url {

	width: 270px;

	height: 30px;

	background-color: #fff;

	border: 1px solid #dfdfdf;

	font-size: 13px;

	padding: 0 5px 0;

	margin: 0 0 10px 0;

}



form#commentform textarea {

	width: 470px;

	height: 120px;

	background-color: #fff;

	border: 1px solid #dfdfdf;

	font-size: 13px;

	padding: 0 5px 0;

	margin: 0 0 10px 0;

}



form#commentform #submit {

	background-color: #292929;

	color: #fff;

	font-size: 11px;

	line-height: 18px;

	text-align: center;

	border: none;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	padding: 3px 15px 3px;

}





/* --- SIDEBAR & WIDGETS --- */



#sidebar {	

        background: #fffaf4 url(images/bg_boxprod2.png) top left no-repeat;

	width: 260px;

        min-height: 480px; 

	float: right;

	margin: 0 0 0 0;

	padding: 20px 20px 50px 20px; 



}



#sidebar .widget h2 {

	font: 18px/24px Arial, Helvetica, sans-serif;
	font-weight: normal;

	color: #cc6600;

	margin: 0 0 10px 0;

border-bottom: 1px solid #a0a5a8;

}



.widget {

	margin: 0 0 20px 0;

}



.widget .ad {

	margin: 0 5px 5px 0;

}



#sidebar ul div.widget ul li {

	background: transparent url(images/bg-li.gif) bottom left repeat-x;

	line-height: 25px;

	width: 260px;

}



.widget ul li a {

	color: #545454;

	background: transparent url(images/arrow.gif) left no-repeat ;

	padding: 0 0 0 15px;
border-bottom: 1px solid #a0a5a8;

}



#sidebar ul div.titolo ul li {

	background: transparent;

	line-height: 25px;

	width: 260px;

}

#sidebar .titolo h2 {

	font: 18px/24px Arial, Helvetica, sans-serif;
	font-weight: normal;

	color: #cc6600;

	margin: 0 0 10px 0;

border-bottom: 1px solid #a0a5a8;

}



/* SEARCH */



#s {

	width: 140px;

	margin: 26px 0px 0px 0px;

	padding: 3px;

	color: #66676a;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border: 1px solid #7a7a7a;

	-moz-border-radius: 6px;

	-khtml-border-radius: 6px;	

	-webkit-border-radius: 6px;

	border-radius: 6px;

	}



	#s:hover {

		background: #eee;

		}



#searchsubmit {

	margin: 0px 5px 0px;

	color: #b3071b;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	

	

	}



	#searchsubmit:hover {

		cursor:pointer;

		color: #626466;

		}