/**
* CBLU.NET presents X3 - Your next CMS
*
* @author 	Paolo Certo <paolocerto@cblu.net>
* @copyright	CBLU.NET X3, All Rights Reserved, 2004-2009
* @license	{http://www.cblu.net/gpl.txt}
* @link		{http://www.cblu.net}
* @name		public/screen.css
* @version  20050716

This file is part of X3.

    X3 is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 2 of the License, or
     any later version.

    X3 is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with X3; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
	
*/

/* FESTA DEL MARE - LEGAMBIENTE */

/* GLOBAL STYLES url("http://www.lafestadelmare.it/images/back1.gif") repeat top left */

html, body {
	margin:		0px;
	padding: 	0px;
	height: 	100%;
}

body {
	margin-top:	5px;
	background: #6699CC;
}

a, p, H1, H2, H3, H4, H5, H6, div, td, th, input, select, textarea {
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
}

a {
	text-decoration: none;
}

img {
	border: 		none;
	margin: 		0px;
	vertical-align:	middle;
	text-decoration: none;
}

#main {width:760px;margin:0 auto;}

/* HEADER STYLE */
#header {
	position:		relative;
	margin:	0;
	width:			760px;
	height:			169px;
	border:			none;
	text-align:		center;
	
	color:			#003366;
	
	border:			1px solid #003366;
	
	background: url("http://www.lafestadelmare.it/images/top2.jpg") no-repeat top left;
}

/* TOP STYLE */

#top {
	position: 		relative;
	top: 			0px;
	right: 			0px;
	height: 		16px;
	font-size: 		0.65em;
	font-weight: 	normal;
	letter-spacing: 1px;
	color:			#ffffff;
	background:		#0388D7;
	border-bottom:	1px solid #003366;
	padding:		3px 10px 0px 10px;
	text-align:		center;
	z-index:		1;
}

/* LOGO STYLE */
#logo {
	position:		absolute;
	top:			20px;
	left:			0px;
	width:			150px;
	height:			150px;
	border-right:	1px solid #003366;
	z-index:		2;
}

#logo a {
	font-size:		1.2em;
	color:			#336699;
	font-weight:	bold;
}

/* SWITCHER STYLE */
#switcher {
	position:		absolute;
	top:			140px;
	left:			160px;
	width:			520px;
	height:			20px;
	padding:		7px 0px 0px 0px;
	margin:			0px;
	font-size: 		1.1em;
	color:			#eeeeee;
}

#switcher ul {
	list-style:		none;
	margin:			0px;
	padding:		0px;
	border:			none;
	text-align:		left;
}

#switcher li {
	display:		inline;
	margin:			0px 0px 0px 0px;
}

#switcher li a {
	font-size:		0.65em;
	font-weight:	bold;
	padding:		3px 5px 8px 5px;
	color:			#003366;
	border:			1px solid #003366;
	border-bottom:	none;
}

#switcher li a:hover  {
	color:			#ffffff;
	background:		#003366;
}

/* SUBHEADER STYLE - PATH STYLE */
#subheader {
	position:		relative;
	top:			0px;
	left:			0px;
	right:			0px;
	width:			760px;
	height:			20px;
	margin:			0px;
	padding:		0px;
	font-size:		0.75em;
	font-weight:	normal;
	color:			#056d2e;
	text-align:		center;
	border-left:	1px solid #003366;
	border-right:	1px solid #003366;
	border-bottom:	1px solid #003366;
	background:		#ffcf00;
	z-index:		4;
}

#subheader p {
	margin:			0px;
	padding:		2px 0px 0px 20px;
	font-weight:	bold;
	color:			#003366;
}

#subheader a {
	font-size:		1em;
	font-weight:	bold;
	color:			#4488cc;
}

#subheader a:hover {
	text-decoration:underline;
}

/* BODY STYLE */
#bod {
	position:		relative;
	top:			0px;
	left:			auto;
	right:			auto;
	width:			760px;
	text-align:		left;
	border:			1px solid #003366;
	border-top:		none;
	background:		#ffffff;
}

/* LEFT COLUMN STYLE */
#col1 {
	float:			left;
	top:			0px;
	left:			0px;
	width:			150px;
	padding:		10px 0px 0px 0px;
	z-index:		5;
}

/* RIGHT COLUMN STYLE */
#col2 {
	float:			right;
	top:			0px;
	right:			0px;
	width:			150px;
	padding:		10px 0px 0px 0px;
	z-index:		5;
}

/* VMENU STYLE */
.vmenu {
	width:			149px;
	padding:		0px 0px 0px 0px;
	margin:			0px;
	margin-bottom:	5px;
}

.vmenu ul {
	list-style:		none;
	margin:			0px;
	padding:		0px;
	border:			none;
	text-align:		right;
}

.vmenu li {
	margin:			0px;
	padding-right:	1px;
	padding-left:	1px;
	padding-bottom:	1px;
}

.vmenu li a {
	display:		block;
	padding: 		2px 15px 2px 0px;
	font-size:		0.75em;
	color:			#003366;
	font-weight:	bold;
	line-height:	16px;
}

.vmenu li a:hover {
	color:			#000033;
	background:		#dee8f6;
}

.vmenu a {
	padding: 		3px 5px 0px;
	font-size:		0.65em;
	color:			#4488cc;
	font-weight:	bold;
	line-height:	16px;
}

.vmenu a:hover {
	text-decoration: none;

}

/* TOPIC STYLE */
#topic {
	float:			left;
	margin:			0px;
	padding:		0px;
	top:			0px;
	width:			448px;
	
	font-size:		0.75em;
	text-align:		left;
	color:			#000033;
	
	z-index:		5;
	overflow:		visible;
}

#topic h2 {
	font-size:		1.6em;
	color:			#003366;
	margin:			0;
	padding:		0;
}

#topic h4 {
	font-size:		1.2em;
	font-weight:	bold;
	color:			#003366;
	margin:			0px;
	padding:		0px 0px 0px 0px;
}

#topic h4 a {
	color:			#f0d020;
}

#topic h4 a:hover {
	color:			#ff8000;
	text-decoration:underline;
}

#topic h5 {
	font-size:		1em;
	font-weight:	bold;
	color:			#999999;
	margin:			0px;
}

#topic a {
	font-size:		1em;
	font-weight:	bold;
	color:			#003366;
}

#topic a:hover {
	text-decoration:underline;
}

#topic p {
	margin:			10px;
	font-weight:	normal;
	line-height:	1.3em;
	text-align:		justify;
}

#topic ul {
	list-style:		square inside;
	margin: 		0.5em 0.5em 1em 0em;
}

#topic ol {
	margin: 		0.5em 0 1em 0em;
}

#topic li {
	margin-top:		0.5em;
	font-weight:	normal;
	line-height:	1.6em;
	text-align:		justify;
}


/* FOOTER STYLE	*/
#footer {
	clear:			both;
	left:			10px;
	height:			16px;
	border-top:		1px solid #003366;
	padding:		3px 10px 0px 10px;
	color:			#ffffff;
	background:		#0388D7;
	font-size:		0.65em;
	letter-spacing: 1px;
	text-align:		center;
	z-index:		5;
}

.divider {
	font-size:		1em;
	color:			#333333;
	margin:			1px;
}

.dibox {
	margin:			0;
	border:			1px solid #eeeeee;
	padding:		2px 0 2px 0;
	font-size:		0.7em;
	font-weight:	bold;
	text-align:		center;
	color:			#4d5a66;
	background:		#e3e9ee;
}

/* LEFT AND RIGHT BOX STYLE */
.box-title {
	height:			15px;
	font-size:		1em;
	font-weight:	bold;
	color:			#ffffff;
	background:		#0388D7;
	text-align:		center;
	margin:			0px 0px 0px 0px;
	padding:		3px 0px 3px 0px;
}

.box-right {
	border-left:	1px solid #024c8d;
	border-bottom:	1px solid #024c8d;
	margin-top:		1px;
	margin-right:	1px;
	padding:		0px 0px 3px 0px;
	
	font-size:		0.7em;
	color:			#000033;
}

.box-left {
	border-right:	1px solid #024c8d;
	border-bottom:	1px solid #024c8d;
	margin-top:		1px;
	margin-left:	1px;
	padding:		0px 0px 1px 0px;
}

/* IMG'S STYLE */
.img {
	border:			1px solid #024c8d;
	margin:			10px 0px 0px 0px;
}

.img2 {
	margin:			18px 0px 2px 0px;
}
	
/* NO LINK STYLE */
.nolink {
	font-size:		0.8em;
	font-weight:	normal;
	padding:		10px 0px 10px 0px;
	cursor:			default;

}

.nolink:hover{
	text-decoration:none;
	cursor:			default;

}

/* FORM'S STYLE */
.field_hidden {
	margin:			0px;
	padding:		5px 15px 0px 15px;
	border:			none;
}

.field_color {
	margin:			0px;
	border:			1px solid #666666;
	padding:		1px;
	text-align:		center;
	background:		#eeeeee;
}

input, select, textarea {
	font-size:		1em;
	color:			#000000;
	background:		#ffffff;
	border:			1px solid #cad1dc;
	padding:		0 2px 0 2px;
}

textarea {
	font-size:		1em;
}

.button {
	font-size:		1em;
	font-weight:	bold;
	color:			#000033;
	background:		#cad1dc;
	border:			1px solid #000033;
	padding:		1px 5px 0px 5px;
}

.box {
	color:			#000000;
	border:			2px solid #666666;
	padding:		0 2px 0 2px;
}

#marqueecontainer{
position: relative;
width: 145px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: none
padding: 2px;
padding-left: 2px;
}

div.textimage{
width: 400px;margin-bottom: 10px;     
border: 0px ;background-color: #ffffff
}

div.textimage img{
float:right;
margin: 10px
}

div.textimage h2, div.textimage p{
margin:0 10px;
padding: 0
}

div.textimage h2{
margin-top: 10px
}


}

div.textimage1{
width: 204px;margin-bottom: 5px;     
border: 0px solid #000;background-color: #ffffff
} 

div.textimage1 img{
float:right;
margin: 5px
}

div.textimage1 h2, div.textimage1 p{
margin:0 2px;
padding: 0
}

div.textimage1 h2{
margin-top:5px
}

div.textimage{
width: 370px;margin-bottom: 5px;     
border: 0px ;background-color: #ffffff
}

div.textimage2 img{
float:left;
margin: 9px;
}

div.textimage h6, div.textimage p{
margin:  6px;
padding: 0px;
}