@CHARSET "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, ul, tt, var,
b, u, i, center, dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
}

body {font: 62.5% Trebuchet MS;  background: #746756 url(/img/body.png) repeat-x 0 0;}
.container {width: 900px; margin: 0 auto;}
.header {height: 50px; position: relative; width: 100%; margin: 24px 0 37px; overflow: hidden;}
.logotip {position: absolute; left: 0; top : 0; display: block;}
.phone {position: absolute; right: 0; top: 5px; color: #b5a692; font-size: 25px;}

.nav {overflow: hidden;}
.nav li {list-style: none; display: inline; text-align: center; font-size: 11px; text-transform: uppercase;}
.nav li a, .nav li span {color: #FFFFFF; display: block; float: left; font-weight: bold; letter-spacing: 1px; padding: 7px 25px 7px 0; text-decoration: none;}
.nav li a:hover, .nav li span:hover {color: #dcd7d0;}

.content {font-size: 14px; color: #fff; padding: 25px 0; overflow: hidden;}
.content p {margin: 0 0 20px; font-family: Georgia; text-align: justify;}
.content h1, .content .h1 {font-size: 32px; margin: 0 0 25px 0; font-weight: normal; color: #fff;}
.content h2, .content .h2 {font-size: 22px; margin: 35px 0 15px 0; font-weight: normal; color: #fff;}
.content h3, .content .h3 {font-size: 17px; margin: 25px 0 10px 0; font-weight: normal;}

.content ul {margin: 25px;}
.content ul li {margin: 10px 0;}

.gal img {margin: 0 0 10px 0; border: 1px solid #ADAAA2;}
.gal div {clear: both;}
.gal div.top {margin-top: 10px;}
.gal .more {clear: both; display: block; margin: 0 0 15px;  font-size: 11px;  text-transform: uppercase;}

.bread {font-size: 12px; padding: 0 0 15px; margin-bottom: 10px; color: #b6a999; border-bottom: 1px dotted #91826f;}
.network {font-size: 12px; padding: 15px 0 0; margin-top: 10px; color: #b6a999; border-top: 1px dotted #91826f;}
.alignright {float: right; margin: 0 0 25px 25px; border: 1px solid #ADAAA2;}
.alignleft {float: left; margin: 0 25px 25px 0; border: 1px solid #ADAAA2;}

div.alignleft, div.alignright {border: none; margin: 0;}

.footer {background: url(/img/footer.png) repeat-x 0 0; height: 77px;}
.info {text-align: center; color: #D8D0C7; font-size: 12px; padding: 15px 0 0;}

.navigation {overflow: hidden; margin: 15px 0; font-size: 11px;  text-transform: uppercase;}


.rel_link {cursor: pointer; text-decoration: underline;}
.rel_link:hover {cursor: pointer;color: #dcd7d0;}
a {color: #fff;}
a:hover{color: #dcd7d0;}
.clear {clear: both;}
.line {height: 1px; border-bottom: 1px dotted #dadada; margin: 10px 0; clear: both;}
blockquote {font-style: italic; padding: 25px; color: #fff;}
abbr {border-bottom: 1px dotted #fff; letter-spacing: 1px;}

.works {overflow: hidden;}
.works .work {float: left; width: 130px; height: 100px; text-align: center; margin: 0 15px 15px 0;}
.works .work img {border: 1px solid #dadada; display: block;}
.works .work a {display: block;}
.works h2 {margin-top: 0 !important;}