body { margin: 0; padding: 0; background-color: #000000; }
img { border: 0; }

a 				{ text-decoration: none; }
a:link 		{ color: #000000; }
a:active 	{ color: #ff9900; }
a:visited 	{ color: #000066; }
a:hover 		{ color: #990000; }

a.light				{ text-decoration: none; }
a.light:link 		{ color: #ffffff; }
a.light:active 	{ color: #ff9900; }
a.light:visited 	{ color: #0001ac; }
a.light:hover 		{ color: #b00000; }

a.int				{ font-weight: bold; text-decoration: none; }
a.int:link 		{ color: blue; }
a.int:active 	{ color: blue; }
a.int:visited 	{ color: blue; }
a.int:hover 	{ background-color: Gray; color: #b00000; }

/* LAYOUT */
#container_tdSX { background-color: #cccccc; color: #000000; }
#container_tdCX { background-color: #ffffff; color: #000000; padding: 1px 5px; }
#container_tdDX { background-color: #cccccc; color: #000000; }

div#maincontainer { margin: 1px 0.4em 2em 0.4em; padding: 3px; text-align: center; }

/* FOOTER CREDITS */
p#pfootercredits { margin-top: 1em; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #999999; }
p#pfootercredits a { font-size: 10px; color: #999999; text-decoration: none; }
p#pfootercredits a:hover { color: #cccccc; text-decoration: underline; }

/* TITOLI */
h1 { margin-top: 0.6em; font-family: arial, sans-serif; font-size: 28pt; font-weight: bold; line-height: 28pt; letter-spacing: 2px; }
h2 { font-family: verdana, arial, helvetica, sans-serif; font-size: 18pt; }
h3 { margin-top: 0; margin-bottom: 3px; font-family: arial, helvetica, sans-serif; font-size: 12pt; font-weight: normal; } /* claudio colovà pagina spettacoli */
h4 { padding-left: 5px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; font-style: italic; }
h5 { font-family: arial, helvetica, sans-serif; font-size: 11pt; font-weight: bold; } /* foto di scena */

.bold { font-weight: bold; }
p.testojustify { margin: 0.5em 1.2em; text-align: justify; font: 10pt verdana, arial, helvetica, sans-serif; }
.testonormale1 { font: 10pt verdana, arial, helvetica, sans-serif; }
.testonormale2 { text-align: justify; font: 10pt verdana, arial, helvetica, sans-serif; }
.testonormale3 { text-align: center; font: 10pt verdana, arial, helvetica, sans-serif; }
.testoarticolo { margin: 0.5em 1em; text-align: justify; font: 10pt 'times new roman', sans-serif; }
p.editore { margin: 0.5em 2em 2em 2em; text-align: right; font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; font-style: italic; }
p.spettTitl1 { margin-top: 0; padding-left: 2em; font: bold italic 10pt verdana, arial, helvetica, sans-serif; } /* sotto titolo spettacolo */
p.spettTitl2 { margin-top: 0; padding-left: 1em; font: italic 9pt arial, helvetica, sans-serif; } /* didascalia appena sotto il titolo spettacolo */

#spettLISTE { margin: auto; padding: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; }
#spettLISTE ul { list-style: none; margin: 1em 0 1em 0; padding: 0; }
#spettLISTE li { margin: 0; padding: 1px 3px; }


#floatright { float: right; width: 170px; margin: 0.5em 0 10px 10px; padding: 10px; background-color: #ddd; }
#floatright p { padding: 1px; text-align: justify; font-size: 9pt; line-height: 10pt; font-style: italic; font-weight: normal; color: #000000; }

.clearboth { clear: both; }

/* SITEMAP */
div#sitemap { margin: auto 15px; font-family: verdana, arial, helvetica, sans-serif; font-size: 12pt; }
div#sitemap ul { margin: 0; text-align: center; list-style-type: none; }
div#sitemap li { margin: 1px; padding: 1px 3px; text-align: left; color: #dddddd; }
div#sitemap li a, div#sitemap li a:link, div#sitemap li a:active, div#sitemap li a:visited { color: #dddddd; text-decoration: none; }
div#sitemap li a:hover { color: #990000; text-decoration: underline; }
/* SITEMAP */

/* header link NEWS */
a.news { padding-right: 0.5em; font-size: 16px; line-height: 20px; color: #ffffff; letter-spacing: 1px; text-decoration: none; }
a.news:hover { font-size: 16px; line-height: 20px; color: #000066; font-weight: bold; }

/* TEATRO E CARCERE */
p.testointervista1 { text-align: justify; font: bold 10pt verdana, arial, helvetica, sans-serif; }
p.testointervista2 {	margin-left: 0.3em; text-align: justify;	font: normal 10pt verdana, arial, helvetica, sans-serif; }
/* TEATRO E CARCERE */

/* teatrografia.php MENU' */
div#teatrnav { width: 350px; margin: 1em 2em 1em 3em; text-align: center; font-family: verdana, arial, helvetica, sans-serif; }
div#teatrnav ul { margin: auto; padding: 0; text-align: center; list-style: none; }
div#teatrnav ul li { text-align: left; padding: 0 3px; font-family: georgia, sans-serif; font-size: 12pt; line-height: 16pt; color: #dddddd; letter-spacing: 1px; }


/* SPETTACOLI - TABELLA CONTAINER X TUTTE PAGINE SPETTACOLI */
#spett_container-mainTable { border: 0; }
#spett_container-mainTDsx { vertical-align: top; background-color: #cccccc; }
#spett_container-mainTDdx { background-color: #ffffff; color: #000000; }
#spett_container-mainTDlx { background-color: #cccccc; color: #000000; }
/* SPETTACOLI E DISCOGRAFIA - BOX CONTAINER X TUTTE PAGINE SPETTACOLI */
div#spett_contmainSX { float:left; width: 110px; background-color: #cccccc; font-family: verdana, arial, helvetica, sans-serif; color: #000000; }
div#spett_contmainDX { background-color: #ffffff; font-family: verdana, arial, helvetica, sans-serif; color: #000000; }

/* menù laterale spettacoli e sottopagine */
div.lateralsubmenu { width: 109px; margin: 0; padding: 0; text-align: center; }
div.lateralsubmenu ul { margin: 0; padding: 0; list-style: none; }
div.lateralsubmenu li { width: 109px; margin-top: 1em; margin-bottom: 1em; padding: 0; text-align: center; vertical-align: baseline; }
div.lateralsubmenu a { display: block; padding-top: 55px; text-decoration: none; background: url('http://www.officineouragan.com/_img/roll_1.jpg') no-repeat top center; font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #000000; }
div.lateralsubmenu a:hover { background: url('http://www.officineouragan.com/_img/roll_2.jpg') no-repeat top center; color: #990000; }
/* menù laterale spettacoli e sottopagine */

/* menù laterale spettacoli e sottopagine */
div.lateralsubmenu2 { width: 109px; margin: 0; padding: 0; text-align: center; }
div.lateralsubmenu2 ul { margin: 0; padding: 0; list-style: none; }
div.lateralsubmenu2 li { width: 109px; margin-top: 1em; margin-bottom: 1em; padding: 0; text-align: center; vertical-align: baseline; }
div.lateralsubmenu2 a { display: block; padding-top: 55px; text-decoration: none; background: url('http://www.officineouragan.com/_img/2roll_1.jpg') no-repeat top center; font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #000000; }
div.lateralsubmenu2 a:hover { background: url('http://www.officineouragan.com/_img/2roll_2.jpg') no-repeat top center; color: #990000; }
/* menù laterale spettacoli e sottopagine */

/* gallery foto di scena */
.gallery { float: left; width: 110px; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #999; }
/* gallery foto di scena */

p.rassegnastampa { font-family: arial, helvetica, sans-serif; font-weight: bold; color: #000000; }
p.rassegnastampa .font_small1 { font-family: verdana, sans-serif; font-size: 9pt; font-weight: normal; }
p.rassegnastampa .font_small2 { font-size: 8pt; font-style: italic; font-weight: normal; }



/* BIOGRAFIA */
div#bio_maincontainer { margin: 1px 0; padding: 5px; text-align: center; }
#bio_container-mainTable { border: 0; }
#bio_container-mainTDcx { background-color: #ffffff; color: #000000; }

p.bio_testomain { margin: 1em 2em 0.5em 10em; padding: 2px; text-align: justify; text-indent: 1.5em; font: 10pt verdana, arial, helvetica, sans-serif; line-height: 16pt; }
p.bio_testolink { text-align: right; margin-right: 3em; font-style: italic; }

/* stile per popup curriculum vitae */
div#cv-mainbox { margin-top: 0; padding: 1px 1px 1px 0.5em; background-color: #ffffff; }
div#cv-mainbox p { font: 10pt arial, helvetica, sans-serif; line-height: 16pt; }
div#cv-mainbox ul { list-style: none; margin: 0.3em 0; padding: 0; }
div#cv-mainbox li { margin-top: 2em; margin-left: 1em; font: 10pt arial, helvetica, sans-serif; line-height: 16pt; color: #000000; }
/* stile per popup curriculum vitae */

/* DISCOGRAFIA */
.player { margin: 0; padding: 0; text-align: left; }
.player ul { margin: 0; padding: 0; text-align: left; list-style: none; }
.player li { padding: 1px; text-align: left; font: 8pt arial, helvetica, sans-serif; color: #ffffff; }
p.dis_testojustify { margin: 1em 1em; text-align: justify; font: 10pt verdana, arial, helvetica, sans-serif; }

#dis_container-mainTable { border: 0; }
#dis_container-mainTDsx { vertical-align: top; color: #ffffff; }
#dis_container-mainTDdx { font: 10pt arial, helvetica, sans-serif; color: #ffffff; }

p.int_testojustify { margin-left: 1em; margin-right: 1em; text-align: justify; font: 10pt verdana, arial, helvetica, sans-serif; }


a.news2:link { font-size: 12px; color: #FFFFFF; text-decoration: none; }
a.news2:visited { font-size: 12px; color: #FFFFFF; text-decoration: none; }

.fontnews { font: 9pt verdana, arial, helvetica, sans-serif; color: #000000; text-decoration: none; }


a.discografia:link { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.discografia:active { font-size: 12px; font-weight: bold; color: #999999; text-decoration: none; }
a.discografia:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.discografia:hover { font-size: 12px; font-weight: bold; color: #990000; text-decoration: none; }


div#boxlink { margin: auto; padding: 0; border: 0; }
div#boxlink ul { list-style: none; margin: 0; padding: 0; text-align: center; }
div#boxlink li { margin: 1em 2em; padding: 5px; text-align: left; font-family: verdana; font-size: 11pt; }
div#boxlink li a { color: #ffffff; }
div#boxlink li a:hover { color: #990000; text-decoration: underline; }

a.photogallery:link { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.photogallery:active { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.photogallery:visited { font-size: 12px; font-weight: bold; color: #990000; text-decoration: none; }
a.photogallery:hover {font-size: 12px; font-weight: bold; color: #990000; text-decoration: none; }