/*>>> Comune.bordighera.it css stylesheet <<<*/
/* ==================================================================================== 
PHP Programming by Luca Lodini 
XHTML/CSS Coding and design by Simone Ferraro
Js Cms Components by Riccardo Raneri
==================================================================================== */

html {
height:100%
}
body {
font:11px verdana, sans-serif;
background:#c2dff3 url(images/bg_gradient.gif) repeat-x top;
margin:0;
padding:0
}

/*>>>Content <<<*/

img,img a {
border:none
}
p {
margin-top:5px;
margin-bottom:5px
}
div#wrapper {
width:790px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
background:#fff;
}
#container_home h2{
letter-spacing:0;
font-size:16px;
color:#fb9619;
font-weight:400;
margin-top:0px !important;
margin-bottom:0px !important;
border:0px;
width:100%;
text-align:left;
clear:both
}
#header {
background: url(images/header.jpg) top;
height:186px;
width:790px
}
h2 {
letter-spacing:0;
font-size:16px;
color:#fb9619;
font-weight:400;
margin-top:10px;
float:right;
border-bottom:1px solid #85c630;
width:100%;
text-align:right;
padding:0 0 3px;
}
h3 {
letter-spacing:0;
font-size:12px;
height:18px;
color:#fb9619;
text-align:left;
text-transform:uppercase;
margin:5px 0 0;
padding:0 0 3px;
font-weight:bold;
}
h4 {
font-size:12px;
font-weight:700;
}

/*>>>Content Right<<<*/

#content_right {
float:right;
width:560px;
line-height:15px;
margin-right:10px;
padding-left:10px;
padding-right:10px;
margin-bottom:15px;
text-align:justify;
}
#content_right h3 {
/*display:table-cell;*/
font-size:14px;
color:#fb9619;
font-weight:400;
text-align:left;
text-transform:uppercase;
background:url(images/li.gif) 0px 5px  no-repeat;
margin:0px;
padding:5px;
padding-left:15px;
font-weight:bold;
}
#content_right h4 {
font-size:13px;
color:#fb9619;
font-weight:400;
text-align:left;
background:url(images/li_small.gif) 5px 5px no-repeat;
margin:0px;
padding:5px;
padding-left:15px;
}
#content_right p {
padding-top:0;
margin-bottom:8px;
}
#content_right ul {
color:#404040;
margin:0;
padding:0px 0px 0;
}
#content_right li {
margin:0px;
padding:0px;
padding-left:7px;
background:url(images/li_list.gif) 0 0 no-repeat;
list-style-type:none;
}
#content_right li a {
color:#404040;
padding-top:0;
text-decoration:none;
}

/*>>>Contenuti Hompepage<<<*/

#container_home {
margin:10px;
height:350px;
/*height:420px; feste banner */
}


#container_home h3 {
text-transform:Uppercase;

height:11px;
font-weight:normal;
padding-bottom:3px;
margin-left:0;
margin-bottom:0px;
/*background:url(images/li.gif) 0 0 no-repeat;*/
border-bottom:1px solid #ccc;
font-weight:bold;
}

#container_home ul {
color:#404040;
width:100%;
height:75px;
clear:both;
margin:0;
padding-top:10px;
padding:5px;
}
#container_home li {
padding-left:10px;
padding-right:10px;
background:url(images/arrow.gif) 0 0 no-repeat;
list-style-type:none;
color:#404040;
padding-bottom:0;
margin:0;
}
#container_home li a {
color:#404040 !important;
}
#container_home li a:hover {
color:#fc961a !important;
}
.box_vivere {
width:250px;
height:150px;
float:right;
background:#65b100;
margin:5px;
margin-right:0px;
text-align:left;
padding:8px 10px 10px;
}
.bg_vivere {
height:132px;
padding:5px;
background:#fff url(images/sun.gif) right top no-repeat;
margin:auto;
}
.box_rete {
width:250px;
min-height:150px; 
height:auto!important;
height:150px;
float:right;
background:#fc961a;
margin:5px;
padding:8px 10px 10px;
}
.bg_rete {
min-height:132px; 
height:auto!important;
height:132px;
padding:5px;
background:#fff url(images/house.gif) right top no-repeat;
margin:auto;
height:132px;
}
.box_feed {
width:250px!important;
height:150px;
float:right;
margin:5px;
margin-right:0px;
background:#fc961a;
text-align:left;
padding:8px 10px 10px;
}
.bg_feed {
height:132px;
padding:5px;
background:#fff url(images/feed.gif) right top no-repeat;
margin:auto;
}
.bg_feed p {
width:165px;
height:75px;
float:left;
text-align:justify;
padding:0px;
}
.box_gallery {
float:right;
width:250px;
height:150px;
margin:5px;
background:#65b100;
padding:8px 10px 10px;
}
.bg_gallery {
height:132px;
padding:5px;
background:#fff url(images/camera.gif) right top no-repeat;
margin:auto;
}
.home_box_link {
font-size:10px;
color:#fb9619;
width:100%;
float:left;
text-align:left;
padding-top:5px;
background:url(images/01_hdot.gif) top repeat-x;
}
.home_box_link a {
background:url(images/arrow.gif) 0 0 no-repeat;
margin:3px 0 0 5px;
padding:0 0 0 10px;
font-weight:bold;
}
.side_box_link{
font-size:10px;
color:#fb9619;
width:100%;
float:left;
text-align:left;
padding-top:5px;
background:url(images/01_hdot.gif) top repeat-x;
}
.side_box_link a {
background:url(images/arrow.gif) 0 0 no-repeat;
margin:0px 0 0 0px;
padding:0 0 0 10px;
font-weight:bold;
}
#testo {
margin-top:0;
border-left:1px solid #85c630;
padding-left:7px;
padding-right:7px;
}

/*>>>General Sidebar<<<*/

#sidebar {
float:left;
display:block;
margin-top:0;
margin-left:0;
margin-right:0;
width:175px;
}
#sidebar h2 {
letter-spacing:0;
font-size:12px;
color:#fb9619;
font-weight:400;
margin-left:5px;
margin-bottom:13px;
padding-top:0;
padding-bottom:3px;
float:left;
border-bottom:1px solid #85c630;
text-align:left;
}
#inner_sidebar {
float:left;
display:block;
min-height:350px;
height:auto!important;
width:185px;
color:#39A9FF;
font-size:13px;
/*border-right:1px solid #85c630;7*/
margin:0;
padding:0;
}
#inner_sidebar ul {
font-size:11px;
color:#85c630;
margin-left:10px;
margin-right:0;
padding-left:5px;
margin-top:5px;
padding-right:0;
padding-bottom:10px;
}
a{
text-decoration:none;
color:#fb9619;

}
#sidebar a {
font-size:11px;
text-decoration:none;
color:#fb9619;
font-weight:bold;
}
a:hover,#sidebar a:hover {
color:#fb9619;
text-decoration:underline;
}
.text_version_gra,h1 {
display:none;
}
.text_version a:hover,#topmenu a:hover {
color:#fff!important;
text-decoration:underline;
}
.percorso a,a:hover,#content_right h3 a,a:hover,li a,a:hover {
color:#fb9619;
}
#inner_sidebar ul li,#inner_sidebar ul li ul li {
background:url(images/arrow.gif) 0 0 no-repeat;
list-style-type:none;
margin:0;
padding:0 0 0 10px;
}

/*>>>Pagina Ricerca e News<<<*/

#news_page h3 {
background:url(images/li.gif) 0 0 no-repeat;
text-decoration:none;
font-weight:400;
margin:5px 0 0!important;
padding:0 0 0 10px;
font-weight:bold;
}
#ricerca_page h3 {
background:url(images/li.gif) 0 0 no-repeat;
text-decoration:none;
font-weight:400;
margin:5px 0 0;
padding:0 0 0 10px;
font-weight:bold;
}
#ricerca_page p,#news_page p {
font-weight:400;
margin:0;
padding:5px 0 10px;
}
.news_box_page,.box_ricerca {
background:#efefef;
border:1px solid #dcdcdc;
margin:0 0 10px;
padding:5px!important;
}

.box_ricerca {
background:#efefef;
border:1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
margin:0 0 10px;
padding:5px!important;
}

.news_back {
padding-top:0;
font-size:10px;
color:#fb9619;
width:100%;
float:left;
text-align:right;
background:url(images/01_hdot.gif) repeat-x top;
padding-bottom:5px;
margin-bottom:5px;
}
.news_back a {
background:url(images/arrow_up.gif) 0 0 no-repeat;
padding-left:10px;
}
.news_box_page {
background:#efefef;
border:1px solid #dcdcdc;
margin:0 0 10px;
padding:5px!important;
}
.news_back a:hover,#ricerca_page p a:hover {
color:#fb9619;
padding-left:10px;
}

/*>>>Barra News in Homepage<<<*/

#box_news {
float:left;
width:200px!important;
width:185px;
height:345px;
padding-top:0;
text-align:center;
border-right:1px solid #65b100;
margin:5px 5px 5px 0;
overflow:hidden;
}

#box_news_feste {
float:left;
width:200px!important;
width:185px;
height:385px;
padding-top:0;
text-align:center;
border-right:1px solid #65b100;
margin:5px 5px 5px 0
}


#inner_news {
text-align:left;
color:#fff;
font-size:11px;
height:310px;
margin:0 5px;
padding:0 5px
}
.news_wrapper{
background:#fff;
padding:0px;
margin:0px;
height:300px;
}

.news_wrapper_feste{
background:#fff;
padding:0px;
margin:0px;
height:365px;
}


.news_box {
width:170px!important;
width:165px;
padding-bottom:5px;
}



.news_p {
color:#404040;
margin-top:5px!important;
margin-top:0px;
}
.news_p a{
color:#404040;
text-decoration:none;
}
.news_p a:hover{
text-decoration:none;
background:#efefef;
display:block;
}

/*>>>Navigazione Principale<<<*/

div#navcontainer{
background:#65b100;
}
div#navcontainer ul{
font:12px verdana, sans-serif;
font-weight: normal;
color: #fff;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0px;
}
div#navcontainer ul li{
display: inline;
}
div#navcontainer ul li a{
padding: 5px 10px 5px 10px;
color: #fff;
text-decoration: none;
}
div#navcontainer ul li a:hover{
background: #9ddf46;
color: #fff;
}

/*>>>Briciole di Pane<<<*/

.briciole {
padding-top:0;
font-size:10px;
color:#fb9619;
width:100%;
float:left;
text-align:left;
background:url(images/01_hdot.gif) repeat-x bottom;
padding-bottom:5px!important;
margin-bottom:5px!important;
}
.briciole a {
font-size:10px;
color:#fb9619;
padding-bottom:5px;
}
.briciole a:hover {
font-size:10px;
color:#fb9619;
padding-bottom:5px;
text-decoration:underline;
}

/*>>>Generali<<<*/

.dot {
clear:both;
width:100%;
height:3px;
text-align:left;
background:url(images/01_hdot.gif) repeat-x top;
}
.stretcher{
width:1px;
height:170px;
float:right;
margin:0px;
padding:0px
}
.sx {
float:left;
margin:5px;
margin-right:12px
}
.dx {
float:right;
margin:5px;
margin-left:12px;
}
.absmiddle {
vertical-align:middle;
}
.nascosta {
font-style:italic;
}
.clearer {
clear:both;
}
#box_ricerca {
width:300px;
padding-top:5px;
padding-left:10px;
float:left;
background:transparent;
}
#ricerca {
text-align:left;
padding-top:.5em;
padding-bottom:.5em;
padding-left:4px;
margin:0;
}
#ricerca label {
display:none;
}
#ricerca .sq {
background:transparent url(images/icon_cerca.gif) left no-repeat;
width:120px;
text-align:left;
border:1px solid #fff;
font-size:10px;
color:#fff;
padding:1px 0 2px 15px;
}
#ricerca .submit {
display:none;
/*font-size:100%;
border:1px solid #d6d6d6;
color:#fc961a;
background:#fff;
padding:0;
margin:3px 0;*/
}
.text_version {
font:normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#fff;
background:transparent url(images/text.gif) left no-repeat;
border:none;
font-size:10px;
float:right;
margin-top:15px;
margin-right:130px;
padding:1px 0 2px 15px;
}
.text_version a {
text-decoration:none;
color:#fff!important;
}
.percorso {
font-size:10px;
color:#fc961a;
width:100%;
float:left;
text-align:right;
padding-top:5px;
background:#efefef url(images/01_hdot.gif) top repeat-x;
}
.turing {
margin-left:10px;
}
.turing a{
background:url(images/accessibility.gif) 0 0 no-repeat;
padding:5px;
padding-left:20px;
}
.turing_img {
border:1px solid #ccc;
padding:3px;
}
.turing a{
background:url(images/accessibility.gif) 0 0 no-repeat;
padding:5px;
padding-left:20px;
}
.show_all {
font-size:10px;
color:#fb9619;
width:100%;
float:left;
text-align:right;
padding-top:5px;
background: url(images/01_hdot.gif) top repeat-x;
}
.show_all a {
background:url(images/arrow.gif) 0 0 no-repeat;
margin:0;
padding:0 0 0 10px;
}
.foto_big {
float:right;
border:1px solid #85c630;
margin:5px;
margin-left:10px;
padding:5px;
}
.webcam {
width:358px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
text-align:center;
border:1px solid #85c630;
padding:5px;
}

.video {
width:428px;
height:356px;
margin-top:6px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
text-align:center;
border:1px solid #85c630;
padding:5px;
}

/*>>>Gallerie fotografiche<<<*/

#galleria {
width:100%;
margin-top:20px;
padding-left:10px;
}
#galleria .elemento {
float:left;
width:151px;
height:140px;
text-align:center;
margin-right:25px;
margin-bottom:25px;
padding:1px;
}
#galleria .foto {
width:149px;
height:112px;
overflow:hidden;
border:1px solid #ccc;
text-align:center;
}

#galleria p {
margin:0;
padding:0;
}

/*>>>Footer<<<*/

#footer {
clear:both;
color:#404040;
text-align:left;
border-top: 1px solid #fc961a;
padding:5px;
margin:5px;
margin-top:20px;
}
.footer_left{
float:left;
text-align:left;
width:690px;
}
.footer_right{
float:right;
text-align:right;

}


/*>>>Area Amministrativa<<<*/

#admin_top {
background:#f89500 url(images/menu_amministrativo.gif) right top no-repeat;
font:12px verdana, sans-serif;
color:#000000;
margin-bottom:5px;
text-align:left;
padding:5px 5px 5px 10px;
padding-right:35px;
}
#admin_top a {
font:11px verdana, sans-serif;
color:#fff !important;
padding:5px;
margin:5px;
}
#admin_top a:hover {
font:11px verdana, sans-serif;
color:#fff !important;
text-decoration:underline;
}
.menu_modifica{
display:block;
background:url(images/admin_modifica.png) 0 0 no-repeat;
padding:3px;
padding-left:10px;
}
.menu_cancella{
display:block;
background:url(images/admin_cancella.png) 0 0 no-repeat;
padding:3px;
padding-left:10px;
}
.menu_crea{
display:block;
background:url(images/admin_crea.png) 0 0 no-repeat;
padding:3px;
padding-left:10px;
}
.menu_logout{
display:block;
background:url(images/admin_esci.png) 0 0 no-repeat;
padding:3px;
padding-left:10px;
}


/* mailform */

#form_contatti .submit {
font-size:100%;
width:50px;
 border:1px solid #d6d6d6;
 color:#fc961a;
 background:#fff;
 padding:0;
 margin:3px 0;
}

#form_contatti
{padding:5px 0;
margin:10px}

#form_contatti div{
padding:0px;
padding-top:4px;
padding-bottom:4px;
margin:5px;
background:url(images/01_hdot.gif) top repeat-x;
margin-left:0px;
 }
  
#form_contatti textarea{
width:280px;
  }

#form_contatti label{ 
color:#fc961a; 
}

.box_natale{
background:#fc961a url(images/banner_christmas.gif) no-repeat center;
width:550px !important;
width:570px;
height:66px;
float:right;
margin-bottom:4px;
}
.news_box h3, .titnews{
font-size:10px;font-weight:bold;

}

