/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
img {
	/*max-width: 98%;*/
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html {
	background: #f7f7f7;
	height: 100%;

    font-size: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    color: #222222;
    font: 15px/150% "Open Sans", Helvetica, Arial, sans-serif;
	min-height: 100%;
	overflow-x: hidden;
}
input, select, textarea { font-family: "Liberation Sans",Helvetica,Arial,sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
p { margin: 1em 0; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; }
figure { margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }


/************************************************************************************
SITE DEFAULTS
*************************************************************************************/
a, a:visited {
    color: #446DB2;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
}
a:hover, a:active {
    color: #5BC4C2;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/

#logoarea {
    background-color: #fff;
}
#menuarea {
    /*background: -moz-linear-gradient(center top , #009DE6, #007AB3) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    /*background: -moz-linear-gradient(center top , #7E8277, #75796F) repeat scroll 0 0 rgba(0, 0, 0, 0);*/

    background-color: #84887D;
    background: -webkit-linear-gradient(#84887D, #75796F);
    background: -moz-linear-gradient( #84887D, #75796F);
    background: -ms-linear-gradient(#84887D, #75796F);
    background: linear-gradient(#84887D, #75796F);

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);

    padding: 2px;
    margin: 4px 0;
}

.pagewrap {
	width: 1040px;
	max-width: 99%;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}

.header {
    font: 15px/150% "Open Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

#body {
}

/************************************************************************************
#HEADER
*************************************************************************************/
#toplogo_cnt {
    height: 48px;
    background-color: #fff;
    color: #202040;
}

#toplogo {
    float: left;
}
#toplogo a {
    display: block;
    width: 204px;
    height: 40px;
    background: transparent url("../img/logo1.png") no-repeat scroll 0 0;
    margin: 3px 10px 0 3px;
}

#topcopy {
    overflow: hidden;
    height: 40px;
    font: 12px/150% "Open Sans", Helvetica, Arial, sans-serif;
    padding: 8px 0 0 10px;
}

#topsocial {
    float: right;
    text-align: right;
    padding: 7px 5px 0 0;
}
#topsocial img {
    margin-left: 5px;
}

/************************************************************************************
MAINMENU
*************************************************************************************/
#wdmenucontainer {
}
.mainmenu {
    margin: 0;
    padding: 0;
    list-style: none;
    *zoom: 1;
}
.mainmenu:before,
.mainmenu:after {
    display: table;
    content: "";
}
.mainmenu:after {
    clear: both;
}
.mainmenu > li {
    float: left;
    width: 12.4%;
}
.mainmenu > li > a {
    display: block;
    padding: 2px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.mainmenu > li > a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.10);
}


/************************************************************************************
#BODY
*************************************************************************************/
#contentwrap {
	margin-right: -320px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
#content {
	margin-right: 320px;
	padding-right: 30px;
    line-height: 1.6;
}

#sidebar {
	float: right;
	width: 320px;
	margin: 10px 0 20px;
	word-wrap: break-word;
	line-height: 140%;
}

#footer {
	clear: both;
	padding-top: 8px;
    padding-bottom: 20px;
    margin-top: 10px;
    font-size: 85%;
	line-height: 160%;
    border-top: 1px solid #dcdcdc;
    text-align: center;
}


/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar section {
	margin-bottom: 25px;
	clear: both;
}

.sidelinkbox {
    float: left;
    width: 49.99%;
}
.sidelinkbox.smaller {
    font: 13px/150% "Open Sans", Helvetica, Arial, sans-serif;
}
.sidelinkbox h4 {
    text-align: center;
    background-color: #e8e8e8;

}
.sidelinkbox.sidemenu1 {
    width: 48%;
    margin-right: 1.9%;
}
.sidelinks1 {
    margin-top: 8px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sidelinks1 li {
    margin-bottom: 4px;
}
.sidelinkbox.sidemenu2 {
    width: 100%;
}


/************************************************************************************
FOOTER
*************************************************************************************/
#footer section {
    color: #888;
	float: none;
	word-wrap: break-word;
    margin-bottom: 10px;
}
#footer section a {
    /*color: #888;*/
    text-decoration: none;
}

.footnav {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footnav li {
    display: inline-block;
    margin: 0 1em;
}

#footer .social {
    display: none;
}


/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.center { text-align: center }


/************************************************************************************
SCHEDE DATI
*************************************************************************************/

.daticontainer2l {
    float: left;
    width: 54%;
    margin-right: 1.8%;
}
.daticontainer2r {
    float: left;
    width: 44%;
}
.datitab {
    margin-top: 8px;
    border: 1px solid #c0c0c0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.datitabpad {
    padding: 0 0.5em;
}
.datitab h4,
.datitab h3 {
    font: 15px/150% "Roboto slab", Helvetica, Arial, sans-serif;
    font-weight: 700;
    background-color: #e8e8e8;
    text-align: center;
}


/************************************************************************************
FORM RICERCA ESTERNI: RISTORANTI - HOTEL
*************************************************************************************/

.extform2l {
    float: left;
    width: 48%;
    margin-right: 1.8%;
}
.extform2r {
    float: left;
    width: 48%;
}


/************************************************************************************
SCHEDA REGIONE
*************************************************************************************/
.provlist {
    width: 32%;
    display: inline-block;
    text-align: center;
}


/************************************************************************************
SCHEDA COMUNE
*************************************************************************************/
.titlecom {
    text-align: center;
    background-color: #76cc1e;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font: 20px/125% "Roboto Slab", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
}

#daticomcontainer1 {
    float: left;
    width: 54%;
    margin-right: 1.8%;
}
#daticomcontainer2 {
    float: left;
    width: 44%;
}

.minimapcom {
    margin-top: 8px;
    text-align: right;
}
.minimapcom img {
    width: 140px;
    height: auto;
}

.menucom {
    margin-top: 8px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
}
.menucom li {
    margin-bottom: 5px;
}

.datiitem {
    margin-top: 2px;
    display: table;
}
.datilabel {
    float: left;
    width: 50%;
    margin-top: 2px;
    color: #65A73B;
    text-align: right;
    padding-right: 4px;
}


/************************************************************************************
SCHEDA AMMINISTRAZIONE
*************************************************************************************/
.amm_sindaco {
    margin: .5em .5em .75em;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    line-height: 120%;
}
.amm_sindaco > .amm_carica {
    background-color: #DBD61F;
    padding-left: 2px;
    padding-right: 2px;
}
.amm_nascita, .amm_dtelez, .amm_professione, .amm_studio {
    font-size: 85%;
}
.amm_other {
    margin: .5em .5em .75em;
    line-height: 120%;
}
.amm_other > .amm_carica {
    background-color: #DBDAA8;
    font-size: 85%;
    padding-left: 2px;
    padding-right: 2px;
}
.amm_sindaco > .amm_nome {
    font-weight: bold;
}


/************************************************************************************
SCHEDA LAVORO
*************************************************************************************/
.jobentry {
    margin-bottom: .5em;
}
.jobdate {
    margin-left: 1em;
    font-style: italic;
    font-size: 85%;
    color: #777;
}


/************************************************************************************
HOME
*************************************************************************************/
.homelabel {
    color: #65A73B;
    padding-right: 4px;
}


/************************************************************************************
BANNERS
*************************************************************************************/
.banner_header {
    margin: 3px auto;
    text-align: center;
}
.banner_bottom {
    margin: 15px auto 5px auto;
    text-align: center;
}
.ad_header {
    margin: 0 auto;
    width: 728px;
    height: 90px;
}
.ad_content_bot {
    margin: 0 auto;
    width: 336px;
    height: 280px;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* 2 column layout */
@media screen and (max-width: 1000px) {
	.pagewrap {
		max-width: 99%;
		background: none;
	}
    .header {
		width: auto;
		padding-left: 0;
		clear: both;
	}
    #social {
        display: none;
    }
	#body {
		width: auto;
		padding-left: 0;
		/*padding-top: 30px;*/
		clear: both;
	}
}
/* 1 column layout */
/* was:  (max-width: 760px) */
@media screen and (max-width: 780px) {
	.pagewrap {
		max-width: 99%;
	}
	#contentwrap {
		margin-right: 0;
		float: none;
		width: auto;
	}
    #topsocial {
        display: none;
    }
	#content {
		margin-right: 0;
		padding-right: 0;
	}
    .mainmenu > li {
        width: 24.9%;
    }
    .mainmenu > li > a {
        padding: 4px 2px;
    }
	#sidebar {
		padding-top: 20px;
		width: auto;
		float: none;
		clear: both;
	}
	#footer section {
		width: auto;
		margin: 0 0 20px 10px;
		float: none;
	}
    #footer .social {
        display: block;
    }

    .ad_header {
        width: 468px;
        height: 60px;
    }
}
/* small 1 column */
@media screen and (max-width: 600px) {
}
/* iphone landscape */
@media screen and (max-width: 480px) {
	html {
		-webkit-text-size-adjust: 100%;
	}
	.pagewrap {
		max-width: 99%;
	}
    #toplogo_cnt {
        height: auto;
        /*height: 66px;*/
    }
    #toplogo, #topcopy {
        float: none;
    }
    #toplogo a {
        margin: 0 auto;
    }
    #topcopy {
        text-align: center;
    }
	.ad, .banners {
		display: none !important;
	}
    #hsearch {
        width: 90%;
        left: 5%;
    }
    .mainmenu > li {
        width: 49.9%;
    }

    .ad_header {
        width: 320px;
        height: 100px;
    }
    .ad_content_bot {
        width: 300px;
        height: 250px;
    }
}
/* iphone portrait */
@media screen and (max-width: 320px) {

}