html, body { font-family: Arial; font-size:12px; color:#fff;}

html { background-image:url('images/bckgHtml.jpg'); background-repeat:repeat-x; background-color:#DBE0B4;}
html#hp { background-image:url('images/bckgHtmlHp.jpg'); background-repeat:repeat-x; background-color:#575748;}

body { width:970px; margin:0px auto; padding:0px; }
html#hp body { width:980px; margin:20px auto 0px auto; padding:0px; background-image:url('images/bckgBodyHp.jpg'); background-repeat:repeat-x;}

a { text-decoration:none; color:#fff;}
a:active, a:hover, a.selected { color:#BDDD29;}

h1 { color:#BEDD2B; border-bottom:2px solid #BEDD2B; text-transform:uppercase; }
h2 { }
h3 { color:#BEDD2B; text-transform:uppercase;}
h4 { color:#242415; border-bottom:1px solid #242415; margin:20px 0px 5px 0px; font-size:110%; font-weight:bold; }

.large { font-size:120%; color:#999; display:block; margin-bottom:5px;}

/* header */
div.header { width:970px; height:380px; background-image:url('images/bckgHeader.jpg'); background-repeat: no-repeat;}
a.logo img { border:none;}
img.sunValley { border:2px solid #242415; border-bottom:5px solid #242415; border-top:5px solid #242415;}

ul.menu { width:640px; height:28px; margin:0px; padding:0px; position:relative; left:330px; border-top:2px solid #242415; font-weight:bold; text-transform: uppercase;}
ul.menu li { list-style:none; display:inline-block; line-height:28px;}
ul.menu li a { display:block; font-size:130%; color:#242415; height:28px; padding:0px 19px; }
ul.menu li a:active
,ul.menu li a:hover { background-color:#242415; color:#fff;}
ul.menu li a.selected { background-color:#242415; color:#BDDD29;}

/* hp */
div#contentHp { width:710px; height:700px; margin:0px auto; background-image:url('images/imgHp2.jpg'); background-repeat: no-repeat;}
html#hp body div ul.menuHp { margin:0px; padding:20px 0px 0px 0px; text-align:center; font-weight:bold; text-transform: uppercase;}
html#hp body div ul.menuHp li { list-style:none; display:inline-block; margin:0px 15px;}

/* page e content */
div.page {min-height:740px;}
div.content { background-color:#242415; padding:10px; margin-top:10px;}

div.highlight { color:#242415; background-color:#BDDD29; border:2px solid #fff; padding:5px; }
div.highlight.profilo { width:280px; height:128px; margin-right:5px; float:left;}
div.block a { display:inline-block; width:205px; height:138px; border:2px solid #fff; margin:0px 4px; float:left;}
div.block a img { border:none;}

div.highlight.attivita { width:250px; height:440px; border:none; margin-right:15px; float:left;}
div.highlight.attivita ul {  }
div.highlight.attivita ul li { list-style:none; margin-bottom:20px;}
div.highlight.attivita ul li a { color:#242415; font-size:120%; text-transform:uppercase; font-weight:bold;}
div.highlight.attivita ul li a:active
,div.highlight.attivita ul li a:hover
,div.highlight.attivita ul li a.selected { color:#fff;}

div.block.attivita a { display:inline-block; width:205px; height:138px; border:2px solid #BDDD29; margin:0px 15px 10px 0px; float:left;}
div.block.attivita a img { z-index:1; margin-top:-15px;}
div.block.attivita a span.titleGallery { color:#242415; background-color:#BDDD29; font-weight:bold; padding:3px 20px 5px 10px; z-index:100; position:relative; top:100px;}
div.block.attivita a:active span.titleGallery
,div.block.attivita a:hover span.titleGallery { color:#fff;}

div.highlight.attivita.stradali {height:560px;}

div.block.attivita.gallery a img { z-index:1; margin:0px;}


div.highlight.contatti { width:215px; height:500px; margin-right:20px; float:left;}
div.blockContatti { display:inline-block; width:255px; height:500px; border:none; margin:0px 4px; float:left; font-size:120%;}
div.blockContatti span { margin-top:20px;}
div.blockContatti span.first { margin-top:0px;}

iframe { border:2px solid #BDDD29;}

/* footer */
div.footer.interno { color:#242415; padding:10px 10px 0px 10px; }
div.footer small { padding-right:20px;}
div.footer span { padding:0px 20px;}
div.footer strong { display:block; float:left; text-align:center; margin-right:70px;}
div.footer.interno p { margin:5px 0px;}
div.footer.interno a { color:#242415; font-weight:bold;}
div.footer.interno a:active, div.footer.interno a:hover { text-decoration:underline;}
span.credit.interno{ position:relative; left:570px; font-size:smaller; }
span.credit.interno, span.credit.interno a { color:#242415; font-style:italic; }
span.credit.interno a { font-weight:bold;}

html#hp div.footer { position:relative; margin:645px 0px 0px 5px; }
html#hp span.credit { position:relative; top:-20px; left:860px; font-size:x-small;}