* {margin:0;padding:0;}

@font-face { font-family:dadr; src:url('dadr.ttf'); } 

body, textarea {
    color:#222;
    background:#FFF;
    font: 13px verdana;
    /*\*/ overflow:hidden; /*\*/
}
.color {color:#AA3A35;}

::-webkit-scrollbar {background:rgba(0,0,0,1);width:10px;height:10px;}
::-webkit-scrollbar-track {background:#444;}
::-webkit-scrollbar-thumb {background:rgba(170,58,53,1);
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;}

a    {text-decoration:underline;color:#AA3A35;}
a:hover {text-decoration:none;}
a:active {outline:none;}
a img {border-width:0px;}

h1, h2, h3 {
    background-color:#AA3A35;
    color:#FFF;
    padding:0 10px 10px 10px; 
    font:40px dadr;
}
h2 {padding-left:25px;}
h3 {padding-left:45px;}
h1 a, h2 a, h3 a {color:#FFF;}

hr {
    background-color:#5f5f5f;
    width:100%;
    height:2px;
    border:0px;
    margin:3px 0;
}
p, form {
    padding: 10px;
    text-align: justify;
    background: url('bg.png');
    margin: 15px 0;
    line-height:150%;
}
big {
    font:bold 18px Verdana;
}
.clear {clear:both;}

/*admin menu*/
#admin-menu {position:absolute; background:#888;right:0;z-index:1000;}
#admin-top {background-color:#fff; border-bottom:1px solid #21426E; zoom:1; display:none;}
#admin-top .items {float:left;}
#admin-top .item {text-transform:uppercase; text-align:center;}
#admin-bottom .logout a{text-transform:uppercase; font-weight:bold; color:#FF0;}
#admin-bottom div {float:left; padding:10px 5px;}
#admin-bottom .item_g {background-color:#5BB430;}
#admin-bottom .sepg {border-left:8px solid #fff;}
#admin-bottom .sepw {border-left:8px solid #5BB430;}
#admin-bottom a {padding:0 4px; color:#fff;}

/* login panel */
#cms-l-f form {margin:20px;}
#cms-l-f dl {width:100%;}
#cms-l-f dl dt {float:left;width:218px; font-size:24px; padding-top:4px;}
#cms-l-f dl dd input {width:280px;height:36px;font-size:22px;}
#cms-l-f dl dd {margin-bottom:8px;}
#cms-l-f dl dd ul.error {margin-top:4px;margin-bottom:8px;font-size:12px;margin-left:228px; color:red; list-style-type:none; list-style-position:outside;}

/*** FORM ***/
select, input, textarea, option, button {
    border:2px solid #AA3A35;
    background: url('bg.png');
    margin:2px;
    padding:2px;
}
select {cursor:pointer;}
input.error, textarea.error {background-color:#733140;}
span.error {color:#F00;}
input[type=submit] {
    cursor:pointer;
    font-weight:bold;
    color:#FFF;
    padding:5px 10px;
    background:#AA3A35;
    border-color:#000;
}
input[type=submit]:hover {border-color:#000;background-color:#C5312D;}

/* Mail */
.ico {
    background-repeat:no-repeat;
    background-position:3px center;
    padding-left:22px!important;
}
.ico.ok {background-image:url('ok.png');color:#35AA35;font-weight:bold;}

/* PAGE */
header, nav, footer, div#page {display:block;clear:both;}
header, nav, div#text {
    /*\*/ position:absolute;  /*\*/
    width:80%;
    margin-left:-40%;
    left:50%;
}
header {top:0;height:150px;}
header>a {
    width:340px;
    height:140px;
    display:block;
    background:url('logo.png') center center no-repeat;
    background-color:rgba(170,58,53,0.8);
    text-indent: -9999px;
}
header>a:hover, header>a.active {background-color:#AA3A35;}

/* MENU */
nav {
    height:100px;
    /*\*/ bottom:0; /*\*/
}
nav ul {
    list-style:none;
    padding:0 0 20px 10px;
    height:80px;
    float: right;
}
nav ul li, nav ul li a {
    float:left;
    display:inline;
}
nav ul li a {
    padding:0px 20px 15px 20px;
    background-color:#AA3A35;
    opacity:0.8;
    filter:alpha(opacity=80);
    text-decoration:none;
    color:white;
    font:40px dadr;
}
nav ul li a:hover, nav ul li a.active {
    opacity:1;
    filter:alpha(opacity=100);
}

/* TEXT */
div#text {
    top:200px;
    bottom:160px;
    background: url('bg.png');
    /*\*/ overflow:auto; /*\*/
}
div#text div#textx {padding:2%;}
div#text.galeria div#textx {padding:0;}
div#text.index {visibility: hidden;}

/* Buttony */
div#prev, div#next, div.prev, div.next {
    position:absolute;
    top:0px;
    bottom:0px;
    width:5%;
    z-index:0;
}
div#prev:hover, div#next:hover, div.prev:hover, div.next:hover {
    background-color:rgba(255,255,255,0.2);
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
}
div.prev, div.next {width:50px;}
div.prev:hover, div.next:hover {background-color:rgba(170,58,53,0.8);}
div#prev, div.prev {left:0px;}
div#prev:hover, div.prev:hover {background-image:url('prev.png');}
div#next, div.next {right:0px;}
div#next:hover, div.next:hover {background-image:url('next.png');}

/* Galeria */
div#gallery {width:75%;margin:0 auto;}
div#gallery div {
    opacity:0.75;filter:alpha(opacity=75);
    float:left;
    margin: 2%;
    width: 42%;
    border:1px solid #AA3A35;
}
div#gallery div:hover {opacity:100;filter:alpha(opacity=100);}  
div#gallery div h2 {padding-left:0px; text-align:center;}
div#gallery div a {
    display: block;
    text-align: center;
    height:195px;
    overflow: hidden;
}
div#gallery div a img {max-width:100%;vertical-align: middle;}
div#thumbs {
    position:absolute;
    overflow-y:auto;
    overflow-x:hidden;
    top:0px;
    right:0px;
    bottom:0px;
    width:150px;
}
div#thumbs a img {
    border:0;
    border-bottom:3px solid transparent;
    width:150px;
    vertical-align:middle;
}
div#thumbs a:last-child img {border-bottom:0;}
div#foto {overflow:hidden;background:url('loader.gif') no-repeat 40% center;}
div#foto img {cursor:url('zoom-in.png'), auto;} 
div#full {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    background:#ddd;
    background: rgba(255, 255, 255, 0.8);
}
div#full img {cursor:url('zoom-out.png'), auto;}

.cookie-warning {padding:5px;background-color:rgba(170,58,53,0.8);text-align:center;margin-bottom:10px;float:right;}
.cookie-warning a {color:#FFF;}
.cookie-warning button {
    border:0;
    cursor:pointer;
    font-size:20px;
    font-weight:bold;
    opacity:0.6;
    filter:alpha(opacity=60);
}