/*
Theme Name: mediaprojects v1
Theme URI: http://www.mediaprojects.ch/
Description: 
Version: 0.1
Author: andrea - studio super
Author URI: http://www.studiosuper.ch/

*/

/* 
============================================== 
              RESET
==============================================
*/

html, body { margin:0; padding:0;}

form {margin:0; padding:0;}



input.button { cursor: pointer; }

img { border: 0 none; }

div, h1, h2, h3, h4, h5, h6, p, blockquote { margin:0; padding:0; }

/* 
============================================== 
           DEFINIZIONI STRUTTURALI
==============================================
*/

body {
	min-width:910px;
	margin:38px 10px 80px 10px;
}
#wrap {
	margin:0 auto;
	width: 910px;
}
#top {
	font-size: 90%;
	/*border-bottom: 2px solid #525955;
	height: 1.5em;
	position:relative;*/
}
#pag {
	border-top:2px solid #525955;;
}
#bottom {
	font-size: 90%;
	padding-bottom:150px;
	border-top: 2px solid #525955;
	clear:both;
}

/* 
------------------------------------------------
	classi delle colonne
*/
.full {
	width:910px;
	clear:both;
}
.col2 {
	width:445px;
}
.col31 {
	width:290px;
}
.col32 {
	width:600px;
}
.sx {
	float:left;
}
.dx {
	float:right;
}
.clr {
	clear:both;
}
/* 
------------------------------------------------

*/
#header {
	margin-bottom: 30px;
}
#header h1 {
	float: left;
}
#header #h2box {
	float:right;
}

/* 
------------------------------------------------
    MENU TOP e MENU BOTTOM 
*/

ul.nav {
	margin: 0;
	padding: 0;
	list-style:none;
}

ul.nav li {
	float: left;
	margin: 0;
	padding: 0;
}

#bottom ul {
	padding-top:2px;
}
#top a, #bottom a {
	font-weight: normal;
	text-transform:uppercase;
	float:left;
	display:block;
	height: 1.5em;
	line-height: 1.5em;
	margin-right:20px;
}
#top ul.nav li.nav-dx,
#bottom ul.nav li.nav-dx {
	float:right;
	display:block;
}
#top ul.nav li.nav-dx a,
#top ul.nav li.nav-dx a {
	margin-right:0px;
	margin-left:20px;
}


/* 
============================================== 
              HOMEPAGE
==============================================


----------------------------------------------
    #sezione_progetti
	#sezione_correnti
	#sezione_news 
*/
#introbox {
	margin-top:55px;
	margin-bottom:55px;	
}
#sezione_progetti {
	margin-top:55px;
	margin-bottom:80px;
}
#sezione_correnti, #sezione_news  {
	margin-top:36px;
}

#sezione_progetti h3, #sezione_correnti h3, #sezione_correnti_col31 h3, #sezione_news h3 {
	height:30px;
	background-color:#525955;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	/*B.I.R.*/
	position: relative;
	z-index: 1;
}
#sezione_progetti h4, #sezione_correnti h4, #sezione_correnti_col31 h4, #sezione_news h4  {
	font-size:140%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	line-height:1.1em;
	margin: 15px 0 10px 0;
}
#sezione_progetti h4 span, #sezione_correnti h4 span, #sezione_correnti_col31 h4 span, #sezione_news h4 span {
	font-size:55%;
}

#sezione_progetti h4 {
	margin-bottom:0px;
}
#sezione_progetti h4 span {
	margin-left:5px;
}

#sezione_progetti p, #sezione_correnti p, #sezione_correnti_col31 p, #sezione_news p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
}
div.separatore, .separatore, .bordosup {
	padding-top:3px;
	border-top: 2px solid #525955;
}
.bordoinf {
	border-bottom: 2px solid #525955;
}
div.separatore, #sezione_progetti p.maiusc, span.maiusc, #sezione_correnti p.maiusc, #sezione_correnti_col31 p.maiusc, #sezione_news p.maiusc {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:90%;
}
p.maiusc, span.maiusc {
	margin-top:5px;
	display:block;
}
/*B.I.R. comuni*/
#sezione_progetti h3 a, #sezione_correnti h3 a, #sezione_correnti_col31 h3 a, #sezione_news h3 a {
	display:block;
	height:30px;
	text-decoration:none;
}
#sezione_progetti h3 a:hover, #sezione_correnti h3 a:hover, #sezione_correnti_col31 h3 a:hover, #sezione_news h3 a:hover,
#sezione_progetti h3 a:focus, #sezione_correnti h3 a:focus, #sezione_correnti_col31 h3 a:focus, #sezione_news h3 a:focus,
#sezione_progetti h3 a:active, #sezione_correnti h3 a:active, #sezione_correnti_col31 h3 a:active, #sezione_news h3 a:active {
	background-position: 0px 0px;
}
#sezione_progetti h3 a span, #sezione_correnti h3 a span, #sezione_correnti_col31 h3 a span, #sezione_news h3 a span {
	position:relative;
	z-index:-1;
}

/*B.I.R. specifiche*/
#sezione_progetti h3 { width: 910px; }
#sezione_progetti h3 a {
	width:910px;
	background:transparent url(images/categoria-titolo-portfolio.gif) 0 0 no-repeat;
}

#sezione_correnti h3 { width: 910px; }
#sezione_correnti h3 a {
	width:910px;
	background:transparent url(images/categoria-titolo-in-corso.gif) 0 0 no-repeat;
}
#sezione_correnti_col31 h3 { width: 290px; }
#sezione_correnti_col31 h3 a {
	width:290px;
	background:transparent url(images/categoria-titolo-in-corso.gif) 0 0 no-repeat;
}

#sezione_news h3 { width: 290px; }
#sezione_news h3 a {
	width:290px;
	background:transparent url(images/news.gif) 0 0 no-repeat;
}
/* fine B.I.R. specifiche */




/* * * * * * * * * * * * * * * * * * * */
/* SEZIONE PROGETTI SCROLLABILE IN HOMEPAGE */

#progetti_box, #progetti_scrollable {
/*height:314px;*/
height:324px;
width:910px;
}
#progetti_box {
overflow:hidden;
border:none;
}
#sezione_progetti div.unit {
width:445px;
margin-right:20px;
float:left;
display: inline;
}

/* * * * * * * * * * * * * * * * * * * */
/* FASCIA CONTENUTI: #sezione_correnti */

#sezione_correnti {
	margin-top:55px;
	margin-bottom:80px;
}

#sezione_correnti div.unit {
	padding-bottom: 30px;
	margin-top:20px;
	margin-left:20px;
	border-bottom: 2px solid #525955;
}
#sezione_correnti div.nuovariga {
	clear:left;
	margin-left:0;
}

#sezione_correnti h4 span, #sezione_correnti_col31 h4 span {
	display:block;
}
#sezione_correnti h4 a span {
	text-decoration:none;
}
#sezione_correnti div.separatore {
	width:600px;
	clear:left;
	padding-bottom:80px;
}

/* * * * * * * * * * * * * * * * * * * */
/* FASCIA CONTENUTI: #sezione_news     */

#sezione_news div.unit {
	width:290px;
	border-bottom: 2px solid #525955;
	padding-bottom:15px;
}
#sezione_news div.separatore {
	border:none;
	padding-bottom:80px;
}

/* * * * * * * * * * * * * * * * * * * */
/* pagine azienda: #sezione_correnti_col31     */

#sezione_correnti_col31 div.unit {
	border-bottom: 2px solid #525955;
	padding-bottom:15px;
	margin-bottom:20px;
}
#sezione_correnti_col31 div.separatore {
	border:none;
	padding-bottom:80px;
}


/* 
============================================== 
          PAGINA INDICE PROGETTI
==============================================
*/

ul.prog-index {
	list-style:none;
	margin:0;
	padding:0;
}
ul.prog-index li {
	margin-top:20px;
	float:left;
	clear:both;
	display:block;
}
ul.prog-index li div {
	border-top: 2px solid #525955;
	border-bottom: 2px solid #525955;
	height:246px;
}
#sezione_progetti ul.prog-index li div h4 span {
	margin-left:0px;
	display:block;
}



/* 
============================================== 
              ALTRO
==============================================
*/

div.txt {
	padding-top:2em;
	padding-bottom:3em;
	margin-bottom:80px;
}
div.bordi {
	border-top: 2px solid #525955;
	border-bottom: 2px solid #525955;
}











/* 
============================================== 
              stili testo
==============================================
*/




body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	background-color:#1F2625;
	font-size: small;
	color: #E6E3DA;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:100%;
}

a:link, a:visited, a:active {
	text-decoration: none;
	font-weight: normal;
	color: #E6E3DA;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #E6E3DA;
}

#header h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10%;
	font-style: normal;
	
	width: 310px;
	height: 41px;
	position: relative;
	z-index: 1;
}

#header h1 a {
	display:block;
	width: 310px;
	height: 41px;
	background:transparent url(images/logo-mediaprojects.gif) 0 0 no-repeat;
	text-decoration:none;
}
#header h1 a:hover,
#header h1 a:focus,
#header h1 a:active{
	background-position: 0 -41px;
}
#header h1 a span {
	position:relative;
	z-index:-1;
}

#header #h2box {
	width: 600px;
	height: 30px;
	display: table;

	background-color: #525955;
	border-top:4px solid #1F2625; /* colore sfondo, per distanziare */
}
#header #h2box div {
	display: table-cell;
	vertical-align: middle;
}
#header h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	color:#FFFEFC;
	padding-left:10px;
}
#top, #bottom {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#titolo_pagina {
	padding-bottom:8px;
}
#titolo_pagina h1 {
	font-size:280%;
	margin-top:20px;
	margin-bottom:10px;
}
#titolo_pagina h2 {
	font-size:180%;
	margin-top:10px;
	margin-bottom:10px;
}
.txt ul{
	list-style: none;
	margin:0;
	padding:0;
	padding-left: 1em;
	text-indent: -1em;
}
.txt p, .txt ul, #prodcopeside p {
	font-size:110%;
	line-height:140%;
	/*margin-right:10px;*/
}

.txt a:link, .txt a:visited, .txt a:active {
	text-decoration: underline;
}

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


.txt h2 {
	font-size:150%;
	margin-bottom:1em;
}
#prodbox h1 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight:bold;
	text-transform:uppercase;
	background-color: #525955;
	color: #FFFDF8;
	text-decoration: none;
	letter-spacing: -1px;
	line-height: 1em;
	margin-top:20px;
	margin-bottom:20px;
	padding:4px 10px 4px 8px;
}
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-style:italic;
	line-height:1.3em;
	padding-bottom:1em;
}
hr {
	border:0;
	border-top: 2px solid #525955;
	margin-top:2em;
	margin-bottom:2em;
	padding:0;
}
#prodcopeside {
	padding-top:10px;
}
#prodcope {
	
}
#prodleft {
	padding-top:40px;
}
#prodside {
	padding-top:40px;
}
#prodside img {
	margin-bottom: 20px;
}


div.ddsg-wrapper ul li ul{
	font-size:100%;
}

.txt h1, div.ddsg-wrapper h2 {
	font-size:180%;
	margin-top:1.5em;
	padding-top:18px;
	margin-bottom:1em;
	border-top: 2px solid #525955;
}
.ddsg-wrapper ul li {
	text-transform: uppercase;
	margin-top: 2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.ddsg-wrapper ul li ul li {
	text-transform: none;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
}