/* CSS  */
/*general*/
body{
    font: 100% Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	background-color: #472700;
   
    }
img{
border:none;
	}
/* hyperlinks setting ----------------------------*/
a:link { text-decoration: none; color: #0000fe;}
a:visited {	text-decoration: none;	color: #0000fe;}
a:hover { text-decoration: underline; color:#3366CC;}
a:active { text-decoration: none;}
	
#contenidor {
	margin: 30px auto;
	width:750px;
	height:110%;
	background-color: #FFFFFF;
	
}


/*logo-------------------------------------------*/

#cap{
	height:100%; 
	width:100%;	
	background-color:#FFFFFF;
	background-image: url(/imatges/janeconchimp_recortada.gif);
	background-repeat:no-repeat;
	background-position:right;
	border-bottom: #df6f1d solid 3px;
	
	}
#iwithblockmsg-logo{
	float: right;
	color:#000000;
	font-size:12px;
	padding-right:130px;
	font-family:Arial Narrow, "Times New Roman", Times, serif;
	text-align: justify;
	padding-top:5px;
	}
	
	
/*menusesquerra*/

#col1{ float:left; width:19%; height:115%;	background-color: #FFFFFF; margin-top:45px;}

#iwithblockmenu-esquerra{

margin-left: 6px;
width: 90%;
height: auto;
background-color: #df6f1d;
color: #FFFFFF;
z-index: 6;
	}
*html #iwithblockmenu-esquerra{ width:129px;}

#iwithblockmenu-contacta{
margin-top:30px;
margin-left: 6px;
width: 90%;
height: auto;
background-color: #0900e9;
color: #FFFFFF;
z-index: 6;
}


.iwithblockmenu-esquerra {
	list-style-type: none;
	margin: 6px 0px;
	padding: 0px;
	width: 100%;
	font-size:10px;
	
	}

.iwithblockmenu-esquerra li a {
	background-color: #FFFFFF;
	color: #0900e9;
	font-weight:bold;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 20px;
	text-decoration: none;
	}
	
* html .iwithblockmenu-esquerra li a{ /*només per IE6*/
    
	}

.iwithblockmenu-esquerra li a:visited, .iwithblockmenu-esquerra li a:active{
	color: #0900e9;
	}	

.iwithblockmenu-esquerra li a:hover {
	color: #0000FF;
	text-decoration:underline;
	font-size:10px;
	
	}


/*part central*/


#col2{ float:left; width:430px; height:80%; margin-top:10px; }

#cos{  width:450px; height:80%; background-color: #FFFFFF; }


		
	/*portada*/
#cos2{width:800px; height:555px; background-color: #FFFFFF; }
#iwith-box1portada {
	width:540px;
	height:250px;
	color:#333333;
	margin-bottom:30px;
	text-align:justify;
	padding:10px;
		}
#iwith-box2portada{
	margin-bottom:30px;
	width:100%;
	height:75%;
	color:#333333;
		}
#iwith-box3portada {
	position:relative;
	top:-310px;
	left:0px;
	border: #df6f1d solid 2px; 
	width:350px;
	height:290px;
	margin-bottom:20px;
	color:#333333;
	padding-top:50px;
	padding:5px;
	padding-top:60px;
	overflow:auto;
		}
#titolnews{
	position:relative;
	top:-250px;
	left:2px;
	padding-top:20px;
	padding-left:20px;
	background-color:#f3c20d;
	font-size:14px;
	width:340px;
	height:40px;
	color:#000000;
	}
#iwith-box4portada{
	position:relative;
	top:-690px;
	left:370px;
	margin-bottom:30px;
	width:400px;
	height:329px;
	color:#333333;
		}
#col3portada{ float:right;	width:19%; height:80%;	background-color: #FFFFFF;}
*html #col3portada{ position:relative; top:-1540px; left:0px; width:19%; height:80%;	background-color: #FFFFFF;}
 
#iwithblockmsg-foto1portada{
	float:right;
	margin-top:20px;
	margin-right: 6px;
	width: 150px;
	height: auto;
	padding:5px;
	}
		
	/*default*/

#titoldefault{
	float: right;
	font-size:14px;
	color:#FFFFFF;
	background-color:#df6f1d;
	text-align: right;
	padding-left:30px;
	padding-right:10px;
	padding-top:5px;
	height:25px;
	
	}
	
	
#boxdefault {
	width:86%;
	height:75%;
	padding-left: 40px;
	padding-right:40px;
	padding-top:40px;
	margin-bottom:30px;
	margin-top:50px;
	color:#333333;
	text-align:justify;
	}


	/*nteriors*/
#titol{
	float: right;
	width:90%;
	height:75%;
	border-bottom:#df6f1d solid 2px;
	margin-right:15px;
		}
*html #titol{
	margin-top:30px;
	float: right;
	width:90%;
	height:75%;
	border-bottom:#df6f1d solid 2px;
	margin-right:10px;
		
		}

#iwith-titol1box{
  	float: right;
	font-size:14px;
	color:#FFFFFF;
	background-color:#df6f1d;
	text-align: right;
	padding-left:30px;
	padding-right:10px;
	padding-top:5px;
	height:20px;

	}
	
#iwith-titol2box{
	float: right;
	font-size:14px;
	color:#FFFFFF;
	background-color:#df6f1d;
	text-align: right;
	padding-left:30px;
	padding-right:10px;
	padding-top:5px;
	height:20px;
	}

#iwith-titol3box{
	float: right;
	font-size:14px;
	color:#FFFFFF;
	background-color:#df6f1d;
	text-align: right;
	padding-left:30px;
	padding-right:10px;
	padding-top:5px;
	height:20px;

	}

#iwith-titol2left{
	float: left;
	font-size:14px;
	color:#FFFFFF;
	background-color:#df6f1d;
	text-align: left;
	padding-left:10px;
	padding-right:30px;
	padding-top:5px;
	height:25px;

	}
#iwith-subtitle1{
	text-align:left;
	color:#df6f1d;
	}
#iwith-subtitle2{
	text-align:left;
	color:#df6f1d;	
	}
#iwith-subtitle3{
	text-align:left;
	color:#df6f1d;	
	}
#iwith-box1 {
    width:86%;
	height:75%;
	padding-left: 40px;
	padding-right:40px;
	padding-top:40px;
	margin-bottom:30px;
	margin-top:50px;
	color:#333333;
	text-align:justify;
	}
*html #iwith-box1 {
    width:86%;
	height:75%;
	padding-left: 40px;
	padding-right:40px;
	padding-top:40px;
	margin-bottom:30px;
	color:#333333;
	text-align:justify;
	margin-top:5px;
	}
#iwith-box2 {
	width:86%;
	height:75%;
	padding-left: 40px;
	padding-right:40px;
	padding-top:40px;
	margin-bottom:30px;
	color:#333333;
	text-align:justify;
	}
*html #iwith-box2 {
    width:86%;
	height:75%;
	padding-left: 40px;
	padding-right:40px;
	padding-top:40px;
	margin-bottom:30px;
	margin-top:5px;
	color:#333333;
	text-align:justify;
	}
#iwith-box3 {
	width:86%;
	height:75%;
	padding-left: 40px;
	padding-right:40px;
	padding-top:40px;
	margin-bottom:30px;
	color:#333333;
	text-align:justify;
		}
*html #iwith-box3 {
    width:86%;
	height:75%;
	padding-left: 40px;
	padding-right:40px;
	padding-top:40px;
	margin-bottom:30px;
	margin-top:5px;
	color:#333333;
	text-align:justify;
	}

/*menufotos*/

#col3{ float:right;	width:120px; height:80%; margin-right:6px;	background-color: #FFFFFF; margin-top:25px;}

#iwithblockmsg-foto1{
	margin-top:20px;	
	width: 85%;
	height: auto;
	}
#iwithblockmsg-foto2{
	margin-top:10px;
	
	width: 90%;
	height: auto;
	}
#iwithblockmsg-foto3{
	margin-top:10px;
	
	width: 90%;
	height: auto;
	}
#iwithblockmsg-foto4{
	margin-top:10px;
	
	width: 90%;
	height: auto;
	}


/*frotter*/

#iwithblockmsg-peu {clear:both; width:100%; height: 20%; background-color:#ffc482; text-align:right;}