@charset "utf-8";

/*---------------Extra Fonts ------------------*/

	@font-face {
		font-family: 'VAGRounded';
		src: url('/css/fonts/VAGRoundedBT');
		src: local('VAGRounded'), local('VAGRounded'), url('/css/fonts/VAGRoundedBT.ttf') format('truetype');
	}



/*-------------- Generics / Reset --------------*/
* { margin: 0; padding: 0; line-height: 1em; font-size: 1em;}
body { font-size: 62.5%;}
img { border: 0;}
hr, #skip { display: none;}
ul { list-style-type: none;}
textarea { width: 100%;} 
abbr { border: none;}  


/*-------------- Idiomes --------------*/   
ul#idiomes {
	background-color: #3C3C3C; 
	text-align: right; 
	font-size: 1em;
	padding: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
} 

ul#idiomes li {
	display: inline;
}  

ul#idiomes li a {
	color: #CCC;
	text-decoration: underline;
}  

ul#idiomes li a:hover {
	text-decoration: none;
}

/*-------------- header --------------*/
#header {
	background: #3C3C3C url("../images/bg-header.gif") no-repeat top left;
	height: 10em; 
	position: relative;
}   

#header img.logo-femxarxa {
	position: absolute;
	top: 0;
	left: 0;
}  

#header img.logo-rubiainternet {
	position: absolute;
	top: 1.8em;
	right: 1em;
}

#header h1 {
	color: #FFF;
	font-size: 1.8em; 
	font-weight: normal; 
	position: absolute;
	top: 2em;
	left: 17em;
}

/*-------------- Login --------------*/ 
#login {
   	background: url("../images/bg-login.gif") no-repeat; 
	padding-left: 2.6em; 
	padding-bottom: 0.2em;  
	position: absolute; 
	bottom: 0.3em; 
	right: 0.5em;
	
} 

#login label {
	color: #CCC;
} 

#login label.recorda {
	font-size: 0.8em;
}

#login input {
	border: 0; 
} 

#login input.checkbox {
	width: auto;
}

#login input.bot-entrar {
	background: url("../images/bot-entrar.gif") no-repeat; 
	width: 4em;
	padding: 0 0 0 0.3em;
	color: #FFF;
	border: 0;
	font-size: 0.9em;
	text-align: left;
	cursor: pointer;
}  

#login a.bot-sortir {
	background: url("../images/bot-entrar.gif") no-repeat; 
	padding: 0 1em 0.3em 0.7em;
	color: #FFF;
	border: 0;
	font-size: 0.9em;
	text-align: left; 
	text-decoration: none;   
	
}

/*-------------- menu --------------*/
#main-menu {
	background: #FE9900 url("../images/bg-menu.gif") repeat-x;
	height: 2.8em; 
	padding-left: 1em;
}

#main-menu li {
	float: left;
	padding: 0.4em;
	color: #d47624;  
	font-size: 1.6em; 
} 

#main-menu li a {
	color: #FFF;
}

#main-menu li a:hover {   
	color: #C46D21; 
	text-decoration: none; 
} 
/*-------------- footer --------------*/
#footer {
	clear: both; 
	background: #FE9900 url("../images/bg-peu.gif") repeat-x;   
	height: 5.1em;
/*	font-size: 1.1em;*/
	text-align: center;
	padding-top: 1.5em; 
	position: relative;
}

#footer img {
	position: absolute; 
	left: 0;
	top: 0;
}     

#footer p {
	color: #000;
	margin-left: 10em;     
}

#footer p a { 
   color: #FFF;
}
/* ----------------- Capçalera personalitzada ----------------------- */
#personalitzada{
	position:relative;
}

	#personalitzada img{
		width: 100%;
	}

	#personalitzada h1{
		font-size: 3em;
	}
		#personalitzada h1 a {
			color: #ff9630;
		}
  	#personalitzada .slogan {
	  	font-size: 1.8em;
		  color: #FFF;
	  }
	#personalitzada h1, #personalitzada .slogan{
		position: absolute;
		left:20px;
	}    
	#personalitzada h1{
		bottom:50px;
	}
 #personalitzada .slogan{
 		bottom:20px;
 }
	
/* ---------------------Banners----------------------------------*/

#central .banner-destacat {
	margin-bottom: 3em;
	text-align: center;
}

#central .banner-destacat img {
/*	width: 600px;  */
}	 

#sidebar #box-banners .banner {
	width: 304px;   
	clear: both; 
	margin: 2em 0;
}     
#sidebar #box-banners .banner a {
	text-decoration:none;
} 
   

/*---------------------Paginador---------------*/

.pager {
	clear: both;
	float: right;
	font-size: 12px;
	margin: 1em 1em 1em 0;
} 

.pager span {
	margin: 0 5px;
}
/*--------------------- Altres ---------------*/
.bot-rss{
	position: absolute;
	right: 2em;
	bottom: 4em;
}
.accions a{
font-size: 1.2em;
margin: 0 .7em;
font-weight: bold;
}
.accions{
font-weight: bold; 
}

/*-------------- Clear fix --------------*/
#main-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main-content { height: 1%;}

/*---------------Class Image------------------*/

.image
{
    width:200px;
    height:auto;
}
.image_block
{
    width:200px;
}

#central .content div{
	font-size:14px;
	margin-bottom:5px;
}

#central .content span, #central .content p{
line-height: 1.5em;
}

/*--------------------Class Xarxes Socials --------------*/
.xarxes-socials-complete {
    border-bottom:1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    clear: both;
    color: #707176;
    font-size: 0.9em;
    margin: 2em 1em 2em 2em;
    padding: 0.3em 0;
    text-align: right; 
    width: 580px;

}

.xarxes-socials-mini {
    clear:both;
    color:#707176;
    font-size:0.9em;
    margin-bottom:2em;
    margin-right:0px;
    padding:0 0; 
}

.xarxes-socials p, .xarxes-socials ul, .xarxes-socials li {
    display:inline;
}

.xarxes-socials p {
    font-family: Arial, Helvetica, sans-serif; 
    font-size:11pt;
    margin-left:0;
    margin-right:0;
    line-height:1.2em;
}

.xarxes-socials li {
    border-bottom:0 none !important;
    border-right:1px solid #D9D9D9;
    margin:2px;
    padding:2px;
}

.xarxes-socials-mini ul li{
    padding:0 0 !important;
}

.xarxes-socials-mini li {
    border-width: 0px;
}