/*
Theme Name: Sapere@Simpliciter
Theme URI: http://wordpress.org/
Description: Sapere@Simpliciter tema originale
Version: 1.0
Author: Claudia De Luca
Author URI: http://www.snap.it/
*/

@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	border:0px;
	}
html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

.button {
	display:block;
	width:58px;
	margin-top:6px;
	height:38px;
	background-image: url(images/vai.png);
	background-position:center top;
	background-repeat:no-repeat;
	}

body {
	background-image:url(images/bkg_page.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#aba5cb;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:justify;
	color:#FFF;
	}
.clear {
	clear:both;}

hr {
	border-bottom: 1px dotted #fff;
	margin:5px 0px;
	}
	
a:link, a:visited {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}
a:hover, a:active {
	color:#fbb51e;
	text-decoration:none;
	}
#main_col a:link, #main_col a:visited {
	color:#ffbc35;
	text-decoration:none;
	font-weight:bold;
	}
	
h1 {
	color: #ffbc35;
	font-size:30px;
	}
h2 {font-size:18px;
	color:#3ba7e6;
	margin-bottom:2px;
	margin-top:10px;}
	
h3 {
	font-size:14px;
	color:#b1e8ff;}
h4 {
	font-weight:normal;
	font-size:14px;
	margin-bottom:16px;
	}
	
h5 {
	font-weight:bold;
	font-size:12px;
	color: #FC0;
	margin-top:10px;
}
ul,ol {
	padding-left:15px;
	}	
	
#wrapper {
	margin:0px auto;
	width:996px;
	background-image:url(images/bkg-wrapper.png);
	background-position:top center;
	background-repeat:no-repeat;
	}

#header {
	height:110px;
	background-image:url(images/bkg_header.png);
	background-position:top center;
	background-repeat:no-repeat;
	}
.menu {
	width:746px;
	height:40px;
	line-height:40px;
	text-align:left;
	float:left;
	margin-left:0px;
	font-size:14px;
	/*text-transform:lowercase;
	font-size:15px;*/
	}
	
.menu-footer {
	width:700px;
	height:auto;
	/*line-height:40px;float:left;*/
	text-align:left;
	text-transform:lowercase;
	font-size:15px;
	margin-left:20px;
	float:left;
	}
	
.titolo {
	font-size:30px;
	font-weight:bold;
	}
.titoletto {
	font-size:24px;
		font-weight:bold;
	}

#frase {
	font-size:20px;
	font-weight:bold;
	text-align:left;
	padding-left:30px;
	margin-right:30px;
	margin-top:20px;
	margin-bottom:40px;
	}

#main_col {
	width:746px;
	float:left;
	margin-bottom:20px;
	}
#highlight {
	height:150px;
	padding:26px 45px 0px 45px;
	}

.box {
	width:165px;
	height:150px;
	float:left;
	margin-top:25px;
	}
 .paragraph {
	 width:430px;
	 float: left;
	 padding:0px 20px 0px 45px;
	 border-right: 1px dotted #fff;
	 margin-top:25px;
	 }
	 
 .paragraph2{
	 width:700px;
	 height:270px;
	 float: left;
	 padding:0px 0px 0px 45px;
	 border-right: 1px dotted #fff;
	 margin-top:80px;
	 }
	 
.paragraph img {
	border:5px solid #fff;
	
	}
	
.colonnina {
	width:209px;
	 float: left;
	  padding:0px 20px 0px 20px;
	 border-right: 1px dotted #fff;
	 margin-top:25px;
	}

#box1 {
	background-image:url(images/bkg_box1.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px 0px 0px 20px;
	}

#box2 {
	background-image:url(images/bkg_box2.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px 0px 0px 20px;
	}
#box3 {
	background-image:url(images/bkg_box3.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px 0px 0px 20px;
	}
#box4 {
	background-image:url(images/bkg_box4.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px 0px 0px 20px;
	}
	
#side_col {
	width:210px;
	float:left;
	padding:18px 20px 0px 20px;
	margin-bottom:20px;
	}
	
#content {	
	width:684px;
	min-height:400px;
	margin:30px 10px 0px 12px;
	padding:10px 20px;
	/*background-color:#ffffff;*/
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright:10px;
	background-image: url(images/sfondo-content.png);
	/*background-repeat:repeat;*/
	}

#content img {
	text-align:left;
	float:right;
	padding-left:10px;
	/*border-left:#FFF dotted 1px;*/
	}
	
.sede {
	width:300px;
	float:left;
	padding:0px 21px;}

#footer {
	margin:0px auto;
	width:996px;
	position: relative;
	/*margin-top: -114px; /* negative value of footer height */
	padding-top:14px;
	height: 100px;
	background-image:url(images/bkg_footer.gif);
	background-position:top center;
	background-repeat:no-repeat;
	clear:both;
	} 
#credits {
	width:210px;
	padding:5px 20px;
	float:right;
	text-align:right;
	color:#479dc8;
	font-size:13px;
	}

/* --------- FORM CONTATTI ---------*/

.item{
width:48%;
padding-bottom:15px;
float:left;
text-align:center;
}

	
.label {
width:30%;
float:left;
text-align:right;
padding-right:5px;
}

.label2 {
width:15%;
float:left;
text-align:right;
padding-right:5px;
}
.input {
width:60%;
height:20px;
border:1px solid #999;
float:left;
margin-right:5px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
}

.richiesta{
width:98%;
float:left;
text-align:center;
}

.note {
	width:78%;
	height:60px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
border:1px solid #999;
	}

.invia {
	width:70px;
	height:30px;
	background-image:url(images/invia.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;
	}

small {
	font-size:10px;
	color:#999;}
	
/* ------------------------ style per tabs -------------------------*/

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	/*border-bottom:1px solid #666;	 	*/
}

/* single tab */
ul.css-tabs li {
	
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
width:220px;
	height:108px;
	margin-right:6px;
	float:left;
	display:block;
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	background-color:#Fff;
	/*color:#777;*/
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	
}

ul.css-tabs a:hover {
	background-color:#Fff;
	/*color:#333;*/
}
	
/* selected tab */
ul.css-tabs a.current {
	height:115px;
	background-color:#fff;
/*	color:#000;	*/
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:160px;
	margin-top:85px;
	padding:15px 20px;
	background-image:url(images/bkg_tabs.gif);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-color:#FFF;
	color:#000;
}


#tab1 {
	background-image:url(images/tab1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
	
#tab2 {background-image:url(images/tab2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
	
#tab3 {background-image:url(images/tab3.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}

/* -----------  stile per gli articoli delle NEWS --------------- */
.entry {
	}
	
.entry img {
	float:right;
	margin:0px 20px 20px 20px;}
	
.boxpost {
	margin-top:10px;
}


/*----------------------------- PAGINAZIONE ------------------------------------*/

.navigation { margin:0px auto; width:360px; height:24px;
text-align:center;}

.navigation a { margin:0px 5px;}
