/* === TRISMOKA === */

html, body { margin:0; padding:0; border:0; }
html { font-size:100%;
	/* IE ems resize hack */ }
body { font-size:62.5%; font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#000; text-align:center; background-color:#000; background-image:url("../images/bg_body.jpg"); background-position:top; background-repeat:repeat-x; }

h1 { font-size:1.6em; }
h2 { font-size:1.5em; }
h3 { font-size:1.1em; }
h4 { font-size:1em; }
ul, li, p, table { font-size:0.9em; }
ul, li { list-style-type:none; }
div, span, p, h2, h3, h4, h5, hr, ul, li, form, tr, td, img { margin:0; padding:0; border:0; }
a { text-decoration:none; color:#FFF; }
a:hover { text-decoration:underline; }
.cleaner { clear:both; display:block; visibility:hidden; }

/*CONTAINER GENERAL*/
#container_general { width:950px; margin:0 auto; margin-top:21px; }

/*CONTAINER HEADER*/
#container_header { height:16px; }

/*CONTAINER CENTER*/
#container_center { background-position:top; background-repeat:repeat-y; }

#menu { width:178px; float:left; background-image:url("../images/bg_top_menu.jpg"); background-position:top; background-repeat:no-repeat; padding-top:8px; }

.bordo_bottom { border-bottom:1px solid #504D4B; }

/*----------------------------------------------*/

.li_selected_bottom { padding:10px 0 10px 40px; display:block; font-weight:bold; border-bottom:1px solid #504D4B; color:red; }
.li_selected { padding:10px 0 10px 40px; display:block; font-weight:bold; color:red; }
.menu_level_1 li { font-size:1.1em; position:relative; background-image:url("../images/bg_menu.jpg"); background-position:top; background-repeat:repeat-y; text-align:left; }
.menu_level_1 li a { padding:10px 0 10px 40px; display:block; font-weight:bold; }
* html .menu_level_1 a { height:1%; }
.menu_level_1 li:hover a, .menu_level_1 li.over a { color:#000; background-color:#E60005; text-decoration:none; }
.menu_level_1 li:hover .menu_level_2 a, .menu_level_1 li.over .menu_level_2 a { background-color:#FFF; color:#000; }
.menu_level_1 li:hover .menu_level_2 a:hover, .menu_level_1 li.over .menu_level_2 a:hover { background-color:#E60005; color:#FFF; }
.menu_level_1 li:hover .menu_level_2, li.over .menu_level_2 { display:block; }
.menu_level_1 .menu_level_2 { position:absolute; left:178px; top:0; width:170px; margin:0; padding:0; list-style:none; background-color:#F7F7F7; display:none; }
.menu_level_2 li { margin:0; padding:0; background:none; border:1px solid #A7A7A7; }
.menu_level_2_selected { color:red; }
.table_level_3 { width:100%; margin:20px 0; text-align:center; }
.table_level_3 tr td { padding:5px; }

/*------------------------------------------------------------------------------*/

#text { width:772px; text-align:left; min-height:550px; height:auto !important; height:550px; display:inline; float:right; background-position:top; background-repeat:no-repeat; }
#text_sx { width:360px; float:left; padding-bottom:20px; }
.h_text { color:#FFF; margin:15px 0 0 20px; }
.h3_text { color:#FFF; margin:10px 0 0 20px; }
.p_text { color:#FFF; margin:10px 0 0 20px; }
.ul_text { color:#FFF; margin:10px 0 0 35px; }
.ul_text li { padding-top:10px; font-size:1.1em; list-style-type:disc; }

.lista_loghi_camp { margin:10px 0 0 20px; }
.lista_loghi_camp li { display:inline; margin:0 15px 0 0; }

.animaz_anni { margin:30px 0 0 20px; }

.tabella_anni { margin:20px 0 0 20px; }
.tabella_anni tr td { padding:10px 10px 10px 0; color:#FFF; }
.foto_anni { border:1px solid #666; }

#text_dx { width:380px; float:right; }

#risp_invio { width:350px; margin:20px 0 0 20px; color:#FFF; }

#table_richiedi_info { width:350px; margin:20px 0 0 20px; color:#FFF; }

.lista_corso { color:#FFF; margin:10px 0 0 20px; font-size:1em; }

#animazione_contatti { float:right; }

#table_loghi_corsi { color:#FFF; margin-left:18px; }
#table_loghi_corsi tr td { padding:10px 10px 10px 0; vertical-align:top; }

#animazione_cappuccino { margin:30px 0 0 20px; }

#logo { float:right; margin-top:317px; }
#logo_old { float:right; margin-top:80px; margin-right:150px; display: none; }

/*CONTAINER FOOTER*/
#container_footer { width:950px; height:31px; padding-top:10px; background-image:url("../images/bg_footer.jpg"); background-position:top; background-repeat:no-repeat; }
.p_footer { color:#FFF; font-size:0.8em; text-align:left; padding-left:35px; }


/* === DI mod === */

/* === clearfix hack === */
	#contatti div:after,
	#contatti fieldset li:after,
	.file_list li:after,
	#nav-lingua:after,
.clearfix:after { clear:both; content:" "; display:block; font-size:0; height:0; visibility:hidden; }
	#contatti div,
	#contatti fieldset li,
	.file_list li,
	#nav-lingua,
.clearfix { display:inline-block; }

#home #container_center { background-image:url('../images/bg_center.jpg'); }
#gen #container_center { background-image:url('../images/bg_center_interne.jpg'); }
h1, h2, h3, h4, h5, h6 { color:#FFF; text-transform:uppercase; }
h1 { margin:15px 0 0 20px; }
h2 { font-size:1.3em; margin:10px 0 0 20px; }
h3 { margin:10px 0 0 20px; }
h4 { margin:10px 0 0 20px; }
.dyn { color:#FFF; margin:10px 0 0 20px; }
.dyn td { margin:10px 0 0; color:#FFFFFF;}
.dyn h1, .dyn h2, .dyn h3, .dyn h4 { margin-left:0; }
.dyn a:link, .dyn a:visited, .dyn a:hover, .dyn a:active { color:#F00; text-decoration:underline; }
.dyn a:hover, .dyn a:active { text-decoration:none; }
.lista_loghi_camp { margin-left:0; }

/* === menu lingua === */
#nav-lingua { margin:1em 0 0; width:90px; }
#nav-lingua li { background:transparent none no-repeat scroll center center; display:inline; float:left; height:15px; margin:5px; width:20px; }
#nav-lingua a:link, #nav-lingua a:visited, #nav-lingua a:hover, #nav-lingua a:active { background-image:none; background-repeat:no-repeat; overflow:hidden; padding:13px 0 0; height:0 !important; height /**/:13px; display:block; }
#nav-lingua a:hover, #nav-lingua a:active, #nav-lingua a.sel:link, #nav-lingua a.sel:visited, #nav-lingua a.sel:hover, #nav-lingua a.sel:active { border:1px solid #FFF; }

/* === form contatti === */
#contatti { border:0 none; color:#FFF; margin:0 0 0 20px; }
#contatti div { margin:0.2em 0; width:100%; }
#contatti div.button { text-align:center; }
#contatti label { float:left; font-size:0.9em; width:120px; }
#contatti input, #contatti textarea { border:1px solid #CCC; float:left; font-size:1em; width:155px; }
#contatti textarea { height:75px; }
#contatti div.button input { float:none; width:80px; }
#contatti span { clear:both; color:#F00; display:block; font-weight:bold; padding-bottom:1em; }
#contatti p.mand { margin:0.2em 0; text-align:right; }
#contatti strong.mand { cursor:help; }
#contatti div.privacy input, #contatti fieldset li input { border:0 none; margin:0; width:auto; }
#contatti div.privacy label, #contatti fieldset li label { margin:0 0 0 10px; width:300px; }
#contatti fieldset { border:0 none; margin:0; padding:0; }
#contatti fieldset li { font-size:1.1em; margin:0.2em 0; width:100%; }

/* === galleria immagini === */
.gallery_h { margin:2em 0 0 20px; padding:0; width:100%; }
.gallery_h li { width:102px; min-height:50px; display:-moz-inline-stack; display:inline-block; vertical-align:top; margin:10px 10px 10px 0; zoom:1; *display:inline; _height:50px; }
.gallery_h a:link, .gallery_h a:visited, .gallery_h a:hover, .gallery_h a:active { text-decoration:none; }
.gallery_h a:hover img, .gallery_h a:active img { border-color:#FFF; }
.gallery_h img { background-color:#000; border:1px solid #666; padding:0; width:100px; }
.gallery_h p { font-size:0.8em; margin:0; }

/* === lista allegati === */
.file_list { clear:both; margin:2em 0 3em 20px; padding:0; }
.file_list li { list-style:none; margin:0.5em 0 0; padding:0 0 0.5em; width:100%; }
.file_list img { float:left; width:16px; }
.file_list a:link, .file_list a:visited, .file_list a:hover, .file_list a:active { float:right; font-size:1.1em; text-decoration:none; width:310px; }
.file_list a:hover, .file_list a:active { color:#F00; }
/* === /end DI mod === */