/*Css per Maria Canals fet per Iwith.org*/

*{ margin: 0; padding: 0; }* 
body { 
	font: .75em Helvetica, sans-serif; 
	line-height: 1.6em;
	background: #fff;
	color: #444; 
}
.orange{
background-color:#E38028;}
a img {
border: 0;
} 

a {	color: #E60000;	background: inherit; text-decoration: none; }
a:hover { color: #AA0001; background: inherit; text-decoration: underline; }

p { margin: 0 0 15px 0; }
h1 {  margin: 20px 0 0; }
h1 a { background: inherit; }
img { border: 0; }
h2 { font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; }
h3 a { font-size: 1em; }
#SnippetNews h3{ margin-bottom:15px; font: 13px Helvetica, sans-serif; line-height: 1.6em; color: #000000; font-weight:bold;}

#main h3 a { font-size: .84em; color: #808080; font-weight: normal; text-transform: uppercase; }

#content { width: 975px; margin: 0 auto;}

#top{ float: right; text-align: right;  }
#top a { color: #808080; margin: 0 0 0 13px; background: #fff url(/images/toparrow.png) no-repeat center left; padding: 0 0 0 12px; }
input.searchfield { width: 175px; padding: 6px; border: 2px solid #ccc; font-size: .9em; }
input.searchbutton { background: #E60000; border: 0; padding: 6px; color: #fff; font-weight: bold; font-size: .9em; }

#iwithblockmsg-logo { float: left; color: #808080; line-height: 25px; margin-bottom:40px; }
#menu { height: 17px; padding-top:2px; padding-left:240px; clear: both; color:#000000; font-weight:bold;  margin-top:40px; background: #fff; border-top: #CCCCCC 1px solid; border-bottom: #CCCCCC 1px solid;
*margin-top:0;}
*html #menu {padding-left:250px; padding-top:0px; margin-top:0;}


	

#left {position: relative; top:-20px; float: left; width: 240px; height:500px;}
.fons{
background-image:url(/images/fonsdefaultleft.jpg);
background-repeat:no-repeat;
background-position:left;
margin-top:1px;}
*html .fons{margin-top:-20px;}

#left li { list-style: none; border-bottom:#cccccc 1px solid;}
	#iwithblockmenu-EsquerraSuperior{float:left; width:100%;}
	#iwithblockmenu-EsquerraSuperior li { list-style: none; border-bottom:#cccccc 1px solid;}
	#EsquerraSuperior{float:left; height:140px; width:100%; margin-top:15px;}
	#iwithblockmenu-EsquerraSuperior li a {  background: #FFFFFF; color: #000000; font-weight: bold;  width: 240px; display: block; height:19px;}
	#iwithblockmenu-EsquerraSuperior li a:hover { color:#000000; background-color:#D40C15;  width: 240px; height:19px; display: block;list-style: none; text-decoration:none;}
	#iwithblockmenu-EsquerraSuperior li a:active  { color:#000000; background-color:#D40C15;  width: 240px; height:19px; display: block;list-style: none; text-decoration:none;}

#iwith-titleLateral1{float:left; color:#D40C15; font-weight: bold;}
#iwith-boxlateral1{ float:left; width:100%; text-align:justify;border-bottom:#cccccc 1px solid; padding-top:9px; padding-bottom:9px;}
#iwith-titleLateral2{float:left; color:#D40C15;font-weight: bold;}
#iwith-boxlateral2{ float:left; width:100%; text-align:justify;border-bottom:#cccccc 1px solid; padding-top:9px; padding-bottom:9px;}

#SnippetNews{float:left; width:100%; height:300px;}

#iwith-boxlateral hr { background-color: #cccccc; color: #cccccc; margin-top:5px; margin-bottom:5px;}
	#iwithblockmenu-EsquerraInferior{float:left; width:100%;}
	#iwithblockmenu-EsquerraInferior li { list-style: none; border-bottom:#cccccc 1px solid;}
	#iwithblockmenu-EsquerraInferior li a {  color: #000000; font-weight: bold;  width: 240px; background: #FFFFFF; display: block;}
	#iwithblockmenu-EsquerraInferior li a:hover { color:#000000; background-color:#D40C15;  width: 240px;  display: block;list-style: none; text-decoration:none;}
	#iwithblockmenu-EsquerraInferior li a:active  { color:#000000; background-color:#D40C15;  width: 240px;  display: block;list-style: none; text-decoration:none;}

	#iwithblockmenu-EsquerraAudior{float:left; width:100%;}
	#iwithblockmenu-EsquerraAudio { border-bottom:#cccccc 1px solid; width: 240px; float:left;}
	#iwithblockmenu-EsquerraAudio a {color: #A6A6A6; font-weight: bold;  width: 240px; background: #FFFFFF; height:19px;}
	#iwithblockmenu-EsquerraAudio a:hover { color:#000000;  width: 240px; height:19px;text-decoration:none;}
	#iwithblockmenu-EsquerraAudio a:active { color:#000000;  width: 240px; height:19px; text-decoration:none;}
	
	#iwithblockmenu-EsquerraIdioma{float:left; width:100%;}
	#iwithblockmenu-EsquerraIdioma {  border-bottom:#cccccc 1px solid; width: 240px; float:left;}
	#iwithblockmenu-EsquerraIdioma a {color: #A6A6A6; font-weight: bold;  width: 240px; background: #FFFFFF; height:19px;}
	#iwithblockmenu-EsquerraIdioma a:hover { color:#000000;  width: 240px; height:19px;text-decoration:none;}
	#iwithblockmenu-EsquerraIdioma a:active { color:#000000;  width: 240px; height:19px; text-decoration:none;}

#main { float: right; width: 725px; margin: 0px 0 20px; padding-top:15px; }
#mainIndex { float: right; width: 99%; margin: 0 0 20px; }

	
#right { margin: 0 15px 20px 0; padding: 0 0 0 15px; float: right; width: 620px; text-align: justify; }

#iwith-box1{height: 450px; overflow:auto; padding:10px; text-align:justify;}

#iwith-title1{ padding-left:10px; color:#D40C15;}

#box1{ height: 450px; overflow:auto; padding:10px; text-align:justify;}

#boxIndex{float: right; width: 705px; height: 500px; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:5px;}
#boxNews{float: right; width: 655px; height: 500px;  padding-right:55px; overflow:auto;}

#title1{ padding-left:10px; color:#D40C15; }

.border { clear: both; border-left: 4px solid #ccc; padding:15px 15px 15px 15px; }

#rl { float: left; width: 290px; margin: 0 20px 30px 0; }
#rr { float: right; width: 290px; }
	#rl li, #rr li { list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }
	#rl li a, #rr li a { background: #fff url(../images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; color: #808080;  }

#iwithblockmsg-footer {float:left; width:100%; padding: 5px; margin: 0 0 15px; font-size: .9em; color: #808080;
*padding-top: 15px; !important;  /* S?lo IE7 */ }
	.links a { font-weight: bold; color: #787A8F; background: #fff; margin: 0 10px 0 0; background: url(/images/dot.png) no-repeat center left; padding: 0 0 0 10px; }
	.sponsor { color: red; background: #eee; }
	#footer li { list-style: none; }
	#fl { width: 600px; }
	#fr { float: right; }
	
	  #i_menus_skip_listMenuprincipal {

      opacity: 0;

      -moz-opacity: 0;
 
      filter: alpha(opacity=0);
  
      }
	  
	 #LeftBox{
	 float:left;
	 width:340px;
	 padding:5px;}
	#Rightcontainer{
	 float: right;
	 width:350px;}
	 
	 #RightBox{
	 float: right;
	 width:340px;
	 padding:5px;}
	   #snippetalbum{
	   margin-top:25px;
	 float: right;
	 width:350px;
	 height:235px;}