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

* {
	margin:0;
	padding:0;
}
img {
	border:none;
}
ul {
	list-style-type:none;
}
a {
	text-decoration:none;
}
p {
	color:#8e8e8e;
}
body.portada {
	background:#000000 url(../img/bg1.jpg) fixed;
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}
body {
	background:#000000 url(../img/bg2.jpg) fixed;
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
body.bgjordicmila {
	background:#000000 url(../img/bgjordicmila.jpg) top right;
	background-repeat:no-repeat;
}
body.obra {
	background:#000000 url(../img/bgobra.jpg) fixed;
	background-repeat:no-repeat;
}
ul#pmenu {
	position:absolute;
	top:20%;
	left:100%;
	margin-left:-355px;
}
ul#pmenu li {
	margin-bottom:15px;
}
ul#psubmenu {
	margin-top:15px;
	margin-left:15px;
}
ul#psubmenu li {
	margin-top:10px;
	margin-left:15px;
	margin-bottom:0;
}
ul.idiomes_home {
	position:absolute;
	top:15%;
	left:100%;
	margin-left:-355px;
}
ul.idiomes_home li {
	color:#CCC;
	float:left;
	margin-right:5px;
}
ul.idiomes_home li a {
	color:#CCC;
}
ul.idiomes_home li a:hover {
	text-decoration:underline;
}
#pnom {
	position:absolute;
	top:100%;
	left:100%;
	margin-left:-355px;
	margin-top:-65px;
}
#mare {
	width:980px;
	margin:0 auto;
}
#capcalera {
	overflow:hidden;
	position:relative;
}
ul.idiomes {
	position:absolute;
	right:0;
	top:15px;
}
ul.idiomes li {
	color:#CCC;
	float:left;
	margin-right:5px;
}
ul.idiomes li a {
	color:#CCC;
}
ul.idiomes li a:hover {
	text-decoration:underline;
}
.menu_h {
	margin-top:15px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px #363537 dotted;
	border-bottom:1px #363537 dotted;
}
ul.submenu {
	float:left;
}
ul.submenu li {
	float:left;
	padding-right:20px;
}
ul.submenu li a {
	font-size:14px;
	color:#8e8e8e;
}
ul.submenu li a:hover {
	color:#FFFFFF;
}
.submenu .actiu {
	color:#FFFFFF;
}
.opcions {
	float:right;
}
.opcions li {
	float:left;
	margin-left:5px;
}
.opcions li a {
	display:block;
	color:#8e8e8e;
	border-left:1px #333333 solid;
	padding-left:5px;
}
.opcions li a:hover {
	color:#fff;
}
.opcions li:first-child a {
	border-left: none;
}
.nom {
	padding-top:15px;
}
#contingut {
	padding:20px 0;
	overflow:hidden;
	}
ul.quadres {
	width:650px;
	margin:auto;
}
ul.quadres li {
	margin-top:10px;
	background-color:#111111;
	padding:30px;
}
ul.quadres li p {
	width:235px;
	margin-left:30px;
	display:inline-block;
}
ul.quadres li p span {
	color:#efeac1;
	font-weight:bold;
	font-size:14px;
}
.col_left {
	width:30%;
	float:left;
	margin-right:40px;
	padding-top:100px;
}
.col_left p {
	color:#dee2de;
	line-height:16px;
	margin-top:15px;
	
}
.col_right {
	width:30%;
	float:left;
	padding-top:100px;
}
.col_right p {
	color:#dee2de;
	line-height:16px;
	margin-top:15px;
}
.col_left_obra {
	float:left;
    margin-right:20px;
    padding-top:20px;
    width:470px;
}
.col_left_obra p {
	color:#dee2de;
	line-height:16px;
	margin-top:15px;
	text-shadow:0 1px 0 rgba(0,0,0,0.3);
}
.col_right_obra {
	float:right;
    margin-left:20px;
    padding-top:20px;
    width:470px;
}
.col_right_obra p {
	color:#dee2de;
	line-height:16px;
	margin-top:15px;
	text-shadow:0 1px 0 rgba(0,0,0,0.3);
}
p.primer {
	margin-top:0;
}
.paginacio {
	width:650px;
	margin:40px auto;
}
.paginacio ul {
	overflow:hidden;
}
.paginacio li {
	float:left;
	margin-right:10px;
}
.paginacio li a {
	display:block;
	padding:4px 9px;
	color:#8e8e8e;
	background-color:#000;
}
.paginacio li a:hover, .paginacio li a.actiu {
	color:#111111;
	background-color:#FFFFFF;
}
.neteja {
	clear:both;
}
.offscreen {
	display:none;
}
.index_quadres {
	background-color:#111111;
	padding:20px;
	margin:auto;
	overflow:hidden;
}
.index_quadres li a {
	color:#8E8E8E;
}
.index_quadres li a:hover {
	color:#FFF;
}
.index_quadres li a:visited {
	color:#575757;
}
.index_quadres h2 {
	color:#FFFFFF;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
.index_quadres li.tela {
	overflow:hidden;
}
.index_quadres li.fusta {
	border-top:1px #333333 dotted;
	padding-top:10px;
	float:left;
	width:220px;
}
.index_quadres li.altres_tecniques {
	border-top:1px #333333 dotted;
	padding-top:10px;
	float:left;
	width:220px;
	margin-left:20px;
}
.index_quadres li.paper, .index_quadres li.fusta, .index_quadres li.altres_tecniques {
	margin-top:40px;
	overflow:hidden;
}
.index_quadres li.paper, .index_quadres li.fusta {
	border-top:1px #333333 dotted;
	padding-top:10px;
}
.index_quadres .colum1 { 
	float:left;
	width:220px;
}
.index_quadres .colum2, .index_quadres .colum3, .index_quadres .colum4 { 
	float:left;
	margin-left:20px;
	width:220px;
}
.dades_contacte {
	width:300px;
	float:left;
}
.dades_contacte a {
	color:#FFFFFF;
	font-weight:bold;
}
.dades_contacte a:hover {
	text-decoration:underline;
}
.mapa {
	width:640px;
	float:left;
}
.mapa a {
	color:#FFFFFF;
	font-size:12px;
}
.mapa a:hover {
	text-decoration:underline;
}