@charset "UTF-8";
/* CSS Document */

/************** GENERAL *********************/
body{
	margin:0px;
	padding:0px;
	font-family:"Times New Roman";
	background-color:#e6e6e6;
	font-size:11px;
	color:#373737;
}

#general{
	width:900px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

#generalTop{
	width:900px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

img{
	border:0px;
}

.textjustify{
	text-align:justify;
}

/************** TOP **********************/

#top{
background-image:url(rcs/fonstop.gif);
background-repeat:no-repeat;
height:172px;
}
#menu{
	float:right;
	margin-top: 33px;
	height: 36px;
	display:inline;
}



#idiomes{
	float:right;
	font-size:10px;
	color:#333333;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	height: 20px;
	display:inline;
}

#idiomes a{
font-family:Arial;
text-decoration:none;
font-size:9px;
color:#333333;
padding:0px;
padding-right:3px;
padding-left:3px;

}

#idiomes a:hover{
	text-decoration:underline;
}


#logoTop{
	float:left;
	width:200px;
}

#topDreta{
	float:right;
	width:700px;
	margin-top:20px;
}

#capaOnline{
	height:68px;
	float:right;
	margin-right:20px;
}


/************* PEU ********************/


#peu{
width:900px;
height:22px;
background-color:#000000;
}

#peuEsq{
	font-family:Arial;
	float:left;
	margin:0px;
	margin-left:10px;
	font-size:10px;
	color:#fff;
	line-height:22px;
	display:inline;
}

#peuDre{
	float:right;
	margin:0px;
	margin-right:10px;
	font-size:10px;
	color:#ccc;
	line-height:22px;
	display:inline;
}

#peuDre a{
	font-family:Arial;
	font-size:10px;
	color:#fff;
	line-height:22px;
	text-decoration:none;
	margin:0px;
	margin-right:3px;
	margin-left:3px;
}

#peuDre a:hover{
	text-decoration:underline;
}


/************** CONTINGUT ********************/

#generalContingut{
	font-size:13px;
	color:#373737;
	text-align:justify;
	background-image: url(rcs/fons_dos_columnes.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#generalContingut h1{
font-size:20px;
color:#99042E;
margin:0px;
padding:0px;
text-align:left;
}

.mayus{
font-size:30px;
color:#99042E;
margin:0px;
padding:0px;
}

.destacat{
	font-size:12px;
	color:#99042E;
	margin:0px;
	padding:0px;
	font-weight: bold;
	text-transform: uppercase;
}

.destacatnegreta{
font-size:12px;
color:#99042E;
font-weight:bold;
margin:0px;
padding:0px;
}

.nocticies{
width:161px;

}

/** plan1 , presentacio , ... */

.plan1contingut{
	background-color:#FFFFFF;
}

.plan1dre{
	display:inline;
	float:right;
	margin:0px;
	margin-right:23px;
	width:427px;
	text-align:right;
	
	
}

.plan1esq{
	display:inline;
	float:left;
	margin:0px;
	margin-left:23px;
	width:427px;
	

}



/*** plan2 , noticies , .... */

.plan2dre{
	display:inline;
	float:right;
	width:716px;
	background-color:#FFFFFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}

.plan2esq{
	display:inline;
	float:left;
	margin:0px;
	width:174px;
	background-color:#FFFFFF;
	height:auto;
	padding: 0px;
	
}

.plan2condre{
	display:inline;
	float:right;
	width:400px;
	margin-top: 0px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.plan2conesq{
	display:inline;
	float:left;
	margin-left:23px;
	width:249px;
	text-align:justify;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.plan2conesq a{
	text-decoration:none;
	color:#000000;
}

.plan2conesq a:hover{
	text-decoration:underline;
}

#blocUlNoticies .titular_activat {
	background-color:#666666;
	color:#fff;
}

#blocUlNoticies .titular_activat a{
	background-color:#666666;
	color:#fff;
}

/** plan3 , mapa , ... */

.plan3contingut{
	background-color:#FFFFFF;
}

.plan3dre{
	display:inline;
	float:right;
	margin:0px;
	margin-right:23px;
	width:610px;
	text-align:right;
	
	
}

.plan3esq{
	display:inline;
	float:left;
	margin:0px;
	margin-left:23px;
	width:244px;
	

}

/** plan4 , contacte general , ... */

.plan4contingut{
	background-color:#FFFFFF;
}

.plan4dre{
	display:inline;
	float:right;
	margin:0px;
	margin-right:23px;
	width:505px;
	text-align:right;
	
	
}

.plan4esq{
	display:inline;
	float:left;
	margin:0px;
	margin-left:23px;
	width:349px;
	
}

/****** contacte ******/

.input1{
background-color:#fff;
border:solid 1px;
border-color:#99042E;
width:396px;;

}

.input2{
background-color:#fff;
border:solid 1px;
border-color:#99042E;
width:195px;

}

.input1B{
background-color:#fff;
border:solid 1px;
border-color:#99042E;
width:451px;;

}

.input2B{
background-color:#fff;
border:solid 1px;
border-color:#99042E;
width:220px;

}

#comandes_online{
	width:160px;
	margin-top: 81px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#comandes_online img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0px;
	padding: 0px;
}
#comandes_online a{
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#comandes_online2{
	width:247;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#comandes_online2 img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0px;
	padding: 0px;
}
#comandes_online2 a{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#ofertes {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	margin-bottom: 0px;
	width: 161px;
}


#generalContingut .titular_activat {
	width: 165px;
	margin: 2px;
	margin-top:10px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #666666;
}

#generalContingut .titular_activat a{
	background-color: #666666;
	text-decoration:none;
	color:#fff;
	font-size:14px;
}

#generalContingut ul {
	text-decoration: none;
	text-align:left;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding: 0px;
}


#generalContingut li {
	width: 165px;
	margin: 2px;
	margin-top:10px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #FFFFFF;
}



#generalContingut li:hover {
	font-weight:bold;
	background-color: #666666;
	color:#fff;
	cursor:pointer;
}

#generalContingut li:hover a{
	background-color: #666666;
	text-decoration:none;
	color:#fff;
	font-size:14px;
}


#generalContingut li a {
	font-weight:bold;
	text-decoration: none;
	color: #000000;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:middle;
	font-size:14px;

}

#generalContingut li a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color:#666;
}

#generalContingut li p{
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
}


#pag_ofertes ul{
	text-decoration: none;
	text-align:left;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#pag_ofertes li {
	width: 247px;
	margin: 2px;
	margin-top:10px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #FFFFFF;
}

#pag_ofertes .activat{
	width: 247px;
	margin: 2px;
	margin-top:10px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #666666;
}

#pag_ofertes .activat a{
	background-color: #666666;
	color:#FFFFFF;
	text-decoration: none;
}
#pag_ofertes li:hover {
	background-color: #666666;
	color:#FFFFFF;
	cursor:pointer;
}

#pag_ofertes li:hover a{
	background-color: #666666;
	color:#FFFFFF;
	text-decoration: none;
}

#pag_ofertes li a {
	text-decoration: none;
	color:#373737;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:middle;

}

#pag_ofertes li a:hover {
	text-decoration: none;
	color: #ffffff;
}

#alcada {
	display:inline;
	float: right;
	height: 310px;
	width: 10px;
}

#ofertes_text {
	width: 100px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#ofertes_bottom {
	background-image: url(rcs/ofertes_bottom.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 43px;
	width: 161px;
}

#gris_ofertes {
	background-color:#E6E6E6;
	width: 395px;
	margin:0px;
	margin-left:20px;
	margin-top:70px;
}
#gris_ofertes #f_ofertes {
	display:inline;
	float: right;
	width:187px;
	text-align: right;
}
#gris_ofertes #des_ofertes {
	display:inline;
	float: right;
	width:375px;
	text-align: justify;
}
#gris_ofertes #f_ofertes img {
	margin-top: 15px;
	margin-right: 7px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#generalPeu {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.borderBottomImg{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 10px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #000000;

}

/*************** PAGINACIO *******************************/
.classAntseg {
}

.classTaula {
}

.classTaula a  {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.classTaula  a:hover  {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.classInactiu  {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	height: 16px;
	width: 16px;
	border:solid 1px;
	border-color:#99042E;
	background-color:#99042E;
	text-align: center;
}
.classActiu  {
	height: 16px;
	width: 16px;
	border:solid 1px;
	border-color:#99042E;
	text-align: center;
}

.classActiu:hover  {
	height: 16px;
	width: 16px;
	border:solid 1px;
	border-color:#99042E;
	text-align: center;
	background-color:#D3A9B6;
}

/************************/

#mapaGran {
	width: 854px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#btMapa {
	margin-top: 130px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#botoCorreu {
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#botoVideo {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
}
#texthome {
	position: absolute;
	z-index: 10000;
	height: 320px;
	width: 358px;
	left: 25px;
	top: 24px;
	vertical-align:bottom;

}

#texthomefons{
	position:absolute;
	bottom:1px;
	width:352px;
	background-color:#9d0036;
	border: 1px solid #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

#texthometext{
	width:338px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
	
	color:#fff;
	font-size:13px;
}

#texthometext span{
	font-size:18px;
}
.breu {
	font-size: 14px;
	font-weight: bold;
}
.plan2esq #logopuigbo {
	margin-top: 12px;
}

a.enllacExtern{
	font-weight:bold;
	color:#373737;
	text-decoration:none;
}

/*************** MAPA WEB *******************************/

#generalContingut ul.columnaMapa{
	width:140px;
	list-style-type: none;
	text-decoration: none;
	text-align:left;
}


#generalContingut ul.columnaMapa li {
	width: 140px;
	margin:0px;
	padding: 0px;
	margin-bottom:20px;
	background:none;
	background-image: url(rcs/liniaMapaWeb.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}



#generalContingut  ul.columnaMapa li:hover {
	font-weight:normal;
	background:none;
	background-image: url(rcs/liniaMapaWeb.gif);
	background-repeat: repeat-y;
	background-position: left top;	
	color:#000000;
	cursor:pointer;
	padding: 0px;
}

#generalContingut ul.columnaMapa li:hover a{
	background: none;
	text-decoration:none;
	color:#000000;
	padding: 0px;
}


#generalContingut ul.columnaMapa li a {
	text-decoration: none;
	color: #000000;
	padding: 0px;
	margin-left:20px;
}

#generalContingut ul.columnaMapa li a:hover {
	text-decoration: none;
	color: #000000;
	background:none;
	padding: 0px;
}

#generalContingut ul.columnaMapa ul.columnaMapa2{
	margin-left:140px;
}

/************** index 2011 ********************/

#containerArees{
	background-color:#FFF;
	margin-top:20px;
	padding:18px;
}

.containerPortada{
	width:275px;
	margin-right:18px;
	float:left;
	cursor:pointer;
}

.containerPortadaDreta{
	width:275px;
	margin-right:0px;
	float:left;
	cursor:pointer;
}

.capaImatgePortada{
	margin-bottom:10px;
}

#containerArees h1{
font-size:20px;
color:#99042E;
margin:0px;
padding:0px;
text-align:left;
}

#containerArees p{
	font-size:13px;
	color:#000;
	margin:0px;
	padding:0px;
}