﻿/* @override 
	http://www.studiolegalealba.it/inc_sito/studiolegalealba.css */

@charset "UTF-8";
/* CSS Document */

@import url(_core/scripts/jquery_plugins/wowslider/wowslider.css);
@import url(_core/scripts/jquery_plugins/organictabs/organictabs.css);
@import url(_core/scripts/jquery_plugins/fancybox/fancybox.css);

/* font */
@import url(_core/font/novecento/stylesheet.css);


/* debug */
/* @import url(/inc_sito/_core/css/holmes.css); */


/* @group Generico */
html, body, h1, h2, h3, h4, h5, h6, div, a, p, img, ul, ol, li, table {margin:0; padding:0; border:0;}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #fff repeat-x left top;
}

img {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: 0;
}

ul, li {list-style-type: none;}

a:active, a:focus {outline: none;}
a {text-decoration: none; color: #666;}
a:hover {color: #004357;}

p, li {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-style: normal;
	font-weight: normal;
}


#wrapper {
	width: 980px;
	margin: 25px auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
}
#content {
	width: 980px;
	color: #666;
	padding: 0px;
	float: left;
	margin: 0px;
}

#logo {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 375px;
}


div#testata {
	margin-bottom: 20px;
	padding: 0;
	width: 980px;
	height: 330px;
	background-color: #E3E4E4;
	overflow: hidden;
	position: relative;
	
}

#testata div.slider {margin: 15px;}

ul {	padding: 0; margin-left: 15px;}

ul li{	
	padding: 0;
	margin: 10px 0 0px 15px;
	list-style-type: square;
	}
/* @end */




/* @group TESTI */
h2 {
font-family: 'NovecentowideLight', Verdana, sans-serif;
font-weight:normal;
font-weight:32px;
line-height: 33px;
color: #fff;
padding-bottom: 5px;
}

h3 {
font-family: 'NovecentowideLight', Verdana, sans-serif;
font-weight:normal;
font-size: 26px;
line-height: 30px;
color: #4C4644;
}

h4 {
font-family: 'NovecentowideLight', Verdana, sans-serif;
font-weight:normal;
font-size: 21px;
line-height: 25px;
color: #4C4644;
padding-bottom: 5px;
}


h3.open-close a  {
	padding-left: 15px;
}

h3.open-close a span {
	background:  url('../img_sito/grafica/arrow.png') no-repeat left 6px;
	display: block;
	padding-left:15px;
	color: #4C4644;
}

h3.open-close.current a span,
h3.open-close a:hover span {
	background:  url('../img_sito/grafica/arrow-bott.png') no-repeat left 6px;
	display: block;
	padding-left:20px;
}

.blu {color: #004357;}

.piva { font-size: 11px;font-style: italic; display: block; padding-top: 5px;}


/* @end */



/* @group TENDINE */
.open-close {
	position:relative;
	width: 100%;
}
.open-close a {
	text-decoration: none;
	display: block;
	color: #4E4E4E;
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}

.open-close a.first {border-top: 1px solid #ccc;}

.current{
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right 19px;
	color: #e41b5d;
}
.desc{
	padding: 25px 15PX;
	overflow: hidden;
}

.desc p{
	 text-align:justify
}

.nopadd{
	padding-right: 0;
}
/* @end */




/* @group PORTFOLIO */
ul.portfolio-tiles-gallery {
	list-style-type: none;
	padding: 0px;
	display: block;
	width: 1010px;
	float: left;
	margin-top: 27px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -30px;
}
ul.portfolio-tiles-gallery li {
	float: left;
	margin: 0px;
	width: 220px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	position: relative;
	padding-left: 25px;
}
ul.portfolio-tiles-gallery  li img {
	background-color:#ebebeb;
	padding: 10px;
}
.portfolio-thumbnail{
	position:absolute;
	width:190px;
	height:190px;
	z-index:10;
	left: 25px;
	top: 0px;
	background-color: #ebebeb;
	padding: 15px;
	display: none;
}
.portfolio-thumbnail h3 {
	padding-bottom: 10px;
	font-size: 23px;
}
.portfolio-thumbnail a {
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 20px;
}

.portfolio-thumbnail p {
	font-size: 11px;
	line-height: 15px;
	font-style: italic;
}
.portfolio-thumbnail a:hover {
	text-decoration: underline;
}
.portfolio-thumbnail a.preview {
	color: #043e87;
	margin: 0;
	padding: 8px 0 0 0 ;
	font-size: 11px;
}
.portfolio-thumbnail a.view {
	background-image: url(../images/icon-online.html);
	background-repeat: no-repeat;
	background-position: left top;
}


/***************************************************
		    PORTFOLIO FILTER
***************************************************/
#portfolio-filter {
	width: 980px;
	display: block;
	float: left;
}
#portfolio-filter ul {
	margin: 0px;
	padding: 0px;
	float: left;
}
#portfolio-filter li {
	background: none;
	display: inline;
	padding-right: 15px;
	float: left;
}
#portfolio-filter li a {
	text-decoration: none;
	color: #666;
	display: block;
	outline: none;
	padding-right: 15px;
	border-right: 1px solid #666;  
	font-size: 13px;
	text-transform: uppercase;
}
#portfolio-filter li a.last {
	border-right-style: none;
}
#portfolio-filter li a.current, #portfolio-filter li a:hover {
	text-decoration: none;
	color: #043e87;
}

.portfolio-thumbnail .hide {
	display:none;
}
/* @end */



/* @group FORMATTAZIONE TENDINE */


#brand h4 {
	float: left;
	width: 300px;
}

#brand h4 b{
	font-size: 30px;
	line-height: 35px;
}

#brand p {
	float: right;
	width: 620px;
}



#contatti span {	
	display: block;
	margin-top: 45px;
	float: left;
	width: 290px;
}

#contatti div.mappa {
	display: block;
	float: right;
	width: 600px;	
	overflow: hidden;
}

.press {
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	overflow: hidden;
}

.filetto{border-bottom: 1px solid #ccc;display: block;
}

.press span.col_uno {
	float: left;
	width: 500px;
	margin-top: 10px;
}

.press span.col_due {float: right;}

p.scarica {
	background: url('../img_sito/grafica/pdf.png') no-repeat left top;
	padding:6px 0 0 30px;
	height: 25px;
	margin-top: 5px;
	font-style: italic;
}

a:hover .press span.col_uno h4,
a:hover .press span.col_uno p  {color: #5a2618;}

#avv span.bio {
	display: block;
	overflow: hidden;
	float: left;
	width: 600px;
	padding-right: 25px;
	border-right: 1px solid #ccc;
}

#avv span.bio img {
	float: left;
	margin: 0 15px 10px 0;
}

#avv span.info {
	display: block;
	float: right;
	overflow: hidden;
	width: 300px;
}

#link ul li a {
	font-weight: bold;
	color: #004357;
}

#link ul li a:hover,
#link ul li a:hover span {
	color: #666;
}

#link ul li span {
	font-style: italic;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}

#link .elencolink {
	width: 100%;
	clear: both;
	overflow: hidden;
}

#link span.coluno {
	float: left;
	width: 460px;
	margin-right: 20px;
	overflow: hidden;
	display: block;
}

#link span.coldue {
	float: left;
	width: 440px;
	overflow: hidden;
	display: block;shape-rendering
}

#note h4 {
	border-bottom: 1px solid #ebebeb;
}

#note .aperto,
#note .chiuso {
	margin-left: 20px;
	margin-top: 0;
	padding-top: 0;
}

#note .aperto h4 {
	background:  url('../img_sito/grafica/arrow-bott.png') no-repeat left 6px;
	display: block;
	padding-left:20px;
	color: #4C4644;
}

#note .chiuso h4 {
	background:  url('../img_sito/grafica/arrow.png') no-repeat left 6px;
	display: block;
	padding-left:15px;
}


/* @end */



/* @group FOOTER */
#footer {
	width:100%;
	float: left;
	padding-top: 25px 0 25px 0;
	background-color: #004357;
}

.contentfooter{
	width:980px;
	display: block;
	margin: 25px auto;
	paddingt: 0;
	color: #999;
	overflow: hidden;
	position: relative;
}

#footer ul.socialize {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footer ul.socialize li {
	float: left;
	padding-right: 8px;
}
#footer ul.socialize .last {
	padding: 0px;
}
#footer h2 {
	padding-bottom: 12px;
	display: block;
	font-size: 22px;
	line-height: 22px;
}

#footer p {font-size: 11px; line-height: 14px; color: #C9DADF;}

#footer div.contentfooter div.riga {overflow: hidden;}

#footer a {color: #C9DADF;}
#footer a:hover {color: #fff;}

.about {
	margin-right: 35px;
	padding: 0;
	float: left;
	overflow: hidden;
	width: 350px;	
}



.about img {
	float: left;
	padding-right: 10px;
}

.inevidenza {
	padding: 0;
	float: right;
	overflow: hidden;
	width: 590px;	
}

.inevidenza a span.thumb_catal {
    display: block;	
	float: left;
	height: 70px;
}

.piede {
	width: 980px;
	margin:20px auto 0 auto;
	overflow: hidden;
	padding-top: 20px;
	border-top: 1px solid #C9DADF;
}

.piede p {
	float: left;
	font-size: 11px;
}

.piede img {
	float: right;
}
/* @end */


