/* styles.css */

* { margin: 0; padding: 0; }
html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; background-color: #FFFFFF; color: #000000; }
body { width: 710px; margin: 0 auto; /*overflow:hidden; */ text-align: left; background-color: #fff;  height:100%;}

dd, dt, li, dl, ul { list-style: none; }


a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }


/* Styles per header.php */

div#header{

position: relative;
top:0px;
left:0px;
width: 710px;
height:120px;
/*overflow:auto;*/
/*border-style:dotted;*/
}

/* Styles per index.php */

div#home-content-left{

	position: absolute;
	width: 350px;
	height: 598px;
	top: 30px;
	left: 0px;
	background: url(../img/body_r1_c1.gif) top left no-repeat #fff;
}

#gmaps
{
position: relative;
top:0px;
left:0px;
width: 710px;
height:220px;
/*overflow:auto;*/
/*border-style:dotted;*/
}

div#home-content-right{

	position: absolute;
	width: 361px;
	height: 598px;
	top: 30px;
	left: 350px;

}

.content-right-table{

	width: 100%;
	padding: 0px 0px 0px 0px;
	/*border-spacing: 0px;*/
	margin: 0px 0px 0px 0px;
	/*border: 0px none #FFF;*/
}

.content-right-table td{

	padding: 0px 0px 0px 0px;
	/*border-spacing: 0px;*/
	margin: 0px 0px 0px 0px;
	/*border: 0px none #FFF;*/
	text-align: left;
	vertical-align: top;
}

.content-right-table-bottom{

	width: 100%;
	padding: 0px 0px 0px 0px;
	/*border-spacing: 0px;*/
	margin: 0px 0px 0px 0px;
	/*border: 0px none #FFF;*/
}

.content-right-table-bottom td{

	padding: 0px 0px 0px 0px;
	/*border-spacing: 0px;*/
	margin: 0px 0px 0px 0px;
	/*border: 0px none #FFF;*/
	text-align: left;
	vertical-align: top;	
}

img{
	border: 0;
}

div#flatBigPic{
	position:absolute;
	top: 244px;
	left: 9px;
	height: 319px; 
	width: 258px;
}

div#flatSmallPicLeft{

	position: absolute;
	top: 104px;
	left: 9px;
	height: 118px; 
	width: 118px;
}

div#flatSmallPicRight{

	position:absolute;
	top: 104px;
	left: 148px;
	height: 118px; 
	width: 118px;
}

.noOffers{

	color: #FF3300;
	font-weight: bold;
	text-align: center;
}

/* Styles per contacte_bcn.php */
.text{
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #4C4C4C;
	font-size: 15px;
	font-weight: normal;
	text-align: justify;
	margin-left: 25px;
	margin-right: 50px;
}

.link-mail{
	    
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#4C4C4C;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}

div#contacte-content-left{

	position: absolute;
	width: 230px;
	height: 210px;
	top: 130px;
	left: 21px;
}

div#contacte-content-right{

	position: absolute;
	width: 425px;
	height: 350px;
	top: 225px;
	left: 285px;
}

/* Styles per contacte_tomas.php */

div#contacte-tomas-content-top{

	position: absolute;
	width: 630px;
	height: 388px;
	top: 130px;
	left: 21px;
}

div#contacte-tomas-planol{

	position: absolute;
	width: 362px;
	height: 316px;
	top: 70px;
	left: 268px;
}


div#contacte-tomas-content-bottom{

	position: absolute;
	width: 425px;
	height: 400px;
	top: 620px;
	left: 123px;
}

/* Styles per Registre d'Usuari */

div#registre-content{
	
	position: absolute;
	width: 140px;
	height: 183px;
	top: 0px;
	right: 2px;
	background-color:#FFFFFF;

}

.tablelogin{
    background-color: #8B0035;
	width: 140px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-size: 110x;
	font-weight: normal;
}


.top_login{

	background: url(../img/login_top.gif) top left no-repeat #fff;
	width: 140px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	border: 0px solid #FFF;

}


.inputtextlogin{
	/*width: 65px;*/
	width: 55px;
}

.flechaslogin{
    color:#FFF;
	text-decoration:none;
}

.flechaslogin:active{
    color:#FFF;
	text-decoration:none;
}

.flechaslogin:hover{
    color:#FFF;
	text-decoration:none;
}

.flechaslogin:visited{
    color:#FFF;
	text-decoration:none;
}

.link-oferta-text{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #8B0035;
	font-size: 12px;
	font-weight: normal;
    text-decoration: none;
	margin-left: 0px;
	margin-right: 0px;
}

.cellaqui{
    background-color: #FFCCCC;
	/*width: 155px;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #990033;
	font-size: 10px;
	font-weight: normal;
	text-align:center;
}

/* Styles per present_equip.php + filosofia.php */

#presentacio-registre{

	position: absolute;
	width: 140px;
	height: 162px;
	top: 12px;
	left: 0px;
}

#presentacio-content{

	position: absolute;
	width: 400px;
	top: 12px;
	left: 140px;
	/*background-color: #FFFFCC;*/
}

#presentacio-pictures{

	position: absolute;
	width: 170px;
	height: 162px;
	top: 12px;
	left: 540px;
	/*background-color: #FFCC66;*/
}

#presentacio-redbox{

	position: relative;
	width: 144px;
	height: 39px;
	background-color: #990033;
	color: #FFFFFF;
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

#presentacio-whitebox{

	position: relative;
	width: 144px;
	height: 39px;
	background-color: #FFFFFF;
	color: #8B0035;
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

.titol{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #4C4C4C;
	font-size: 22px;
	font-weight: bold;
	margin-left: 25px;
	margin-right: 50px;	
}

.subtitol{
	   font-family: Arial, Verdana, Helvetica, sans-serif;
	   color: #8B0035;
	   font-size: 17px;
	   font-weight: bold;
	   margin-left: 25px;
	   margin-right: 50px;	
}

.slogan{
 	 font-family: Arial, Verdana, Helvetica, sans-serif;
	 color: #8B0035;
	 font-size: 15px;
	 font-weight: normal;
	 /*margin-left: 25px;*/
	 margin-right: 50px;	
}

.img_quisom{
	border: 0;
	padding-bottom: 1px;
}

/* Styles per departaments.php */

#departaments-content{

	position: absolute;
	width: 570px;
	height: 100px;
	top: 12px;
	left: 140px;
}

.subsubtitol{
	      font-family: Arial, Verdana, Helvetica, sans-serif;
	      color: #8B0035;
	      font-size: 15px;
	      font-weight: bold;
	      margin-left: 25px;
	      margin-right: 50px;	
}

.tit-dep{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #8B0035;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	margin-left: 25px;
	/*margin-right: 50px;*/
	text-decoration: underline;
	/*width: 100%;*/

}

.text-dept{
	    font-family: Arial, Verdana, Helvetica, sans-serif;
	    color: #4C4C4C;
	    font-size: 15px;
	    font-weight: normal;
	    text-align: justify;
	    margin-left: 25px;
	    margin-right: 15px;
}

.img_depts{
	border: 0;
	padding-left: 16px;
}

.link-dept{
	    font-family: Arial, Verdana, Helvetica, sans-serif;
	    color: #4C4C4C;
	    font-size: 13px;
	    font-weight: normal;
	    /*text-align: justify;*/
	    /*margin-left: 25px;*/
	    /*margin-right: 15px;*/
	    text-decoration: none;
}

.fletxa-dept{
	      font-family: Arial, Verdana, Helvetica, sans-serif;
	      color:  #8B0035;
	      font-size: 11px;
	      font-weight: normal;
	      /*text-align: justify;
	      margin-left: 25px;*/
	      margin-right: 15px;
}

/* Styles per popups */

.dept-details{

	width: 100%;
	padding: 0px 0px 0px 0px;
	border-spacing: 0px;
	/*margin: 0px 0px 0px 0px;*/
	border: 0px none #FFF;	

}

.dept-details td{

	/*width: 100%;*/
	padding: 2px 0px 0px 0px;
	border-spacing: 0px;
	/*margin: 0px 0px 0px 0px;*/
	border: 0px none #FFF;	

}

.popup{
	background-image: url(../img/serveiPOP.jpg);
	background-repeat : no-repeat;
	width: 389px;
	height: 531px;
	padding: 0px;
	border: 0px;
}

.dest-tit-pop{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-left: 45px;
	margin-right: 10px;
	margin-top: 8px;
}

.dest-sub-pop{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-left: 45px;
	margin-right: 10px;
	margin-top: 8px;
	text-decoration: none;
}

.dest-text-pop{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin-left: 45px;
	margin-right: 10px;
	margin-top: 8px;
	text-decoration: none;
}

.punts-pop{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #8B0035;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin-left: 15px;
	margin-right: 20px;
	margin-top: 8px;
	text-decoration: none;	
	line-height: 15px;
	text-align: justify;
}

.td3{
	
	width: 3%;	
}

.td9{
	
	width: 9%;	
}

.td10{
	
	width: 10%;	
}

.td78{
	
	width: 78%;	
}


.tornar{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #4C4C4C;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	/*margin-left: 15px;
	margin-right: 20px;*/
	margin-top: 8px;
	text-decoration: none;
	text-align: right;
}

.fletxa{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#8B0035;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	/*margin-left: 15px;
	margin-right: 20px;*/
	margin-top: 8px;
	text-decoration: none;
	text-align: right;
}

.GoogleMapsLink{

	color:black; 
	text-decoration:none; 
	font-family:verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
}

#maps-content{

	position: absolute;
	width: 570px;
	height: 100px;
	top: 12px;
	left: 160px;
	/*border: 1px solid #d3d7db;
	padding: 10px;*/

}