/* CSS Document */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#c13928;
    margin:0;
    padding:0;
}
.content {
    padding: 10px 0;
}
.minitext{
	color:#FFFFFF;
	font-size:9px;
}
a{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a.inici{
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
}
a:hover.inici{
	text-decoration:underline;
}
#menuidioma{
	width:300px; 
	margin-left:15px; 
	margin-top:15px;
	float:left;
}

@media only screen and (max-width: 479px) {
	.container {
		margin: 0 auto;
		width:22em;
	}
	/*taula top*/
	#espai1{
	display:table-cell; 
	width:98.3%; 
	height:130px; 
	float:left;
	border-right:#FFFFFF thin solid;
	/*border-bottom:#FFFFFF solid thin;*/
	border-width:1px 1px 1px 1px;
	}

	/*taula mig*/
	#espai5{
	display:table-cell; 
	width:2%; 
	height:400px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	#espai6{
	display:table-cell; 
	width:96%; 
	height:400px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	background:url(../img/portadax.jpg) no-repeat top left;
	}
	#slider{
		/*display:none;*/
		width: 200px;
	}

	/*taula peu*/
	#espai12{
		display:table-cell; 
		width:2%; 
		height:130px; 
		float:left;
		border-right:#FFFFFF thin solid;
		border-width:1px 1px 1px 1px;
	}
	#espai13{
		display:table-cell; 
		width:96%; 
		height:130px; 
		float:left;
		border-right:#FFFFFF thin solid;
		border-width:1px 1px 1px 1px;
	}
}

@media only screen and (min-width: 480px) {
	.container {
        margin: 0 auto;
        width:63.1em;
    }
	/*taula top*/
	#espai1{
        display:table-cell;
        width:347px;
	height:130px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	#espai2{
	display:table-cell; 
	width:152px; 
	height:130px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	#espai3{
	display:table-cell; 
	width:459px; 
	height:130px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	#espai4{
	display:table-cell; 
	width:44px; 
	height:130px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	/*taula mig*/
	#espai5{
	display:table-cell; 
	width:39px; 
	height:400px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	#espai6{
	display:table-cell; 
	width:920px; 
	height:400px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	background-image:url(../img/portadax.jpg);
	}
	#espai7{
	display:table-cell; 
	width:152px; 
	height:151px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	#espai8{
	display:table-cell; 
	width:148px; 
	height:151px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	#espai9{
	display:table-cell; 
	width:155px; 
	height:151px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	#espai10{
	display:table-cell; 
	width:154px; 
	height:151px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}
	#espai11{
	display:table-cell; 
	width:44px; 
	height:400px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-bottom:#FFFFFF solid thin;
	border-width:1px 1px 1px 1px;
	}

	/*taula peu*/
	#espai12{
	display:table-cell; 
	width:39px; 
	height:130px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-width:1px 1px 1px 1px;
	}
	#espai13{
	display:table-cell; 
	width:609px; 
	height:130px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-width:1px 1px 1px 1px;
	}
	#espai14{
	display:table-cell; 
	width:355px; 
	height:130px; 
	float:left;
	border-right:#FFFFFF thin solid;
	border-width:1px 1px 1px 1px;
	}



}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../img/loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}
.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}