/*basic CSS - da personalizzare */

/*
  * ------------- theme for drupal
  * ---------------------------
  *
  * created by dada
  * contact: ----- at akabit dot it
  * http://www.akabit.it/
  *
  * licensed for ----------
*/

/*
** HTML elements
*/

/* azzeramento dei margini e padding */

html, body{margin: 0;padding: 0}
h1, h2 {margin: .5em 0 0.4em}
h3, h4 {margin: 0.7em 0 0.2em}
h5, h6 {margin: 0.5em 0 -0.2em}


address, blockquote, dl, form,
fieldset, table, p, pre {
    margin: 0.2em 0;}

ol, ul {
	margin: .1em 0 .2em .6em;
	padding:0.4em 0.9em;
}

/** generali**
*****************/

body {
  font-family: "trebuchet MS", Verdana, Geneva, helvetica, sans-serif;
  font-size: 100.01%;
}

h1, h2, h3, h4, h5, h6 {font-weight: bold;}

h1 {
  font-size: 1.8em;  
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.2em; font-weight: normal;
}

h4 {
  font-size: 1.1em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1em;
}


img, img a:hover {
  border: none;
}

a, a:visited {color: #56687e;}
a:hover {background: #D3EEF1;}

/*classe per siti accessibili*/
.off {
    position: absolute;
    top: -9999px;left:-9999px;
}
/*layout*/
body {text-align: center; background:#fff url(images/conchiglie.jpg) no-repeat fixed left 260px;}

#testata {background: #bae4ea url(images/viareggio.jpg) no-repeat center top; height: 186px;border-bottom: 0px solid #999;}

#testata h1 {margin:0; color: #fff;}
#testata h1 a:link, #testata h1 a:visited {color: #fff; text-decoration: none; }
#testata h1 a:hover {background: #7d9cb1;}

#testata p {font-weight: bold; font-size: 0.8em; color: #fff; text-align: right; padding-right: 4%; padding-top: 112px;}

#corpo {	
	margin: 0 0 0 5%; 
	border: 0px solid #000000;
	float: left;
	width:94%;	
	background: transparent;	
	text-align: right;
}

#colonna1 { float: left;
	width: 59%;
	border: 0px solid red;
	background: transparent;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#colonna2 {float: left;
	width: 41%;
	border: 0px solid #690;
	text-align: right;
}

#piede {
	clear: both;
	background: #56687e;
	color: #fff;
	font-size: 0.75em;
	
}

	
.contenuto {margin: 0.6% 1% 20px 1%; 
	border: 1px solid #ccc; 
	padding: 0 10px;
	background: #FFFFFF;}
	
.box-menu {float: right;
	border: 1px solid #ccc;
	width: 47%;
	margin: 1%;
	text-align: left;
	font-size: 0.8em;
	background: #fff;
}

.box-menu img {float: left; margin-right: 3px;}
.box-menu p {margin:3px;}
.box-menu a {text-decoration: none;}


.contenuto h2 {margin-left: 2px;
  line-height:1.5em; 
  padding-left: 40px; 
  background:#fff url(images/shell_32.gif) no-repeat;}
  
.contenuto p {margin-bottom: .5em;}

/*pagine interne*/

.box-mare {margin-left: -9%; background: transparent; font-size: 90%;}

.box-lavori {padding: 1%; background: #D3EEF1; margin-bottom: 1em;margin-left: 7%;}


.box-logo {border: 1px dotted #ccc; padding: 1%; background: #fff;}
.box-logo img {margin-right: 6px;}
.tornasu {
	background: #FFFFFF url(images/abissi.gif) no-repeat center bottom;
	height: 64px;
	width: 150px;
	margin:auto;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 6px;
}

.citazione {margin: 0.3em 0.1em; 
	background: #fff url(images/virgolette_ap.gif) no-repeat left top; 
	padding: 0.6em 0.8em;}
	
.dx {float: right;}	
.sx {float: left;}
.alto {vertical-align: top;}