/*
Theme Name: Casa Mele
Theme URI: http://zaniah.it/
Description: Child Theme del CMS Zeta, realizzato per casamele.com.
Author: Zaniah - Consulenza Web
Template: zeta
Version: 1.1
Tags: Zaniah, Child Theme
*/

@import url("../zeta/style.css");

body { background: #d8d8d8; font-family: 'Cabin', sans-serif; color: #000; }
a:link, a:visited { color: #000; text-decoration: underline; }
a:active, a:hover { text-decoration: none; }

/* #header */
#header { width: 200px; padding: 25px 35px; background: #000 url("images/freccia.png") 245px 25px no-repeat; height: 100%; position: fixed; top: 0; transition-property: left; transition-duration: 0.5s; left: -235px; z-index: 99; }
#header.aperto { left: 0; background: #000; }

#header .logo-principale a { float: none; height: 93px; }

#header .bandiere { width: 50px; height: 15px; margin: 20px auto; }
#header .bandiere a { text-decoration: none; width: 21px; height: 15px; transition-property: height; transition-duration: 0.5s; }
#header .bandiere a span { display: none; }
#header .bandiere a.it { display: block; float: left; margin: 0 8px 0 0; background: url("images/it.png") no-repeat; }
#header .bandiere a.en { display: block; float: left; margin: 0; background: url("images/en.png") no-repeat; }
#header .bandiere a:hover { box-shadow: 0 0 2px 2px #fff; }

#header .menu-principale { margin: 0 0 20px 0; padding: 0; height: 400px; float: none; }
#header .menu-principale li { margin: 0; padding: 0; float: none; }
#header .menu-principale li a { display: inline; text-decoration: none; font-size: 15px; margin: 0; padding: 0; line-height: 30px; transition-property: padding-left; color: #999; text-transform: uppercase; }
#header .menu-principale li a:hover { background: #000; padding-left: 10px; color: #fff !important; }
#header .menu-principale li.current-menu-item a, #header .menu-principale li.current_page_item a { color: #fff; font-weight: bold; }
#header .menu-principale ul.children { display: none; }
#header .menu-principale ul.children li { float: none; }

#header .contatti { color: #fff; padding: 20px 0; margin: 0 0 40px 0; border-top: 1px solid #5d5d5d; border-bottom: 1px solid #5d5d5d; }
#header .contatti h6 { font-size:  16px; }
#header .contatti p { font-size:  12px; }
#header .contatti a { color: #fff; }

#header #zaniah { width: 96px; height: 25px; margin: 0 auto 30px; padding: 0; }
#header #zaniah a.zaniah { opacity: .50; transition-property: opacity; }
#header #zaniah a.zaniah:hover { opacity: 1.00; }

/* #container */
#container { box-shadow: none; position: absolute; left: 45px; margin: 15px 0; background: url("images/sfondo-trasparente.png") repeat; }

#container #immagine-grande { padding: 30px; }

/* #footer */
#footer { height: 65px; }
#footer .footer-2 { background: none; }

#scroll-to-top a { background: #000; text-decoration: none; }
#scroll-to-top a:hover { color: #000; }

/* #contenuti  */
#contenuti h1 { color: #333; }
#contenuti h3 { color: #333; }
#contenuti h4 { color: #333; }

#contenuti .paragrafo .testo { border-top: none; }

#contenuti .box .anteprima { border-top: 4px solid #000; }

#contenuti .galleria-immagini figure { border-top: 4px solid #000; }

#contenuti .box .anteprima .apri { background: #000; }
#contenuti .box .anteprima .apri:hover { color: #000; }

#contenuti .elenco-faq .faq { border-top: 4px solid #000; }
#contenuti .elenco-faq .faq .domanda { border-bottom: 1px solid #aaa; }

#contenuti .google-map .mappa { border-top: 4px solid #000; }

#contenuti .form input[type="submit"] { background: #000; }
#contenuti .form input[type="submit"]:hover { color: #000; }

#contenuti .tabella table th { background: #000; }

/* == Media Query == */

/* = da 0 a 360px [360*640] = */
@media only screen and (max-width: 360px) {
	#container { width: 280px; }
	.pagine-figlie .figlia { margin: 0 0 50px; width: 100%; }
	#contenuti .galleria-immagini figure { margin: 0 10px 10px; }
	#contenuti .box .anteprima { margin: 0; font-size: 60% !important; }
	#contenuti .box .dettagli { font-size: 80%; }
	#contenuti .tabella table th { font-size: 65%; }
	#contenuti .tabella table td { font-size: 65%; }
}

/* = da 361px a 480px [480*800] = */
@media only screen and (min-width: 361px) and (max-width: 480px) {
#container { width: 400px; }
.pagine-figlie .figlia { margin: 0 0 50px; width: 100%; }
#contenuti .galleria-immagini figure { margin: 0 10px 10px; }
#contenuti .box .anteprima { margin: 0; font-size: 60% !important; }
#contenuti .box .dettagli { font-size: 80%; }
#contenuti .tabella table th { font-size: 65%; }
#contenuti .tabella table td { font-size: 65%; }
}

/* = da 480px a 640px [640*960] = */
@media only screen and (min-width: 481px) and (max-width: 640px) {
#container { width: 560px; }
.pagine-figlie .figlia { margin: 0 0 50px; width: 100%; }
#contenuti .galleria-immagini figure { margin: 0 8px 8px; }
#contenuti .box .anteprima { margin: 0; }
#contenuti .box .dettagli { font-size: 80%; }
#contenuti .tabella table th { font-size: 80%; }
#contenuti .tabella table td { font-size: 80%; }
}

/* = da 640px a 768px [768*1280] = */
@media only screen and (min-width: 641px) and (max-width: 768px) {
#container { width: 688px; }
.pagine-figlie .figlia { margin: 0 0 50px; width: 100%; }
#contenuti .galleria-immagini figure { margin: 0 3px 3px; }
#contenuti .box .anteprima { margin: 0; }
#contenuti .box .dettagli { font-size: 80%; }
}