html, body{
 height:100%;
}

body {
 font-family:"trebuchet ms", verdana, sans-serif;
 font-size:0.8em;
 text-align:center;
 background-color:#000000;
 padding:0px;
 margin:0px;
 color:#777777;
}

img {
 border:0px;
}

a {
 color:#888888;
 text-decoration:none;
}

#commentWrap textarea, #commentWrap input {
 width:80%;
}

h1 {
 font-family: calibri, georgia, "trebuchet ms", verdana, sans-serif;
 font-size:140%;
 margin:0em 1em 0em 1em;
 padding:0.1em;
 letter-spacing:3px;
 font-weight:normal;
}

h2 {
 font-size:120%;
 margin:0em;
 margin-top:0.3em;
 padding:0em 1em 0em 1em;
 letter-spacing:3px;
 font-family: calibri, georgia, "trebuchet ms", verdana, sans-serif;
 font-weight:normal;
 color:#444444;
}

h3 {
 font-size:100%;
 margin:0em;
 margin-top:0.3em;
 padding:0em 1em 0em 1em;
 letter-spacing:2px;
 font-family: calibri, georgia, "trebuchet ms", verdana, sans-serif;
 font-weight:normal;
 color:#444444;
}

.devider {
 width:100%;
 clear:both;
 font-size:0em;
}

#centrat {
 left:auto;
 right:auto;
 margin: 0 auto;
 width: 2200px;
 /*border: 1px solid white;*/
}

#esquerra {
 margin: 60px auto;
 width:50px;
 float:left;
 margin-left:60px;
 margin-right:auto;
 /*border: 1px solid white;*/
}

#statistics {
 /*margin: 60px auto;*/
 margin: 5px auto;
 /*width:200px;*/
 float:left;
 /*border: 1px solid #555555;  */
 }
 
#about {
 /*margin: 60px auto;*/
 text-align: left;
 margin: 5px auto;
 /*width:200px;*/
 float:left;
 /*border: 1px solid #555555;  */
 } 

#fotoraw {
 border: 0px;
} 

#separacio1 {
 /*margin: 60px auto;*/
 width:10px;
 float:left;
}

#text_marges {
 /*border: 1px solid #555555;  */
 font-family: calibri, georgia, "trebuchet ms", verdana, sans-serif;
 text-align: left;
 padding: 5px 5px 5px 5px;
 margin-left: 10px;
 float: left;
 width: 30%;
}

#container {
 float:left;
 width:2200px;
 margin: 5px auto 10px 5px;
 background-color:#151515;
 /*border: 1px solid white; */
 border: 1px solid #555555;
 padding: 0px 2px 2px 2px;

}

#container2 {
 float:left;
 width:1024px;
 margin: 5px auto 10px 5px;
 background-color:#151515;
 /*border: 1px solid white; */
 border: 1px solid #555555;  
 padding: 0px 2px 2px 2px;
 
}

#container_about {
 float:left;
 width:800px;
 margin-top: 5px;
 margin-bottom: 5px; 
 margin-left:auto;
 margin-right:auto;
 background-color:#151515;
 /*border: 1px solid white; */
 border: 1px solid #555555;  
 padding: 0px 2px 2px 2px;
}

#container_mosaic {
 float:center;
 width:98%;
 margin: 5px 30px 10px 10px;
 background-color:#151515;
 /*border: 1px solid white; */
 border: 1px solid #555555;
 padding: 0px 2px 2px 2px;*/
 text-align: center;
}

#menu {
 letter-spacing:3px;
 /*font-size:90%;*/
 /*margin-left: 20px;
 margin-right: 20px;*/
}
#menu a.item {
 float:right;
 padding:20px 10px 22px 10px;
 border: none;
}

#menu a.item_red {
 float:right;
 padding:20px 10px 22px 10px;
 border: none;
 color:red;
}

#menu a.item:hover {
 /*background-color:#222222;*/
 background-color:#555555;
 color:black;
}

#menu a.item_red:hover {
 /*background-color:#222222;*/
 background-color:#555555;
 color:red;
}


#text_marges a:hover {
 /*background-color:#555555;*/
 color:orange;
}

#menu a#logo {
 float:left;
 margin: 10px 2px 2px 10px;*/
}

a#logo {
 float:right;
 /*margin: 20px 0 0 0;*/
}

#imageWrap a#image {
 float:left;
 /*margin: 20px 0 0 0;*/
}

#submenu {
 float:left;
 /*border:1px solid #222222;*/
 /*background-color:#222222;*/
 border:1px solid #333333;
 background-color:#333333;
 /*padding:0.2em 0.5em 0.2em 0.5em;*/
 padding:37px 10px 3px 10px;
 font-size:0.9em;
}

#submenu a {

}

#exif {
 width:40%;
 font-size:90%;
 float:left;
 margin-left:1em;
}


#commentWrap {
 /*width:40%;
 /*font-size:90%;*/
 /*float:right;
 margin-right:1em;
 text-align:left;*/
}

#display {
 text-align:left;
 clear:both;
 border:0px solid #151515;
}

#display p {
 margin:1em;
}

#mosaic {
 text-align:center;
 clear:both;
 border:0px solid #151515;
}

img.thumbs {
 float:left;
 border:1px solid #333333;
 padding:0.2em;
 margin:0.3em 0.3em 0.3em 0.3em;
}

.thumbnails {
 float:left;
 border:1px solid #333333;
 padding:0.4em;
 margin:0em 0.3em 0.6em 0.3em;
}

img.mosaic {
 border: 0;
 padding: 0 0 0 0;
 margin: 0 0 -4px 0;
}


#footer {
 /*background-color:#111111;*/
 padding:0.5em;
 text-align:right;
}

#footer, #footer a {
 color:#555555;
 font-size:95%;
}

#imageWrap {
 background-image:url(../images/loadingB.gif);
 background-repeat:no-repeat;
 background-position:center center;
}

#imageWrap img {
 /*border: 1px solid #555555;  */
 /*padding: 2px 2px 2px 2px;*/
}

#thumbnailwrap {
 /*width:1100px;*/
 margin-top: 10px;
 width: 80%;
 float:left;
}

#thumbnailmosaic {
 /*margin-top: 10px;*/
 width: 90%;
 float:left;
}

#details {
 width:15%;
 /*width:165px;*/
 float:right;
 background-color:#222222;
 padding:1em;
 margin: 10px 0px 5px 5px;
}

#agraiments {
 width:10%;
 float:right;
 background-color:#222222;
 margin: 10px 0px 0px 0px;
 padding: 1em 0 1em 0;
}

#agraiments a:hover {
 /*background-color:#555555;*/
 color:orange;
}

#text {
 padding: 1em 1em 1em 1em;
 float:left;
}

.mark {
 background-color:#222222;
 color:orange;
}

.tags10 {
 font-size:90%;
}