
	
/* CSS Document - CSS de base */

body{
	font-family:Verdana;
	font-size:12px;
	color:#ececec;	
	margin:0px;
	background-color:#626262;
background-image:url(http://www.hostingart.info/sistema/img/usr_149/fons.jpeg);
background-repeat: repeat;
}


img{
	border:0px;
}

img.foto_critiques{
	margin-bottom:5px;
}

img.portada{
	margin-right:15px;
	margin-bottom:15px;
	border:2px solid #FFCC00;
}

.comentariAmagat{
	display:none;
}

div.xapusa_pos{

			text-align:center;
			
		
}



#tot{
	position:relative;
	border:0px;
	width:1000px;
	margin:auto;
	height:700px;
	text-align:left;
}


#cap{
	position:absolute;
	top:0px;
	//margin:auto;
	width:1000px;
	height:75px;
	vertical-align:top;
background-image:url(http://www.hostingart.info/sistema/img/usr_149/cap.jpeg);
background-repeat:no-repeat;
}

#menu{

			position:absolute;
			top:75px;
			width:100%;
			height:30px;
		
			
}

#contingut{

			text-align:left;
			position:absolute;
			top:115px;
			left:45px;
			width:915px;
			padding-top:0px;
			min-height:500px;
			
			
		
}


div.menu{
	width:125px;
	height:30px;
	vertical-align:middle;
	background-color:sincolor;
	margin-bottom:15px;
	margin-top:0px;
	border: 1px solid sincolor;
}

div.menu_act{
	width:125px;
	height:30px;
	vertical-align:middle;
	background-color:#000000;
	margin-bottom:15px;
	margin-top:0px;
	border: 1px solid #000000;
}

#text_portada{
	font-family: Verdana;
	font-size:18px;
	color:#ececec;
	width:100%;
	text-align:center;	
}

h1{
	margin-top:0px;
}

#portada{
	text-align:center;
	width:100%;
}
 
/* LINKS ------------------------------- */

#barra_menu{
	padding-top:9px;
	background-color:sincolor;
	border: 1px solid sincolor;
	width:100%;
	height:25px;
}
	
a:link, a:active, a:visited {
	color:#FFCC00;
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}

a.menu:link, a.menu:active, a.menu:visited{

			vertical-align:middle;
			padding:10px;
			padding-right:20px;
			padding-left:20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#000000;
			text-decoration:none;
		
}

a.menu:hover{
	color:#FFCC00;
	text-decoration:none;
}

a.menu_act:link, a.menu_act:active, a.menu_act:visited{

			vertical-align:middle;
			/*background-color:#000000;*/
			/*border: 1px solid #000000;*/
			padding:10px;
			padding-right:20px;
			padding-left:20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#ffffff;
			text-decoration:none;
		
}

a.menu_act:hover{
	color:#FFCC00;
	text-decoration:none;
}

/* TITOLS ------------------------------ */
#titol{/*Titol principal*/
	padding-top:0px;
	font-family:Arial;
	font-weight:bold;
	font-size:32px;
	color:#FFCC00;
}


#titol_seccio{
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	color:#FFCC00;
	height:30px;
	margin:auto;
}



/*********** EXPOSICIÓ ******************/


td.casella_expo{
	width:150px;
	height:190px;
	vertical-align:top;
	text-align:center;
	padding-bottom:15px;

			padding-right:7px;
			padding-left:7px;
		
			
}

div.capa_expo{
	padding:5px;
	width:150px;
	height:190px;
	background-color:#454545;
	border:1px solid #FFCC00;
}

/*********** GALERIES ******************/

td.casella_galeries{
	width:150px;
	height:190px;
	vertical-align:top;
	text-align:center;
	padding-bottom:15px;

			padding-right:7px;
			padding-left:7px;
		
			
	
}

div.capa_galeries{
	padding:5px;
	width:150px;
	height:190px;
}

/*********** DETALL *******************/

#titol_obra{
	font-family: Arial;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	color:#FFCC00;
	width:100%;
	text-align:center;
	vertical-align:middle;
}

td.obra{
	text-align:center;
	vertical-align:top;
}

td.comentari{
	padding-bottom:20px;
	border-bottom:1px solid #FFCC00;
	text-align:justify;
}

/************* INPUTS *****************/
input.caixa{
	width:300px;
	border: 1px solid #FFCC00;
}

textarea.miss{
	width:305px;
	height:250px;
	border: 1px solid #FFCC00;
}

input.boto_contacte{
	width:150px;
	height:30px;
	color:#000000;
	background-color:sincolor;
	border: 1px solid sincolor;
}

div.peu{
	width:100%;
	position:absolute;
	bottom:-15px;
	border-top:1px solid #FFCC00;
	text-align:center;
}
	
	
	
