body { font-family:Verdana, Geneva, sans-serif; text-align:center; font-size:75%; background:#C5BDBA; margin:0 auto}
h1 {font-size:18px; margin:30px 0px 0px 0px;}
h2 {font-size:14px; margin:20px 0 25px 0;}
h3 {}
h2.list_tratt {margin:0 0 8px 0;}

.wbody {width:100%; float:left;}
.contenuto {margin-bottom:20px; padding-bottom:20px; min-height:50px;}
.wsite {width:100%; max-width:980px;}
/*.wpage {width:940px; padding:0 20px; margin-top:5px}*/
.bgAllPage {background:#FFF}
.bgTrtPage {background:#FFF url(/img/sfondi/bg_rombo.png) center center no-repeat}

#TopMenuSite {float:right; display:none}
#TopMenuMobile {float:right; display:block; background:#CABFAD; border-radius:0 0 10px 10px; margin:0 20px 0 0; text-align:center; width:60px; padding-bottom:10px}
a#TopMenuMobile {color:#FFF; text-decoration:none; font-size:1em; font-weight:bold}

a.btn_menu {text-decoration:none; color:#FFF; float:right; width:100px; height:30px; margin:0 2px; text-align:center; background:url(/img/sfondi/menu.png) right bottom; line-height:28px}
a:hover.btn_menu {color:#000; background-position:left bottom; font-weight:bold}
a.menu_on {color:#000; background-position:left bottom; font-weight:bold}

a.btn_facebook {float:left; margin-top:20px; width:30px; height:50px; background:url(/img/ico/facebook_lumen.png) left center}
a:hover.btn_facebook {background-position: right center}

a.btn_istagram {float:left; margin-top:20px; width:60px; height:50px; background:url(/img/ico/instagram_lumen.png) left center}
a:hover.btn_istagram { background-position: right center}

a.link_txt {color:#000}
a.link_tit {color:#000; text-decoration:none}
a.link_txt_pag {color:#000; text-decoration:none}
a:hover.link_tit {text-decoration: underline}

.black_line {width:100%; height:0; border-top: solid 2px #000; float:left}

.box_home {float:left; height:auto; margin:20px 0; text-align:left; padding:none; border-right:none; position:relative; width:100%;}
.box_home_tit {font-weight:bold; float:left; width:98%; background:url(/img/sfondi/bg_titolo.png) bottom repeat-x; padding:0 1% 20px 1%;}
.box_home_txt {font-size:1em; float:left; width:98%; text-align:left; margin:5px 0 10px 0; padding:0 1%;}
.box_img_w {width:98%; /*height:132px;*/ overflow:hidden; position: inherit; bottom:0; margin:0 1%}
.box_img_w img {width:100%; max-width:368px}

ul.h_promo_list {padding:0 0 0 20px; margin:15px 0}
ul.h_promo_list li { margin-bottom:10px}

.page_tit_container {/*float:left;*/ width:100%; text-align:left; margin:10px}
.page_tit {font-weight:bold; /*float:left;*/ background:url(/img/sfondi/bg_titolo.png) bottom repeat-x; padding-bottom:20px; font-size:1.3em; max-width:300px}

.tit_tratt {text-transform:uppercase; /*float:left;*/ width:100%; margin-bottom:10px; font-weight:bold; font-size:0.95em}
.foto_tratt {border:solid 1px #E4E4E4;}

ul.list_est { margin:-8px 0 -10px -20px}
ul.list_est li { line-height:16px}

a.tr_link {position:absolute; bottom:15px; right:10px; color:#000; text-decoration:none; background:#AD9D9D; padding:4px 5px; box-shadow:2px 2px 5px #999}
a:hover.tr_link {text-decoration:underline}

a.link_btm {text-decoration:none; color:#7A6960; font-size:0.9em}
a:hover.link_btm {text-decoration:underline}

a.btm_lnk_pag {text-decoration:none; color:#7A6960; float:right}
a:hover.btm_lnk_pag {text-decoration:underline}

a.lnk_trt_pag {text-decoration:none; color:#7A6960; float:left; font-weight:bold; margin:20px; padding:20px}
a:hover.lnk_trt_pag {text-decoration:underline}


a.email {color:#FFF; text-decoration:none}
a:hover.email {text-decoration:underline}

#LogoTopEdensun {float:none; margin:15px 0; width:50%; max-width:350px}
#LoghiTopContainer {float:none; padding-top:20px; display:none}

.box_skitter {display:none}

a#TopArrow {position: fixed; bottom:40px; right:10px; border-radius:100%; opacity:0.6; display:none; background:#999 url(/img/ico/arrow_top.png) center center no-repeat; padding:25px; float:left; z-index:100; transition:all 0.5s}
a:hover#TopArrow {opacity:0.9}

.TrattamClassic {display:none}
#TrattamMobile {float:left; width:100%; display:block; background:#F7F0E6}
a.TabsTrattam {padding:10px 0; width:40%; text-align:center; border-radius:10px 10px 0 0; display:inline-block; margin:25px 10px 0 10px; color:#FFF; text-decoration:none; font-weight:bold}
a:hover.TabsTrattam { text-decoration:underline}
a.TabsTr_Off {background:#CABFAD}
a.TabsTr_On {background:#7A6960}

.TrattamList {width:100%; text-align:center}
.TrattMobContainer {float:left; width:94%; min-height:180px; text-align:left; background:#FFF url(/img/sfondi/bg_bottom_box_mob.png) bottom repeat-x; margin:2%; position:relative; font-size:0.9em; border-radius:5px 5px 0 0}

.TrattMobBox {background:url(/img/sfondi/foglia_50.png) 97% 10px no-repeat; padding:15px; float:left; width:95%; margin-bottom:15px}

.PagMobContainer {margin:0 15px}
.PagMobContainer img {max-width:50%}

#footer {height:55px; background:url(/img/sfondi/bg_footer.png) top repeat-x; text-align:center; display:block; width:100%; color:#FFF; line-height:23px; font-size:0.95em; margin-top:-40px}

#ContactLeft {float:left; width:97%; margin:10px; text-align:left}
#ContactRight {float:right; width:97%; margin:10px; border:solid 1px #CCCCCC}

#MobileMenuSite {width:100%; position:absolute; top:97px; left:0; display:none; z-index:20;}
#MobileMenuSite a:first-child {border-top: #CCC solid 1px}
#MobileMenuSite a {border-bottom: #CCC solid 1px; line-height:40px; background:#CABFAD; color:#FFF; height:40px; text-decoration:none; font-weight:bold; display:block; font-size:1.2em}
#MobileMenuSite a:hover {background:#FFF; color:#000}
#MobileMenuSite a.menu_on_mob {background:#FFF; color:#000}

/* ==== Stili di base - Mobile first ==== */
@media screen and (min-width: 320px) {
	#LogoTopEdensun {width:50%;}
	/*.foto_tratt {margin:0px 0px 20px 0px; width:100% !important; max-width:100% !important; display:block; float:none;}*/
}

/* ==== Stili di base - Mobile first ==== */
@media screen and (min-width: 380px) {
	#LogoTopEdensun {width:50%;}
	
}


/* ==== small TABLET ==== */
@media screen and (min-width: 480px) {
	a#TopArrow {right:20px}
	
	.TrattMobContainer {width:45%; height:220px}
	.TrattMobBox {margin-bottom:0}
	
	#LoghiTopContainer {display: inherit}
	
}


/* ==== big TABLET ==== */
@media screen and (min-width: 555px) {
	#LogoTopEdensun {float:left}
	
	.TrattMobContainer {font-size:1em}
}

/* ==== big TABLET ==== */
@media screen and (min-width: 580px) {
	
}

/* ==== big TABLET 2 ==== */
@media screen and (min-width: 620px) {
	#TopMenuSite {display:block}
	#TopMenuMobile {display:none}
	#MobileMenuSite {display:none !important}
	
	.PagMobContainer img {max-width:auto}
}


/* ==== big TABLET 3 ==== */
@media screen and (min-width: 700px) {
	#footer {line-height:45px}
	
	#ContactLeft {width:45%}
	#ContactRight { width:45%}
}


/* ==== iPhone-iPad PORTRAIT ==== */
@media screen and (min-width: 768px) {
	a#TopArrow {padding:20px}
}


/* ==== Breack-point intermedio ==== */
@media screen and (min-width: 820px) {
	#LoghiTopContainer {margin-left:10px; margin-top:65px; float: left; padding-top:0}
	
	#ContactLeft {width:350px}
	#ContactRight { width:45%}
}


/* ==== Breack-point intermedio ==== */
@media screen and (min-width: 870px) {
	#LoghiTopContainer {margin-left:30px}
	
	#ContactRight { width:50%}
}



/* ==== Breack-point WEBSITE ==== */
@media screen and (min-width: 950px) {
	a#TopArrow {right:30px}
	
	#ContactRight { width:55%}
}


/* ==== Breack-point WEBSITE ==== */
@media screen and (min-width: 960px) {
	.TrattamClassic {display:block}
	#TrattamMobile {display:none}
}


/* ==== Breack-point WEBSITE ==== */
@media screen and (min-width: 985px) {
	.box_home {width:285px; border-right:solid 1px #CCCCCC; padding:0 20px 0 0; height:355px}
	.box_home:last-child {border-right:none}
	.box_img_w {position:absolute}
}


/* ==== iPad LANDSCAPE + NOTEBOOK ==== */
@media screen and (min-width: 1000px) {
	.page_tit_container { margin:10px 0}
	
	.box_skitter {display:block}
	.next_button {display:none !important;}
	.prev_button {display:none !important;}
	#LoghiTopContainer {margin-left:0}
	
	.PagMobContainer {margin:0}
}
 

/* ==== iPad LANDSCAPE + NOTEBOOK ==== */
@media screen and (min-width: 1050px) {
	
}

/* ==== iPad LANDSCAPE + NOTEBOOK ==== */
@media screen and (min-width: 1075px) {
	.next_button {display:block !important;}
	.prev_button {display:block !important;}
}
 
/* ==== DESKTOP ==== */
@media screen and (min-width: 1200px) {
	a#TopArrow {right:50px}
}

/* ==== DESKTOP ==== */
@media screen and (min-width: 1350px) {
	a#TopArrow {right:150px}
}