@charset "utf-8";
/* CSS Document */

* {text-decoration:none;border:0px;margin:0px;padding:0px;position:relative;list-style:none;}
body {font-family:Cambria,Magneto,Georgia;font-size:14px;line-height:16px;background:#EEE7E1 url(../img/bg_body.png) center top repeat;color:#523621;height:100%;}

p {margin-bottom:10px;}
a {color:#5476B3;}
a:hover {color:#000;}

h1,.first-page {font-family:Cambria,Magneto,Georgia;font-size:30px;line-height:36px;margin:20px 0px;}
h2 {font-family:Cambria,Magneto,Georgia;font-size:26px;line-height:32px;margin:20px 0px;}
h3 {font-family:Cambria,Magneto,Georgia;font-size:20px;line-height:26px;margin:10px 0px;}

.first-page {text-align:right;display:block;height:440px;position:relative;margin-top:100px;font-size:17px;line-height:28px;font-weight:bold;background:url(../img/Clara-homepage.jpg) left top no-repeat;padding:50px 50px 50px 420px;border:20px solid #FFFFFF;}
.menu-first-page {clear:both;background:url(../img/opacity.png) left top repeat;/*background-color:#000;*/padding:5px 0px;z-index:999999;text-align:center;display:block;width:100%;}
.menu-first-page li {display:inline-block;list-style:none;height:40px;}
.menu-first-page a {font-family:Cambria,Magneto,Georgia;position:relative;background-color:#FFFFFF;padding:5px 8px;color:#6684BB;font-weight:bold;text-transform:uppercase;border-radius:10px;margin:5px 3px;display:block;font-size:14px;}
.menu-first-page a:hover,.menu-first-page a.active {background-color:#6684BB;color:#FFF;padding:10px 8px;margin:0px 3px;}

.clear {clear:both;height:1px;line-height:1px;display:inline-block;width:100%;font-size:1px;}
.header {background:url(../img/opacity.png) top left repeat;padding:50px;}
.box {position:relative;width:1024px;left:50%;margin-left:-512px;}
.content {position:relative;z-index:100;}
.left {position:fixed;width:210px;height:785px;float:left;display:block;background:url(../img/opacity.png) top left repeat;padding:20px 20px;top:70px;}
.left .clara {width:300px;height:220px;position:relative;left:-40px;background:url(../img/bg_Clara.png) left top no-repeat;z-index:999999;}
.left #categories li {display:block;list-style:none;font-family:Cambria,Magneto,Georgia;text-transform:uppercase;font-size:20px;line-height:34px;border-top:1px dashed #5476B3;}
.left #categories li.first {border:none;}
.left #categories li.active {}
.left #categories li.active a {color:#000;}
.middle {width:709px;height:775px;display:block;overflow:hidden;position:absolute;top:70px;right:0px;padding:25px 25px 25px 40px;background-color:#FFFFFF;}
.middle-box {height:775px;}
.in {height:640px;display:block;overflow:auto;padding-right:25px;}
.mini-box {width:210px;height:300px;text-align:center;display:inline-block;margin:10px 5px;overflow:hidden;vertical-align:top;}
.mini-box a img {max-height:250px;max-width:200px;border:2px solid #EEE7E1;}
.middle-box {width:330px;height:157px;text-align:center;display:inline-block;margin:10px 5px;overflow:hidden;vertical-align:top;}
.box-title {text-align:left;font-weight:bold;margin:5px 0px;font-style:italic;}
.mini-box .box-title {text-align:center;font-weight:normal;}
.box-description {text-align:left;}

ol {list-style:outside decimal;margin-left:35px;}
ol li {list-style:outside decimal;}
ul.pagination {display:inline;}
ul.pagination li {display:inline-block;line-style:none;margin-left:3px;}
ul.pagination li.active {font-weight:bold;}

ul.arrow {margin-top:20px;}
ul.arrow li {background:url(../img/arrow.png) left 5px no-repeat;padding-left:15px;}

#navigation {width:700px;}
#navigation a {background:url(../img/arrow_brown.png) right center no-repeat;padding-right:15px;margin-right:10px;color:#523621;}
#navigation a.last {background-image:none;padding:0px;margin:0px;}
#navigation a:hover {text-decoration:underline;}

#search {background-color:#5476B3;/* url(../img/opacity.png) top left repeat;*/clear:right;color:#6684BB;width:420px;height:30px;padding:5px 10px 3px;float:right;z-index:999;top:15px;}
#search .input {float:left;width:320px;color:#000;font-style:italic;height:24px;background-color:#FFFFFF;background-image:none;border:2px solid #6684BB;padding:0px 0px 0px 5px;border-radius:0px;}
#search .input:focus {color:#6684BB;}
#search .button {background:#6684BB url(../img/bg_button_search.png) no-repeat left center;display:block;float:left;height:28px;width:90px;margin:0px;cursor:pointer;font-size:12px;line-height:28px;border:0px;padding:0px;clear:none;color:#FFF;left:-2px;border-radius:0px;}
#search .button:hover {background: #FFF url(../img/bg_button_search1.png) no-repeat left center;}


/* FORM */
form {display:inline-block;}
fieldset {clear:left;float:left;margin-bottom:10px;line-height:24px;color:#6B490C;font-weight:bold;}
label {clear:left;color:#6B490C;float:left;font-size:13px;padding:0px 5px;font-weight:normal;height:30px;line-height:30px;width:150px;text-align:right;margin-right:10px;}
input,select {font-family:Arial;color:#6B490C;width:290px;height:25px;line-height:30px;vertical-align:middle;font-size:12px;padding:2px 5px 3px;background:transparent url(../img/bg_input.png) left top no-repeat;border-radius:5px;}
.inputx50 {background-image:url(../img/bg_inputx50.png);width:54px;}
.inputx150 {background-image:url(../img/bg_inputx150.png);width:154px;}
select {padding:2px 5px;height:30px;width:300px;line-height:26px;}
textarea {border-radius:5px;border:1px solid #DDE4C7;font-family:Arial;font-size:12px;line-height:16px;padding:3px 5px;color:#6B490C;display:block;width:98%;}
input[type=radio],input[type=checkbox] {width:20px;height:20px;margin-top:2px;border-radius:2px;margin-right:5px;}
input.button {color:#FFFFFF;background-color:#7892C3;background-image:none;font-weight:bold;padding:2px 15px 5px;border-radius:5px;height:30px;width:auto;text-shadow:1px 1px 0 #52492D;border:1px solid #B8C4A0;}
input:hover.button {color:#FFFFFF;background-color:#7476A6;}
span.form_message {color:#71B36F;display:block;font-size:11px;font-style:italic;padding-left:5px;font-weight:normal;clear:left;}
span.star {color:#4C8B49;font-weight:bold;text-shadow:#CCCCCC;display:inline-block;margin-right:5px;}
