/** Global **/
/* technique explained @ http://leftjustified.net/journal/2004/10/19/global-ws-reset/  */
* {
	margin:0;
}

/** end global **/

/* setting the base font size to 90% allows even scaling by the user while keeping font-size 'xx-small' legible */
body {
	background: #dcdab4 url() repeat;
	font-size:90%;
}

body, .normal
{	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	color: #f5f6f0;
}
/********
the #outer div is the key element to the flexibility of this design.
By setting maximum and minimum widths in 'em', whilst the width is set in '%', 
we effectively create the perfect combination of 'fluid' and 'elastic' layouts.
Javscript is used to add support for min/max width in IE

Any elements inside #outer that require a set width or horizontal margins/padding use the '%' unit for that value.
This means that regardless of what causes the #outer div to expand (font size or screen size), 
the content will seemlessly re-flow to fill that space.
*********/
#outer {
	margin: 0.2em auto 0em;
	border:5px solid #a30b1a;
	background: #F5f6f0;
	width: 700px;
}

/* float clearing - technique explained @ http://www.csscreator.com/attributes/containedfloat.php */
ul#nav:after, #outer:after, #sub:after, form:after, form div:after {
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}
* html #nav, * html #content, * html form, * html form div {
	height:1%;
}

/** hiding of elements for assistive devices (screen readers etc) **/
ul#access, .off {
	position:absolute;
	left:-1000em;
	top:-1000em;
}
/** hiding of elements for seo **/
#seo, .off {
	position:absolute;
	left:-1000em;
	top:-1000em;
}
/* <hr />'s added to mark-up for browsers without CSS */
hr {display:none}

h1
{
	font-family: Verdana,Arial,Helvetica;
	font-size:13px;
	text-align: center;
}

h2
{
	font-size:1.2em;
	line-height: 2em;
	letter-spacing: 0.3em;
	color: #4A546C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0.5em;
	padding-bottom: 0.7em;
	font-weight: normal;
	padding-left: 0.5em;
}

h3, h4, h5, h6, h7
{
	font-family: Verdana, Arial, Helvetica;
	font-size:13px;
	font-weight: normal;
	line-height: 17px;
}

a, a.normal
{	color: #cf6700;
	text-decoration: none;
}
a:hover
{
	background-color: #f5f6f0;
	color: #333333;
}



.pageTitle
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #d15e36;
}

.pageSommario
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
}

.f_contatti
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.f_contatti input, .f_contatti select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 300px;
	border:1px solid #c0c0c0;
}

.f_contatti .cObblig, .f_contatti input.cObblig, .f_contatti select.cObblig
{
	font-weight: bold;
	color: #505050;
}

.f_contatti input.cSubmit
{
	width: 300px;
	border:1px outset #c0c0c0;
}

.f_contatti textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 300px;
	border:1px solid #c0c0c0;
}

.elenco_ft
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:none;
	visibility: hidden;
}

.t11 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

.t10 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

.contenuto {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #006600;
}
.paragrafo_focus {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	letter-spacing: 2px;
}
.paragrafo_ricerca_left {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 200px;
}
.paragrafo_ricerca_right {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-left: 20px;
	text-align: right;
}
.paragrafo_legenda {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #666666;
}
.fondopagina {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #666666;
}

select.form_ricerca_left {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:188px;
	border:1px solid #404040;
	background: #f5f6f0;
	text-align: left;
}

input.form_ricerca_left {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 11px;
        width:188px;
        border:1px solid #404040;
        background: #dddddd;
}

#ricerca {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 11px;
        border:1px solid #404040;
        background: #f5f6f0;
}

input.form_ricerca {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 11px;
        border:1px solid #404040;
        background: #dddddd;
}

.mnu_central , a.mnu_central {
	font-family:Tahoma,Arial,Helvetica;
	font-size:11px;
	color: #666666;
}

.footerbase-gr { color:#606060; font-size: 11px ; font-family: tahoma,verdana,arial,sans-serif ; text-decoration: none; }

/** Content Containers **/
/**#sub, #right, #left {
	font: .9em/1 'Lucida Grande', arial, verdana, sans-serif;
	word-spacing:0.1em;
	margin-bottom:1em;
	background: #f5f6f0 url() repeat;
}**/
/******
div#sub is an extra wrapper, which allows the center column to come first in the source. 
#sub is floated left, with #center -the content column- nested within and floated to the right.
concept from http://www.positioniseverything.net/piefecta-rigid.html
******/
#sub {
	width:65%;
	float:left;
	position:relative;
	padding-top: 10px;
	padding-left: 10px;
	/**border: 1px dotted #4A6888;**/
}

#center {
	width:60%;
	float:right;
}
#left {
	width:33%;
	float:left;
	padding-bottom: 0.7em;
	padding-right: 1em;
	margin-right: 1em;
	border-right: 1px dotted #C8DCC2;
}
#right {
	width:25%;
	float:right;
	padding-left: 1em;
	padding-right: 1em;
}
#villa_center {
	width:75%;
	float:right;
}
#villa_left {
	width:20%;
	float:left;
	padding-bottom: 0.7em;
	padding-right: 1em;
	margin-right: 1em;
	border-right: 1px dotted #C8DCC2;
}

/** header**/
#header {
	background-color: #a30b1a;
	letter-spacing: 2.5em;
	text-align: left;
	color: #F5f6f0;
}

#header h1 {
	font:1em/3em Georgia, "Times New Roman", Times, serif;
	background-color: #a30b1a;
	letter-spacing: 2.5em;
	text-align: center;
	color: #F5f6f0;
}



#tagline h1 {
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #f5f6f0;
	letter-spacing: 0.2em;
	text-align: left;
	letter-spacing: 0.2em;
	padding-right: 20px;
	padding-left: 200px;
	font-weight: normal;
	line-height: 1.3em;
	padding-top: 10px;
}

#tagline p {
	padding-top: 10px;
	color: #f5f6f0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	letter-spacing: 0.1em;
	padding-right: 0.3em;
	padding-left: 200px;
}		
#header a:hover
{
	text-decoration: none;
}
	
/** teaser section **/
#teaser {
	
	margin: 0.5em;
	 }
#teaser p {
	font-size: 10px;
	line-height: 13px;
	color: #333333;
	padding: 0.2em;
}
#teaser h2 {
	font-size: 0.95em;
	font-weight: bolder;
	line-height: 1.5em;
	letter-spacing: 0.2em;
	padding: 0.2em;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	color: #A30B1A;
}

/** mainwindow is the main article content wrapper **/
#mainwindow {
	margin-bottom: 0.5em;
	color:#8B9F86;
}
#mainwindow img {
	border: 1px solid #C8DCC2;
	padding: 3mm;
	clear:both;
	text-align: center;
	/***margin-bottom: 0px;***/
    }
#mainwindow a {
	margin-bottom: 0.5em;
	clear: both;
} 

/** Main Col Contents**/ 
/**#center p {
	
}**/
img.img-right {
	float:right;
}

/** Left Col Contents**/
/**#left h2 {
	color:#666666;
	font-size:1em;
}
#left p {
	font-size:.9em;
}
#left h3 {
	font:bold 1.2em/1.6 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	color:#333;
	word-spacing:0.2em;
	letter-spacing: 0.2em;
	line-height: 2em;
	padding-top: .5em;
	border-bottom-color: #E0DFE3;
	border-bottom-style: double;
	border-bottom-width: 4px;
}
#left p {
	font: .9em/1 Arial, tahoma, verdana, sans-serif;
	color:#333;
	line-height: 1.3em;
	padding-top: 0.8em;
	letter-spacing: 0.05em;
}


#left ul {
	list-style:none;
	margin-top:.7em;
}
#left li {
	padding:.3em 2%;
}
#leftbox {

	width:33%;
	float:left;
	border:1px solid #C8DCC2;
	padding-left: 0.7em;
	padding-bottom: 0.7em;
	padding-right: 0.4em;
	margin-right: 1em;
}
/** Right Col Contents 
#right {
	font-size:0.9em;
	text-align: left;
}
#right h2 {
	font-size:1em;
	text-align: left;
	font-weight: bold;
	color: #666666;
}
#right h3 {
	font:bold 1em/1.6 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	color:#8b9f86;
	word-spacing:0.4em;
	letter-spacing: 0.4em;
	line-height: 2em;
	padding-top: 2em;
	border-bottom-color: #E0DFE3;
	border-bottom-style: double;
	border-bottom-width: 1px;
}
#right p {
	font: 1.1em/1.2 Arial, tahoma, verdana, sans-serif;
	color:#8b9f86;
	line-height: 1.4em;
	padding-top: 0.5em;
	letter-spacing: .05em;
}**/
/**#right p {
	margin:.5em 2% .5em 0;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-top: 1em;
	color: #666666;
	border-right: none #666666;
	border-left: none #666666;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-top-style: none;
	border-bottom-style: none;
}
#right ul {
	padding-left: 0.4em;
	padding-top: 1em;
	list-style: none;
}
#right li {
	line-height: 1.4em;
}**/	

/** Footer **/
#footer {
    background-color: #A30B1A;
	clear:both;
	margin-top:1em;
    padding:0.5em;
	font:.9em/1 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
    color:#fff;
	border-top:4px double #C8DCC2;
}
#footer p {
	margin:1em;
	float:right;
	width:30%;
	text-align:right;
}
#footer ul {
	list-style:none;
	margin-top:.7em;
}
#footer li {
        color:#fff;
	display:inline;
	border-right: 1px solid #8b9f86;
	padding: 0.3em;
}
#footer li a {
        color:#fff;
	display:inline;
	border-right: 1px solid #fff;
        padding:0.3em;
        padding-right:0.5em;
}
#subnav {
	background-color: #666666;
	clear: both;
	padding: 0.5em;
	font: 1em/1 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	font-weight: bold;
	color: #f5f6f0;
	border: 1px solid #f5f6f0;
	letter-spacing: 0.3em;
}
#subnav ul {
	list-style: none;
	text-align: center;
}
#subnav li {
        color: #f5f6f0;
	display: inline;
}
#subnav li a {
	color: #f5f6f0;
	display: inline;
	border-right: 1px solid #fff;
	border-left-color: #f5f6f0;
	border-left-style: solid;
	border-left-width: 1px;
	margin-right: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: normal;
}
#subnav li a:hover {
	color: #333333;
	background-color: #f5f6f0;
}
#subnav h2 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #f5f6f0;
	padding: 1em;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#subnav_left {
	font: 1em/1 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	float:left;
	padding-bottom: 0.7em;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	width: 46%;
	padding-left: 10px;
	padding-top: 12px;
	letter-spacing: 0.1em;
}
#subnav_left p{
	padding-bottom: 0.7em;
}
#subnav_right {
	font: 1em/1 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	float:right;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	width: 46%;
	padding-right: 10px;
	padding-top: 12px;
	letter-spacing: 0.1em;
}
#subnav_right p{
	padding-bottom: 0.7em;
}
#subnav_villas {
	background-color: #666666;
	clear: both;
	padding: 0.5em;
	font: 1em/1 'Lucida Grande', Arial, tahoma, verdana, sans-serif;
	font-weight: bold;
	color: #f5f6f0;
	border: 1px solid #f5f6f0;
	letter-spacing: 0.3em;
}
#subnav_villas ul {
	list-style: none;
	text-align: left;
	font-size: 9px;
	font-weight: normal;
	padding-top: 8px;
}
#subnav_villas li {
        color: #f5f6f0;
	display: inline;
}
#subnav_villas li a {
	color: #f5f6f0;
	display: inline;
	border-right: 1px solid #fff;
	border-left-color: #f5f6f0;
	border-left-style: solid;
	border-left-width: 1px;
	margin-right: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: normal;
}
#subnav_villas li a:hover {
	color: #333333;
	background-color: #f5f6f0;
}
/** application specific tags **/

#galleries {
	border: 1px solid #C8DCC2;
	color: #fff;
        margin:0.3em;
        padding: 0.3em;
	top: 0.5em;
	right: 1em;
	font: .9em 'Lucida Grande', arial, verdana, sans-serif;
	word-spacing:0.4em;
	width: 10em;
	float: right;
}
#galleries a {
	font: 1em 'Lucida Grande', arial, verdana, sans-serif;
	word-spacing:0.3em;
	color: #fff;
	text-decoration: none;
}
.gallery_link {
	font: .8em 'Lucida Grande', arial, verdana, sans-serif;
}
#photoblogring {
	padding: 5px; 
	border: solid 0px #fff;
}
#thumbnail img{
	background-repeat: repeat;
	width: 160px;
	text-align: center;
	border: 1px solid #c8dcc2;
  }
#search{
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	text-indent: 10px;
  }
#search p{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-left: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
  }
#googlesearch{
	text-align: left;
	border: #D8D8D8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
  }
#villa_blurbs {
	margin: 15px auto 5px;
	width: 95%;
}
#villa_blurbs p {
	padding: 3px;
	border: 1px solid #666666;
	margin-left: 0px;
	height: 75px;
	margin-bottom: 10px;
}
#villa_blurbs img {
	border: 1px solid #666666;
	padding: 3px;
	margin-bottom: 10px;
	margin-left: 30px;
}
#mainwindow_villas {
	margin-bottom: 0.5em;
	color:#8B9F86;
	padding-right: 25px;
	padding-left: 25px;
}
#mainwindow_villas img {
	border: 1px solid #C8DCC2;
	padding: 3mm;
	clear:both;
	text-align: center;
	/***margin-bottom: 0px;***/
}
#spacer {
	clear: both;
}