#content, #content a { color: #222; }

h1 { font-size: 18px; color: #333; padding: 0; margin: 5px 0; }
h2 { font-size: 14px; color: #333; padding: 0; margin: 5px 0; }
h3 { font-size: 12px; font-weight: bold; background: #EEE; padding: 4px; margin: 4px 0; border-bottom: 1px solid #AAA; }

#content h1 {
        font-size: 18px;
        padding: 9px 10px 10px 35px;
        margin: 15px 0;
        color: #86D1D7;
        background: url("../images/arrow.png") no-repeat scroll 10px center #232020;
        text-transform: uppercase;
        font-weight: normal;
    }
    
    #content h2 {
        margin: 5px 0; 
        padding: 5px 0;
        font-size: 13px;
        color: #39ACAC;
    }
    
#content h1 a { 
    color: #86D1D7; 
    text-decoration: none; 
}

#content a[rel=title] {
    color: #39ACAC;
    text-decoration: none;
    font-size: 30px; 
    padding: 15px; 
    margin: 0px;
    display: block;
}
#content a[rel=link] {
    color: #232020;
    text-decoration: none;
    font-size: 22px; 
    padding: 15px; 
    margin: 0px;
    display: block;
}
#content a[rel=link]:hover {
    color: #39ACAC;
}

#domini h1, #ultime h1 {
        font-size: 12px;
        padding: 8px 10px 10px 35px;
        margin: 0 0 15px 0;
    }

#sx { 
    float: left; 
    width: 185px !important; 
    width: 190px;
    padding-right: 5px; 
}
#cx { 
    float: left; 
    width: 560px !important;
    width: 570px; 
    margin: 0 5px; 
    padding: 0 5px; 
    border-right: 1px solid #AAA; 
}
#dx { 
    float: right; 
    width: 220px !important;
    width: 220px; 
}

#sx-menu {
    margin-bottom: 15px;
    background: #FFF;
}
#sx-menu a {
    display: block;
    padding: 5px 5px;
    border-left: 2px solid #AAA;
    text-decoration: none;
    font-size: 13px;
}
#sx-menu a.selected {
    background: url('../images/arrow.png') 5px center no-repeat #EEE;
    padding-left: 28px;
}
#sx-menu a:hover {
    background: url('../images/arrow.png') 5px center no-repeat #ECF9F8;
    padding-left: 28px;
}

#cx-ricerca {
    background: #EEE;
    border-bottom: 1px solid #AAA;
    padding: 10px;
    margin-bottom: 10px;
}

#cx-ricerca-btn { 
    cursor: pointer;
    background: url('../images/search.gif') center center no-repeat;
    width: 16px;
    height: 16px; 
    display: block-inline !important;
    display: none;
    float: right;
    margin-left: 4px;
    margin-top: 1px;
}

.riga {
    margin: 0;
    padding: 8px 0;
    clear: both;
    border-bottom: 1px dashed #AAA;
    position: relative;
}
.riga:hover {
    background: #EEE;
}
.riga-main {
    margin: 0;
    padding: 8px 0;
    clear: both;
    border-bottom: 1px dashed #AAA;
    background: #F5F5F5;
    border-bottom: 1px solid #AAA;
    z-index: 500;
}
.wshort { width: 25px; }
.wshort1 { width: 60px; }
.wshort2 { width: 80px; }
.wavg { width: 100px; }
.wavg1 { width: 130px; }
.wavg2 { width: 160px; }
.wbig { width: 200px; }
.wbig1 { width: 250px; }
.wbig2 { width: 300px; }
.wshort, .wshort1, .wshort2, .wavg, .wavg1, .wavg2, .wbig, .wbig1, .wbig2 { float: left; padding: 0 2px; }
.wshort, .wshort1, .wshort2 { text-align: center; }

.txtgrey { color: #AAA; }

#risultati { margin: 10px 0; }



#risultati .preview {
    position: absolute;
    top: 100%;
    right: 0;
    border: 1px solid #AAA;
    background: #F5F5F5;
    color: #555;
    padding: 5px;
    display: none;
    width: 98%;
    z-index: 500;
}
#risultati .preview a { color: #555; }

#pagine {
    padding: 5px 10px;
}

#risultati-filtri { margin: 10px 0; }

#risultati-filtri a {
    cursor: pointer;
    background: url('../images/delete.gif') 97% center no-repeat #EEF;
    border: 1px solid #AAD; 
    padding: 4px;
    padding-right: 20px;
    margin: 3px; 
    float: left;
    text-decoration: none;
    display: block;
}
#risultati-filtri a:hover {
    background-color: #FEE;
}

.dominio { position: relative; margin: 10px 0; color: #555; }
.dominio-name { padding: 4px; border-bottom: 1px solid #AAA; margin-bottom: 5px; background: #EEE; }
.dominio-name a { text-decoration: none; color: #333; }
.dominio-img { float: left; width: 70px; margin: 0 5px 5px 0; }
.dominio-info { float: left; width: 140px; }
.dominio-webthumb {
    position: absolute;
    right: 104%;
    top: 0;
    border: 1px solid #AAA;
    background: #F5F5F5;
    color: #555;
    padding: 5px;
    display: none;
    z-index: 1500;
}

/* ----- MENU SEZIONI ----- */

#sx-menu-s {
    margin-bottom: 8px; 
    border-bottom: 1px solid #AAA;
}
#sx-menu-s a { cursor: pointer; }

#menu-sezioni a {
    display: block;
    margin: 0 0 0 3px;
    padding: 5px 9px;
    color: #666;
    text-decoration: none;
    float: left;
    background: #EEE;
    border: 1px solid #AAA;
    border-bottom: 0;
}
#menu-sezioni a.selected { 
    background: #888;
    color: #FFF;
    border: 1px solid #AAA;
    border-bottom: 0;
}
#menu-sezioni a:hover { 
    background: #DDD;
    border: 1px solid #AAA;
    border-bottom: 0;
    color: #666;
}

/* -------- MENU OPZIONI ---------- */

#menu-opzioni a {
    display: block;
    margin: 1px 0 1px 3px;
    padding: 3px 9px;
    color: #666;
    text-decoration: none;
    float: left;
    background: #EEE;
    border: 1px solid #AAA;
}
#menu-opzioni a:hover, #menu-opzioni a.selected { 
    background-color: #39ACAC;
    border: 1px solid #39ACAC;
    color: #FFF;
}
a#menu-sell {
    background: url('../images/icon_disp.png') 1px center no-repeat #EEE;
    padding-left: 27px;
}
a#menu-change {
    background: url('../images/icon_change.png') 1px center no-repeat #EEE;
    padding-left: 27px;
}

/* ----------- MENU ARCHIVIO ----------- */
.archivio-y {
    margin-bottom: 5px;
}
.archivio-y h3 {
    font-size: 12px;
    cursor: pointer;
}
.archivio-m {
    display: none;
}
.archivio-m a {
    padding: 6px 0;
    border-bottom: 1px dashed #AAA;
    display: block;
    text-decoration: none;
    color: #333;
}
.archivio-m a:hover, .archivio-m a.selected {
    background: #F5F5F5;
}

/* ------------- BLOCCO INFORMAZIONI --------------- */

#content .blocco {
    margin-bottom: 15px;
    text-align: justify;
    color: #333;
}
#content .blocco h1 {
    font-size: 16px;
    text-align: left;
    padding: 8px 10px 4px 35px;
}
#content .blocco h2 {
    font-size: 12px;
    margin: 4px 0 12px 0;
    font-weight: normal;
}
#content .blocco h2 a { color: #666; }

#content .blocco-img { 
    margin: 0 15px 15px 0; 
    float: left;
}

/* ---------- MODULO ------------- */
#modulo{
	padding: 0 10px 10px;
}
#modulo label{
	display: block;
	color: #333;
	font-weight: 700;
	line-height: 1.4em;
}
#modulo input{
	width: 220px !important;
	width: 234px;
	padding: 6px;
	color: #777;
	font-size: 11px;
	border: 1px solid #cecece;
}
#modulo input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#modulo input[type=submit] {
    cursor: pointer;
}
#modulo select{
	width: 230px !important;
	width: 244px;
	padding: 6px;
	color: #777;
	font-size: 11px;
	border: 1px solid #cecece;
}
#modulo select.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#modulo textarea{
	width: 550px !important;
	width: 564px;
	height: 80px !important;
	height: 94px;
	padding: 6px;
	color: #adaeae;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#modulo textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#modulo div{
	margin-bottom: 15px;
}
#modulo div span{
	margin-left: 10px;
	color: #777;
	font-size: 11px;
	font-style: italic;
}
#modulo div span.error{
	color: #e46c6e;
}
#send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#send:hover{
	background: #79a7f1;
	cursor: pointer;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}

/* ------------------ RAPPORTO -------------------- */
.rapporto {
padding: 10px;
padding-left: 32px;
border: 1px solid #D7D700;
background: url('../images/icon_alert.gif') 7px center no-repeat #FFFFA8;
color: #000;
margin: 10px;
clear: both;
}
.rapporto.ok {
    background: url('../images/icon_confirm.png') 7px center no-repeat #D5FFD5;
    border: 1px solid #367448;
}
.rapporto.no {
    background: url('../images/icon_warning.gif') 7px center no-repeat #FFD7CC;
    border: 1px solid #FD7751;
}
.rapporto a {
color: #000000;
}
.rapporto a:hover {
color: #AAAAAA;
}

@media screen and (max-width: 768px) {
    
    #sx { width: 31% !important; width: 31%; padding: 0 1%; margin: 0 1%; }
    #cx { width: 61% !important; width: 61%; border: 0; padding: 0 1%; margin: 0 1%; }
    #dx { width: auto !important; width: auto; float: none; clear: both; }
    
    body[data-page=luoghi] #sx, body[data-page=news] #sx, body[data-page=eventi] #sx, body[data-page=recensioni] #sx, body[data-page=libri] #sx { width: auto !important; width: auto; float: none; }
    body[data-page=luoghi] #cx, body[data-page=news] #cx, body[data-page=eventi] #cx, body[data-page=recensioni] #cx, body[data-page=libri] #cx { width: auto !important; width: auto;  float: none; }
    
    #sx img, #cx img, #dx img { max-width: 100%; }
    
    #risultati { margin: 0; }
    
    #cx-ricerca input[type=text] { clear: both; margin: 8px 0; width: 94%; }
    #cx-ricerca .right { float: none; text-align: left; }
    
    #risultati-legend { display: none; }
    
    #risultati-content .riga div {
      display: inline-block;
      float: none;
      width: auto;
    }
    
    #pagine > a {
      display: inline-block;
      font-size: 14px;
      padding: 8px;
    }
    
    #menu-sezioni { float: none; }
    #menu-sezioni a { float: none; }
    
    #menu-opzioni { float: none; }
    #menu-opzioni a { float: none; }
    
    #content .blocco-img {
      float: none;
      margin: 15px 0;
    }
    
    #map { width: 100%; }
    
}

@media screen and (min-width: 481px) and (max-width: 768px) {
 
    
 
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
 
     
 
}

@media screen and (min-width: 1025px) {
 
     
 
}