body{ background: white url(images/bg.gif) repeat-y center center;font: normal 15px/1.6em verdana, arial, helvetica, sans-serif; background-color: #b26d1d; color: #fff; letter-spacing: 1px; margin:0; padding:0; }

#maincontainer{ background: url(images/bg_maincontainer.jpg) no-repeat top right; width: 840px; margin: 0 auto; }

#header{ background: #242424 url(images/bg_header.jpg) no-repeat; height: 160px; }

#contentwrapper{ float: left; width: 100%; }

#contentcolumn{ font-size: 1em; padding-top: 10px; margin: 0 170px 20px 260px; }

#leftcolumn{ float: left; width: 260px; margin-left: -840px; }

#rightcolumn{ float: left; width: 160px; margin-left: -160px; }

#footer{ font-family: verdana, arial, helvetica, sans-serif; border-top: 1px solid #ba843e; font-size: 0.8em; clear: left; width: 800px; color: #FFF; text-align: center; margin: 0 20px 0 20px; padding: 10px 0; }

/*NAVIGATION LEFT*/

#nav { padding: 0; margin: 0; width: 150px; }

#nav li { list-style: none; margin: 0; padding: 0 0 0 0;text-align: right; }

#nav li a,#nav li a:link,#nav li a:active,#nav li a:visited { display: block; font: normal 1em arial, verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none; width: 100%; line-height: 2em;  }

#nav li a:hover { color: #000;background: url(images/opaque.png) repeat;filter: alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.40;opacity:0.4;text-decoration: none; padding-right: 5px;}

/*STYLES*/

a,a:link,a:active,a:visited { color: #f9fdc0; outline: none; text-decoration: underline; text-transform: uppercase; }

a:hover { color: #e3c3aa;text-decoration: none; }

h1,h2,h3,h4 { clear: both; font-family: arial, verdana, helvetica, sans-serif; letter-spacing: 2px; margin: 10px 0; }

h1 { color: #f9ffc2; font-weight: normal; font-size: 1.9em; }

h2 { border-bottom: 1px solid #fff; color: #fff; font-weight: normal; font-size: 1.6em; }

h3, h4 { color: #e0c2a8; font-weight: normal; font-size: 1.3em; }

p { clear: both; margin: 18px 0; }

blockquote { background-color: #efdcce; border: 1px solid #714528; color: #242424; margin: 18px 0 18px 0; padding: 5px 10px; }

blockquote a,blockquote a:link,blockquote a:visited { color: #714528; font-weight: bold; text-decoration: underline; letter-spacing: 1px; }

blockquote a:hover { color: #bc7e43; text-decoration: none; }

blockquote h4 {color: #242424; margin: 0;}

img { border: 0; vertical-align: middle; }

.imgLeft { border: 1px solid #fff; float: left; margin: 8px 10px 0 0; }

.imgRight { border: 1px solid #fff; float: right; margin: 8px 0 0 10px; }

li{ list-style-type: square; margin: 0 0 10px 0; }

/* << ----------------// Gallery //---------------->> */

#album { width:360px; height:360px; background: #d8bfa1 url(fotos/start.jpg) 20px 40px no-repeat; border:1px solid #975c1a; margin: 0 auto; margin-top: 25px; }

.gallery { padding:0; margin:320px 0 0 20px; list-style-type:none; position:relative; width:320px; }

.gallery img { border:0; }

.gallery li { float: left;list-style-type:none; }

.gallery li a, .gallery li:link, .gallery li a:visited { font-size:11px; float:left; text-decoration:none; color:#f9ffc2; background: #975c1a; text-align:center; width:26px; height:26px; line-height:24px; border:1px solid #975c1a; margin:2px; }

.gallery li a img { position:absolute; top:-320px; left:0; visibility:hidden; border:0; }

.gallery li a img.landscape { top:-280px; }

.gallery li a img.portrait { left:0; border-left:40px solid #d8bfa1; border-right:40px solid #d8bfa1; }

.gallery li a:hover { background: #d8bfa1; color: #000; }

.gallery li a:active, .gallery li a:focus { border:1px solid #000; background: #000; color: #f9ffc2; }

.gallery li a:active img, .gallery li a:focus img { visibility:visible; }