/* CSS web live events del Movimento dei Focolari */

*{margin: 0;
padding: 0;
}

html, body{
	margin: 0;
	padding:0;
	background: #f2f2f2;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

body#bd{ 
	text-align: center;
	color: #000;
	margin:0;
	padding:0;
	
}
#ultimo-agg {
background: #FE7D65;
height: 15px;
padding:0;
margin: auto;
font-size:10px;
}

#date{
padding:0;
width: 820px;
margin: auto;
text-align: right;
font-size:9px;
color: #FFFFFF;
}

#wrapper {
position: relative;
text-align: left;
width: 848px;
margin-right: auto;
margin-left: auto;
background: #fff url(../images/shadow-bg.gif) repeat-y;
}

#container {
width: 848px;
padding:0 20px 20px 20px;
background: url(../images/shadow-bottom.gif) no-repeat bottom left;
}

#header {
width: 822px;
background: #f00 url(../images/header-bg.jpg);
height: 75px;
}

#riga-1 {
width: 800px;
height: 24px;
padding:0;
background:#fff;
/*margin-left:10px;*//*serve solo se non è bianco*/
margin: 0;
}

#riga-1 h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666;
padding: 5px 0 5px 36px;
margin:0;}

img {
margin:0;
padding:0;
}

#right {
float: right;
width: 250px;
background: url(../images/sfondo-diretta.jpg) no-repeat;
padding: 0;
margin-right: 5px;
}

#left {
float: left;
width: 590px;
background: url(../images/sfondo-cet_580.jpg) no-repeat;
padding:0;

}

#titolo h1{
font-size:28px;
color: #FE7D65;
padding: 5px 0 10px 34px;
}

/*#sfondo-left{
width: 598px;
float: left;
margin-left:10px;
}*/

/*#foto {
width: 380px;
float: left;
padding: 5px;
}*/

/*#sfondo-cet{
width: 590px;
float: left;
background-image: url(../images/sfondo-cet.jpg);
}*/


#cet {
padding-left: 25px;
}

#cet h3{
font-size: 24px;
padding: 50px 10px 0 0;
}

#cet h4{
font-size: 20px;
padding: 0px 10px 10px 0;
}

#cet h5{
font-size: 20px;
padding: 0px 10px 0 0;
color: #FE7D65;
}

#cet h6{
font-size: 12px;
color: #999999;
}


#diretta h3 {
font-size: 24px;
padding: 15px 10px 10px 30px;
}

#diretta img {
	padding: 3px 3px 3px 5px;
}
#diretta .lingua {
	font-size: 14px;
	margin-left: 12px;

}



#descrizione {
clear: both;
}

#info {
clear: both;
width: 810px;

background: #fff url(../images/sfondo-info.gif) no-repeat;
}

#info p{
color: #444;
font-size: 12px;
padding: 2px 15px 2px 0;
text-align: right;
}


a, a:hover{
text-decoration: none;
color: #444;}

a:hover{
text-decoration: none;
color: #000;}



#trascrizioni {
float: left;
width: 840px;
height: 30px;
background-color:#888;
border: 1px solid #CE830E;
color: #fff;
padding: 3px;
}

#descrizione h3 {
font-size: 13px;
line-height: 20px;
margin: 0 5px 15px 20px;
color: /*#FE7D65;*/ #666666;
}

#flags{
float: left;
width: 800px;
height: 20px;
color: #F46200;
font-size: 14px;
font-weight:bold;
}



.diretta {
padding-left: 20px;
}

.flags {
padding: 5px;
}

.foto {
padding:15px;
}