/*
Theme Name: Sutti Default
Theme URI: http://sutti.com/
Description: Il tema di base del sito Studio Legale Sutti.
Version: 1.0
Author: Mara Festari
Author URI: http://thefool.it/
Tags: 

	Sutti v1.0
	
*/

/* RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

html {
	background: #000;
}

body { 
		background: #000000;
		font-family: Arial;
		margin:0px;
		padding:0px;
		font-size:14px;
		color:#323232;
		}
		
body.home { 
	background: #fff;
	color: #474747;
}
	
	
#center p a {
	text-decoration: underline;
}

	
img {
	border: 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

hr {
	border: 0;
	border-top: 1px solid #e0e0e0;
	margin: 20px 0;
}

/* font */


a {
		color:#bd9800;
		text-decoration: none;
		font-size:14px;
		}
		
a:hover {
		text-decoration: underline;
		}
		
a.search {
		color:#555555;
		text-decoration: none;
		font-size:11px;
		}
		
a.search:hover {
		text-decoration: underline;
		}
		
a.news {
		color:#bd9800;
		text-decoration: none;
		font-size:11px;
		}
		
a.news:hover {
		text-decoration: underline;
		}
		
.tendina {
		width: 127px;
		margin: 5px 0 5px 10px;
		}
		
.campo {
		width: 120px;
		margin: 5px 0 5px 10px;
		}
		
p { 
		font-size:14px;
		color:#323232;
		text-align: justify;
		line-height: 18px;
		margin: 5px 0 10px 0;
		padding: 0;
		}
		
h3 {	
		color:#2c2c2c;
		font-size: 25px;
		font-weight: 100;
		margin: 0;
		padding: 0;
		line-height: 0.6em;
		}
		
h2 {
		color:#555555;
		font-size: 33px;
		font-weight: 100;
		margin: 0;
		padding: 0;
		}
		
h2.news {
		color:#bd9800;
		font-size: 25px;
		font-weight: 100;
		margin: 0;
		padding: 0;
		}
		
h2.link {
		color:#2c2c2c;
		font-size: 25px;
		font-weight: 100;
		margin-left: 10px;
		padding: 0;
		}
		
h1 {
		color:#323232;
		font-size: 20px;
		margin: 8px 0 9px 0;
		padding: 0;
		}

body.archive h1, body.archive h1 a, body.search h1, body.search h1 a {
	color:#323232;
	font-size: 20px;
	margin: 20px 0 0 0;
	padding: 0;
}

body.archive #center p, body.search #center p {
	font-size: 12px;
}

body.archive #center .hentry, body.search #center .hentry {
	border-bottom: 1px dotted #e0e0e0;
	padding-bottom: 20px;
}

body.page-template-page-news-php .post.news {
	border-bottom: 1px dotted #e0e0e0;
	padding-bottom: 20px;
}

body.page-template-page-news-php h1 a {
	color:#323232;
	font-size: 20px;
	margin: 20px 0 0 0;
	padding: 0;
	text-decoration: none;
}

body.page-template-page-news-php h1 a:hover {
	text-decoration: underline;
}
		
h4 {
		color:#323232;
		font-size: 14px;
		margin: 10px 0 0 0;
		padding: 0;
		font-weight: bold;
		}
		
#center h4 {
	font-size: 18px;
	margin-bottom: 10px;
}
		
p.footer {
		font-size:11px;
		color:#777166;
		text-align: center;
		margin: 0;
		padding-top: 15px;
		}
		
.box_news p {
		font-size:13px;
		color:#323232;
		text-align: justify;
		margin-top: 3px;
		line-height: 20px;
		}
		
ul#loghi {
	text-align: left;
	float: left;
	margin-left: -43px;
	margin-top: 0;
}

ul#loghi li {
	list-style: none;
	display: inline;
	margin-top: 0;
	margin-left: 9px;
}

ul.navigation {
	margin-top: 10px;
	
}

ul.navigation li{
	text-decoration: none;
	font-size: 14px;
	list-style: none;
	margin-left: 0px;
	padding: 1px 0 2px 0;
}

ul.navigation li a, div.navigation li a {
	background: url('images/quadrato.jpg') no-repeat 0px 6px;
	padding: 3px 0 3px 15px;
}

#dx div.navigation div.blogroll-category {
	background: url('images/piu.jpg') no-repeat 0px 6px;
	padding-left: 20px;
	margin-left: 12px;
	cursor: pointer;
}

#dx div.navigation div.blogroll-category-meno {
	background: url('images/meno.jpg') no-repeat 0px 6px;
	padding-left: 20px;
	margin-left: 12px;
	cursor: pointer;
}

ul.blogroll li {
	margin-left: 20px;
}

ul.navigation li a.piu {
	background: url('images/piu.jpg') no-repeat 0px 7px;
}

ul.navigation li.current_page_parent {
	background: #eed779;
}

ul.navigation li.current_page_item {
	background: #eed779;
}

ul.navigation li.current_page_parent ul {
	background: #fff;
}

ul.navigation a, div.navigation a {
	color: #444444;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
}

ul.navigation a:hover {
	text-decoration: underline;
}

ul.navigation li ul {
	list-style: none;
	margin-bottom: -5px;
	margin-top: 5px;
	background: #fff;
	padding-left: 6px;
	display: none;
}

div.navigation ul {
	list-style: none;
	margin-bottom: -5px;
	margin-top: 4px;
	display: none;
	padding-bottom: 10px;4
}

ul.navigation li.current_page_item ul, ul.navigation li.current_page_parent ul {
	display: block;
}

ul.navigation li ul li {
	text-decoration: none;
	font-size: 14px;
	list-style: none;
	margin-left: 10px;
}

div.navigation ul li {
	text-decoration: none;
	font-size: 14px;
	list-style: none;
	margin-left: 10px;
}

ul.navigation li ul li a {
	background: url('images/freccia.png') no-repeat 0px 8px;
	padding: 3px 0 3px 10px;
}

div.navigation ul li a {
	background: url('images/freccia.png') no-repeat 0px 8px;
	padding: 3px 0 3px 10px;
}


ul.navigation li ul li.current_page_item a {
	/*color: #BD9800;
	background: url('images/freccia-active.png') no-repeat 0px 8px;*/
	text-decoration: underline;
}

#dx div.navigation ul li a {
	background: url('images/freccia.png') no-repeat 0px 8px;
	padding: 3px 0 3px 15px;
	font-weight: normal;
}

#dx div.navigation ul {
	display: none;
}

#dx div.navigation ul li {
	text-decoration: none;
	font-size: 14px;
	list-style: none;
	margin-left: 10px;
}

ul.navigation li ul li.current_page_item {
	background: #ffffff;
}

ul.navigation li ul a {
	color: #444444;
	text-decoration: none;
	font-size: 14px;
	font-weight: 100;
	list-style: url('images/freccia.png');
}

ul.navigation li ul a:hover {
	text-decoration: underline;
}


#dx div.navigation li a.meno {
	background: url('images/meno.jpg') no-repeat 0px 7px;
}

ul#menu {
	text-align:center;
	margin-top: 2px;
	padding: 0px 0 0 0;
	text-transform: lowercase;
}

ul#menu li {
	float: left;
	list-style: none;
	margin: 0;
	margin-top: -2px;
	margin-left: 0px;
	padding: 22px 30px 21px 30px;
	color: #545454;
	font-size: 15px;
	font-weight: bold;
	background: url('images/div_menu.jpg') no-repeat;
}

ul#menu li.page-item-8 {
	padding-right: 20px;
}


ul#menu li a {
	color: #545454;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

ul#menu li a:hover {
	color: #2a2a2a;
}

ul#menu li.current_page_ancestor, ul#menu li.current_page_parent, ul#menu li.current_page_item {
	background: url('images/div_menu.jpg') no-repeat #363636;
}

ul#menu li.current_page_ancestor a, ul#menu li.current_page_parent a, ul#menu li.current_page_item a {
	color: #ffffff;
}

/* div */

.clear {
	clear:both;
}

#cont_top {
	width: 100%;
	height: 255px;
	margin: auto;
	background: #000;
}

#social {
	position: absolute;
	width: 20px;
	margin-left: 950px;
	padding-top: 180px;
}

#social img {
	margin-bottom: 5px;
}

#top {
	width: 946px;
	height: 255px;
	margin: auto;
}

.top-1 {
	background: url('images/top1.jpg') no-repeat;
}

.top-2 {
	background: url('images/top2.jpg') no-repeat;
}

.top-3 {
	background: url('images/top3.jpg') no-repeat;
}

.top-4 {
	background: url('images/top4.jpg') no-repeat;
}

.top-5 {
	background: url('images/top5.jpg') no-repeat;
}

#logo {
	position: absolute;
	width: 289px;
	height: 204px;
	margin: 25px 0 0 82px;
}

#logo2 {
height:190px;
margin:0 0 0 736px;
overflow:hidden;
position:absolute;
width:210px;
}

#home-logo {
	margin-top: 90px;
	margin-left: 50px;
	float: left;
}


#container {
	width: 100%;
	margin: auto;
	background: url('images/line.jpg') repeat-x #333333;
}

#content {
	width: 946px;
	margin: auto;
	background: #ffffff url('images/content-background.png') repeat-y;
}

body.home #content {
	background: #fff;
}

.footer-spacer {
	height: 20px;
	background: #ffffff;
}

#sx {
	float: left;
	width: 210px;
	padding: 0;
}

#sx .news-navigation {
	padding: 25px 10px;
}

#dx {
	float: right;
	width: 210px;
}

#center {
	float: left;
	width: 474px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding: 25px;
}

#center h4 {
	margin-top: 20px;
	font-weight: bold;
	text-align: justify;
}

#center p {
	line-height: 21px;
}

#center p img {
	padding: 5px;
	background: #E1D9B9 ;
}

#center ul {
	margin-bottom: 20px;
}

#center ul li {
	margin-left: 40px;
	list-style-image:url("images/freccia.png");
}


body.home #center {
	float: none;
	border: 0;
	padding: 0;
	width: 960px;
	margin: 0 auto;
	height: 1000px;
}

body.home #offices {
	font-family: Times New Roman;
	margin-top: 160px;
	width: 450px;
	float: right;
	color: #474747;
}

body.home #offices a {
	color: #474747;
	text-decoration: none;
}

body.home #offices a:hover {
	text-decoration: underline;
}

body.home #offices h2 {
	font-size: 20px;
	color: #474747;
	font-weight: bold;
}

body.home #offices p {
	font-size: 16px;
	padding-bottom: 10px;
}

body.home #offices a {
	font-size: 16px;
}


.box_grigio {
	width: 208px;
	background: #d8d8d8;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

.box_giallo {
	width: 208px;
	background: #fff6d0;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

.box_news {
	width: 188px;
	padding: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e1d9b9;
}


.leggi {
	float: left;
	background:url("images/freccia.png") no-repeat left transparent;
	padding: 0 0 2px 8px;
}

.archivio {
	float: right;
	background:url("images/freccia.png") no-repeat left transparent;
	padding: 0 0 2px 8px;
}

#cont_loghi {
	width: 922px;
	height: 85px;
	margin: auto;
	padding: 12px;
	background: #ffffff;
}

#cont_menu {
	width: 946px;
	height: 66px;
	margin: auto;
	background: #eed779;
	border-top: 1px solid #faf3d7;
}

#cont_menu.menu-bg {
	background: #eed779 url('images/menu-bg.gif') no-repeat top right;
}

/* footer */

#cont_footer {
	width: 100%;
	height: 100px;
	margin: auto;
	background: url('images/line.jpg') repeat-x #000000;
}

#footer {
	width: 946px;
	height: 100px;
	margin: auto;
	background: url('images/bg_footer.jpg') repeat-x #eed779;
}

.news-navigation div a {
	font-size: 70px;
	color: #000;
}

.news-navigation div a small {
	font-size: 11px;
	color: #000;
}

.news-navigation div a:hover {
	text-decoration: none;
	color: #BD9800;
}

.news-navigation div.left  {
	float: left;
	width: 50%;
}

.news-navigation div.right  {
	float: right;
	width: 50%;
}
		
.alignleft {
	text-align: left;
}

img.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

#dx form#searchform label {
	display: none;
}

#dx form#searchform input#s {
	margin:5px 0 5px 10px;
	width:120px;
}

#dx form#searchform input#searchsubmit {
	color:#555555;
	font-size:11px;
	cursor: pointer;
	background: none;
	border: 0;
	text-transform: uppercase;
}

div.pagination{
	text-align: center;
	margin-top: 20px;
}

#center div.pagination a {
	text-decoration: none;
	color: #555555;
	background: #d8d8d8;
}

#center div.pagination a:hover {
	background: #FFF6D0;
}

div.pagination .current {
	background: #EED779;
	border: 1px solid #BD9800;
	color: #000;
}





#index-sx {
float:left;
margin:55px 0 60px 90px;
text-align:left;
width:380px;
}

#index-sx h1 {
	color:#555555;
	font-size:33px;
	font-weight:100;
	margin:0;
	padding:0;
	}
	
h1 .index {
color:#2C2C2C;
font-family:Times;
font-size:20px;
font-weight:100;
margin:0;
padding:0;
text-align:left;
}

a.offices {
color:#4D4D4D;
font-family:Times;
font-size:16px;
margin:0;
text-decoration:none;
}

a.offices:hover {
text-decoration:underline;
}

#carosello {
float:right;
height:210px;
margin:30px 170px 30px 0;
width:270px;
}

#lingue {
margin:auto;
padding:20px 15px 10px;
padding-bottom: 30px;
text-align:center;
width:916px;
}

#lingue p {
	color:#323232;
	font-size:14px;
	line-height:18px;
	margin:5px 0 10px;
	padding:0;
	text-align:justify;
	}
	
#lingue a.index {
color:#4D4D4D;
font-size:13px;
text-decoration:none;
}

#lingue a.index:hover {
text-decoration:underline;
}

#carosello-link {
background:none repeat scroll 0 0 #000000;
height:25px;
margin:0;
text-align:center;
width:270px;
}

#carosello-comm {
background:#D5D5D5;
border:1px solid #BCBCBC;
height:20px;
margin:0;
margin-left: 40px;
width:268px;
text-align: center;
}

#carosello-prev {
	margin-right: 5px;
	cursor: pointer;
}

#carosello-next {
	margin-left: 5px;
	cursor: pointer;
}

/* curriculum */
		
body.curriculum {
	background-color:#d8d8d8;
}

#page {
	width: 890px;
	margin: auto;
	padding-top: 30px;
}
		
#toppage {
	width: 890px;
	height: 115px;
	background: url('img-cv/toppage.jpg') no-repeat;	
}

#contentpage {
	width: 770px;
	background: url('img-cv/bg_page.jpg') repeat-y;
	padding: 60px;
}

#contentpage p img {
	padding: 5px;
	background: #E1D9B9 ;
}

#contentpage ul {
	margin-bottom: 20px;
}

#contentpage ul li {
	margin-left: 50px;
	list-style-image:url("images/freccia.png");
}

#endpage {
	width: 890px;
	height: 40px;
	background: url('img-cv/end_page.jpg') no-repeat;	
}

body.curriculum h1 {
color:#555555;
font-size:33px;
font-weight:100;
margin:0;
padding:0;
}