* {
margin: 0px;
padding: 0px;
}
h1 {
font: bold 35px verdana, sans-serif;
text-align: center;
 text-shadow:
   -1px -1px 0 #fff,
    1px -1px 0 #fff,
   -1px 1px 0 #fff,
    1px 1px 0 #fff,
    3px 2px 0 #aaa;
}
h2 {
font: bold 20px verdana, sans-serif;
color: #fff;
text-align: center;
background-color: #ccc;
border-radius: 5px 5px 5px 5px ;
text-shadow:
   -1px -1px 0 #000,
    1px -1px 0 #000,
   -1px 1px 0 #000,
    1px 1px 0 #000;
margin: 0px 0px 5px 0px;
}
h3 {
font: bold 18px verdana, sans-serif;
background-color: #ddd;
border-radius: 5px 5px 5px 5px ;
text-align: center;
margin: 0px 0px 15px 0px;
}
h4.esquerra{
	text-align: left;
	}
h4.fondo{
	background-color: #ddd;
	}
h6 {
font: bold 10px verdana, sans-serif;
text-align: left;
margin: 0px;
}
hr.linea{ 
width:55%; 
border-bottom:#CCCCCC solid 2px;
margin: 5px auto 5px auto;
	}

p {
font: 14px verdana, sans-serif;
text-align: justify;
padding: 0 0 15px 0;	
}
p.centrat {
font: 14px verdana, sans-serif;
text-align: center;
padding: 0 0 14px 0;	
}
p.noveura {
display:none;	
}
input.noveura {
display:none;	
}

p.centrat2 {
font: 14px verdana, sans-serif;
text-align: center;

}
p.dreta {
	text-align: right;
}
p.marge-esquerra {
padding: 0 0 0 40px ;	
}
em.titol-especie {
font: italic bold 20px verdana, sans-serif;
color: #fff;
text-shadow:
   -1px -1px 0 #000,
    1px -1px 0 #000,
   -1px 1px 0 #000,
    1px 1px 0 #000;

}
p.titol-especie {
font: 10px verdana, sans-serif;
color: #000;
text-align: center;
background-color: #ccc;
border-radius: 5px 5px 5px 5px ;
padding: 0px;
}
td.color-fons{
background-color: #ddd;
	}
	
td.sudoku{
width: 52px;
height: 52px;
}
	
table {
width: 90%;
border: solid 3px white;
border-radius: 10px 10px 10px 10px ;
margin-left:auto;
margin-right:auto;

	}
	
table.estreta {
width: 12%;
border: 0px;
display: block;
float: left;
	}	
	
table.sin-borde {
border: 0px;
	}
table.ident {
width: 30%;
border: 0px;
	}
	
table.paner{
background: url(./imatges/puzzles/paner.jpg);
border: 1px, #000;

}
		
tr{
border: none;	
}	
td.inici{
width: 100px;	
}	
td.final{
width: 150px;
}	
td.inici-sb{
border: 0px;
width: 100px;	
}	
td.final-sb{
border: 0px;
width: 60px;
}	
td.titol{
width: 150px;
}	

td{
border: solid 2px #ddd;
border-radius: 5px 5px 5px 5px ;
}	
	
td.sin-b{
border: 0px;
}	

td.alt {
border:0;
padding-top: 100%;
padding-bottom: 100%;
}
	
td.puzzle {
width: 150px;
border: none;
margin: 0px;
padding: 0px;
}
	
input {
//width:100%;
	}
	
header, section, footer, aside,  article, figure, figcaption,
hgroup, div, img {
display: block;
}


a.normal{
display: inline;	
	}

body {
text-align: center;
background: url(./imatges/fondo-1.png);
background-repeat: repeat;
}
div {
background: #FFFFFF;
width: 960px;
height: 100%;
margin-left: auto;
margin-right: auto;
border-radius: 0px 0px 20px 20px ;
}
#caixa-principal {
box-shadow: 3px 3px 5px black;	
	}

div.contenedor{
background: #FFFBCC;
width: 100%;	
float: none;
overflow: hidden;
}

div.cont-petit{
background: #FFFBCC;
width: 50%;	
float: left;
}

div.cont-mitjar{
background: #FFFBCC;
width: 57%;	
float: left;
margin: 10px;
}

div.dreta {
background: #FFFBCC;
float: left;
width: 40%;
//margin: 10px;	
	}
div.carrusel {
border: solid 1px #bbb;
border: solid 3px white;
background: #FFFBCC;
float: right;
width: 35%;
height: 410px;
box-shadow: 3px 3px 5px black;	
border-radius: 20px 20px 20px 20px ;
margin: 10px;	
	}
div.esquerra {
background: #FFFBCC;
float: left;
width:54%;
margin: 10px;	
	}
	
div.esquerra2 {
background: #FFFBCC;
float: left;
width:40%;
margin: 0px 10px 10px 10px;	
	}
div.tecla {
float: left;
width: 35px;
margin: 7px;
}

div.sopa {
border: solid 1px #bbb;
float: left;
width: 25px;
margin: 1px;
border-radius: 5px 5px 5px 5px ;
box-shadow: 3px 3px 5px black;	
}

div.sopa-final {
border: solid 1px #bbb;
float: left;
width: 150px;
height: 25px;
margin: 1px;
border-radius: 5px 5px 5px 5px ;
box-shadow: 3px 3px 5px black;	
}

div.caja-sopa{
border: solid 2px #fff;
width: 600px;	
float: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background: #FFFBCC;
text-aling: center;
border-radius: 5px 5px 5px 5px ;
box-shadow: 3px 3px 5px black;	
	}
div.caja-sudoku{
border: solid 2px #fff;
width: 570px;	
float: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background: #FFFBCC;
text-aling: center;
border-radius: 5px 5px 5px 5px ;
box-shadow: 3px 3px 5px black;	
	}
	
div.linea1{
width: 550px;	
float: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background: #FFFBCC;
//text-aling: center;
	}
div.linea2{
width: 550px;	
float: none;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
overflow: hidden;
background: #FFFBCC;
	}
div.linea3{
width: 550px;	
float: none;
margin-left: auto;
margin-right: auto;
padding-left: 60px;
overflow: hidden;
background: #FFFBCC;
	}
div.linea4{
width: 700px;	
float: none;
margin-left: auto;
margin-right: auto;
/*overflow: hidden;*/
background: #FFFBCC;
text-aling: center;
	}
div.caixa{
width: 200px;
height: 195px;	
float: left;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
overflow: hidden;
background: #FFFBCC;
	}
div.centrat{
width: 320px;
//float: left;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
overflow: hidden;
background: #FFFBCC;
	}
	
#datacontainer{ 
background: #FFFBCC;
margin-left: auto;
margin-right: auto;
}
	
.boton-p {
display: block;
border: solid 1px white;
//width: 35px;
font: bold 14px verdana, sans-serif;
color: black;
list-style: none;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(31%, rgba(249,249,249,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(115,110,115,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#736e73', GradientType=0 );
border-radius: 5px;
box-shadow: 3px 3px 5px black;
text-align: center;
-webkit-transition: background 3s, border 3s, box-shadow 3s;
-moz-transition: background 3s, border 3s, box-shadow 3s;
-o-transition: background 3s, border 3s, box-shadow 3s;
-ms-transition: background 3s, border 3s, box-shadow 3s;
background 3s, border 3s, box-shadow 3s;
}
.boton-p:hover {
border: solid 1px black;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(31%, rgba(190,190,190,1)), color-stop(47%, rgba(240,240,240,1)), color-stop(100%, rgba(115,110,115,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#736e73', GradientType=0 );
border-radius: 5px;
box-shadow: 1px 1px 3px black;
}

#cabecera {
width: 958px;	
background: #FFFBB9;
background: url(./imatges/capcelera-13.jpg) no-repeat ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: 1px solid #999999;
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
border-radius: 20px 20px 0px 0px ;
box-shadow:3px 3px 3px black;
}
#menu {
width: 960px;	
background: #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
box-shadow:3px 3px 3px black;
}
#menu li {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}

#menu li.especial{
margin-left: 30px;
margin-right: 30px;
}

#menu-lateral {
float: left;
width: 190px;	
background: #CCCCCC;
border-radius: 0px 0px 10px 0px ;
box-shadow:3px 3px 3px black;
}

li.sp {
list-style: none;
}
#menu-lateral li {
list-style: none;
}

#menu-central {
position:top;
}

#menu-central li {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
}

#menu-central-parts {
position:top;
}

#menu-central-parts li {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
}

/*Botones de navegación*/
.botones {
display: block;
border: solid 1px white;
width: 150px;
padding:  5px 0px 5px 0px;
margin:7px 0px 7px 0px;
margin-left: auto;
margin-right: auto;
list-style: none;
font: bold 14px verdana, sans-serif;
color: black;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(31%, rgba(249,249,249,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(115,110,115,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 31%, rgba(246,246,246,1) 47%, rgba(115,110,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#736e73', GradientType=0 );
border-radius: 5px;
box-shadow: 3px 3px 5px black;
text-align: center;
-webkit-transition: background 3s, border 3s, box-shadow 3s;
-moz-transition: background 3s, border 3s, box-shadow 3s;
-o-transition: background 3s, border 3s, box-shadow 3s;
-ms-transition: background 3s, border 3s, box-shadow 3s;
background 3s, border 3s, box-shadow 3s;
}
.botones:hover {
border: solid 1px black;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(31%, rgba(190,190,190,1)), color-stop(47%, rgba(240,240,240,1)), color-stop(100%, rgba(115,110,115,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 31%, rgba(190,190,190,1) 47%, rgba(115,110,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#736e73', GradientType=0 );
border-radius: 5px;
box-shadow: 1px 1px 3px black;
}

a {
text-align: center;
text-decoration: none;
font: bold 14px verdana, sans-serif;
color: black;
float: none;
}

img.puzzle-g{
width: 145px;
//border:1px solid #fff;
border-radius: 10px;
box-shadow: 1px 1px 3px black;
}
img.puzzle-g:hover{
width: 143px;
border:1px solid #000;
}
img.puzzle-p{
width: 44px;
border-radius: 5px;
box-shadow: 1px 1px 3px black;
}
img.sudoku{
width: 50px;
border-radius: 5px;
box-shadow: 1px 1px 3px black;
}

img.conta{
float:left;
margin: 0 0 0 6px;
width: 15px;
border-radius: 5px;
box-shadow: 1px 1px 3px black;
}

/*tratamiento fotos sueltas*/
.foto-cap {
width: 400px;	
align(right);
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
}
.foto-cap:hover {
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -o-transform:scale(1.1);
 -ms-transform:scale(1.1);	
}

.foto-parelles {
width: 55px;
border: solid 1px #999999;	
border-radius: 5px;
box-shadow: 2px 2px 5px black;
}
.foto-parelles2 {
width: 75px;
height: 55px;
border: solid 1px #999999;	
border-radius: 10px;
box-shadow: 2px 2px 5px black;
}

.foto {
border: solid 2px #999999;	
border-radius: 20px;
box-shadow: 2px 2px 5px black;
//height: 250px;
//width: 300px;
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
/*background 3s, border 3s, box-shadow 3s, transform 3s;*/
}
.foto:hover {
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -o-transform:scale(1.1);
 -ms-transform:scale(1.1);	
}
.foto-especial {
border: solid 2px #999999;	
border-radius: 50px;
box-shadow: 2px 2px 5px black;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
/*background 3s, border 3s, box-shadow 3s, transform 3s;*/
}
.foto-especial:hover {
 -moz-transform:scale(1.3);
 -webkit-transform:scale(1.3);
 -o-transform:scale(1.3);
 -ms-transform:scale(1.3);	
}
.foto-petita {
border: solid 2px #999999;	
border-radius: 10px;
box-shadow: 2px 2px 5px black;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
/*background 3s, border 3s, box-shadow 3s, transform 3s;*/
}
.foto-petita:hover {
 -moz-transform:scale(1.2);
 -webkit-transform:scale(1.2);
 -o-transform:scale(1.2);
 -ms-transform:scale(1.2);	
}

.tabula1{
padding: 0 0 0 20px;
}
.tabula2{
padding: 0 0 0 40px;
}
#raya {
float: left;
width: 0px;
height: 660px;
padding: 0px;
margin: 0px;
}

.tros{
float: left;
width: 705px;
/*height: 700px;*/
margin: 5px 10px 10px 10px;
background:#FFFBCC;
overflow:auto;
}

.tros-foto-peu{
float: left;
width: 705px;
/*height: 700px;*/
margin: 5px 10px 10px 10px;
background:#FFFBCC;
background-image:url(./imatges/peu-6.png);
background-position:bottom;
background-repeat: no-repeat;
overflow:auto;
}

#pie {
clear: both;
text-align: center;
padding: 20px;
border-top: 2px solid #999999;
}
article {
background: #FFFBCC;
border: 1px solid #999999;
padding: 0px 20px 20px 20px;
margin-bottom: 15px;
border-radius: 5px;
box-shadow: 1px 1px 3px black;
}
footer {
text-align: right;
}
time {
color: #999999;
}
figcaption {
font: italic 14px verdana, sans-serif;
}
.textEntrada {
	width: 90%;
		font-style: italic;
		font-weight: bold;
		font-size: 15px;
		font-family: verdana, sans-serif;
		color: #000;
		text-align: center;
		text-transform: uppercase;
	}
.textEntrada2 {
	width: 80%;
		font-weight: bold;
		font-size: 15px;
		font-family: verdana, sans-serif;
		background-color: #666;
		color: #FFFFFF;
		text-align: center;
	}

img.centrat{
float: center;	
border: solid 2px #999999;	
border-radius: 10px;
box-shadow: 2px 2px 5px black;
}

img.miniatura {
cursor: pointer;
float: left;	
border: solid 2px #999999;	
border-radius: 10px;
box-shadow: 2px 2px 5px black;
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
background 3s, border 3s, box-shadow 3s, transform 3s;
}
img.miniatura:hover {
 -moz-transform:scale(1.2);
 -webkit-transform:scale(1.2);
 -o-transform:scale(1.2);
 -ms-transform:scale(1.2);	
}

#imgGaleria {
border: solid 2px #999999;	
border-radius: 20px;
box-shadow: 2px 2px 5px black;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
background 10s, border 10s, box-shadow 10s, transform 10s;
}
#imgGaleria:hover {
 -moz-transform:scale(1.2);
 -webkit-transform:scale(1.2);
 -o-transform:scale(1.2);
 -ms-transform:scale(1.2);	
}

div.galeria{
overflow:auto;
width: 90%;
height: 100px;
margin-left: auto;
margin-right: auto;
border: solid 1px #bbb;
border: solid 3px white;
background: #FFFBCC;
box-shadow: 3px 3px 5px black;	
border-radius: 20px 20px 20px 20px ;
padding:10px;	
}

div.img{
width: 100px;
height: 100px;
float: left;
background: #FFFBCC;
}

div.logo{
 position:absolute;
 top:0;
 right:0;
 width:200px;
width: 90px;
height:190px;
float: none;
background: #FFFBCC;
border: solid 10px #0f0;

}