@charset "utf-8";

/* HTML5 tags */
header,section,footer,aside,nav,article,figure,hgroup{display:block;}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;line-height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*  Predefined  */
html,body{background:#fff no-repeat; margin:0;min-height: 100%;font: 12px "Times New Roman","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; color: #545454; padding:0;}
p, form, img, ul, ol, dl, li, input, select, textarea, button,h1,h2,h3,h4,h5,h6{padding:0; margin:0; border:0; list-style:none;outline:none}
a{outline:none;}
/* CSS3 Enhancements */
textarea{resize:both}
button{cursor:pointer}
.r{float:right; }
.l{float:left; }
.rel{position:relative; }
.abs{position:absolute; }
.clear{clear:both;}
.clearall{clear:both; font-size:1px; line-height:1px; overflow:hidden;height:1px}
.hidden{display:none}
.block{display:block}
.bottom{bottom:0;}

/* text */
.italic{font-style:italic}
.bold{font-weight:bold}
.underline{text-decoration:underline}
.separator{border-bottom:1px dotted #222;height:1px;line-height:1px;font-size:1px;margin:5px 0 8px}
.tj{text-align:justify }
.tc{text-align:center; }
.tl{text-align:left; }
.tr{text-align:right; }

/* shadows */
.shadow{box-shadow:0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.noshadow{box-shadow:0 0 0;-moz-box-shadow:0 0 0;-webkit-box-shadow:0 0 0; }
.tshadow{ text-shadow: 0 1px 0px white;}
.notshadow{ text-shadow: none }

.corners{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.transition {-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}

.pointer{cursor:pointer;}

/* htc PIC */
.pie{behavior: url(public/css/PIE.htc)}

/* Selection */
*::selection{background: #7a5d3d;color:white;}
*::-moz-selection{background:#7a5d3d;color:white;}
*::-webkit-user-select{background:#7a5d3d;color:white;}

/* Placeholder color */
input:-moz-placeholder { color:#aaa; }




/* searchbox */
#searchbox{ z-index: 999; text-align: right; right: 20px; top: 386px; overflow: hidden;}
#searchbox form { padding: 0; margin: 0; }
#searchbox form p{ padding: 0; margin: 0; }
#searchbox form input{ border: 1px solid #cecece; padding: 2px;  float: right; display: none; }
#searchbox form label{ width: 85px; height: 24px; margin-top: 5px;  text-indent: 9999px; float: right; background: url(../images/interface.png) 0 -543px; }

/* menu */
#menu{padding:5px 39px 15px 0px;  margin:0;  width:880px;clear:both;}
#menu li{list-style:none; float:left;}

/* content */
#content{ line-height:20px;  margin-bottom:20px;z-index:10; font-size: 16px;}

/* news */
#news{width:100%;  margin-bottom:16px;z-index:10}
#news .article .date{color:#fff;  width:60px;  height:60px;  float:left;  text-align:center;  padding-top:4px; }
#news .article .date strong{font-size:20px;  display:block;}
#news .article p{float:right;  width:572px;  padding:4px 8px;  margin:0;}
#news h2{width:100%;text-align:left;font-size:17px;}
#news .article{float:left;  margin:0;  margin-bottom:16px;  width:100%;}
#news .article.highlight{background:url(../images/news-bg.jpg) repeat-y;    }



/* paging */
.strankovani {color:#999;clear:both;border-top:1px dotted #222;}
.strankovani a{color:#6bd200;text-decoration:none}
.strankovani a:hover{text-decoration:underline}

/* forms */
.form-content label{width: 76px;float:left;clear:both;margin-bottom:7px;}
.form-content input{float:left;width:380px;}
.form-content textarea{width:380px;border-bottom: 1px dotted #A6A6A6;max-width: 380px;max-height: 214px;}
/*.form-content button{clear:both;cursor:pointer;border:none;padding:5px;color:#fff;float:left}*/
.contact-form-wrap button { margin-left: 86px; }

/* System Messages */
.notification {background: #222;padding:8px 15px;margin-bottom:20px;color: white;}

/* jQuery lightbox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:9999;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:10000;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none; }
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px; }
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10000;}
#lightbox-container-image-box > #lightbox-nav{left:0; }
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0; float:left;}
#lightbox-nav-btnNext{right:0; float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left; }
#lightbox-image-details-caption{font-weight:bold; }
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px; float:right;padding-bottom:0.7em;}

/* fonts */
/*
@font-face {
    font-family: 'charis_silregular';
    src: url('../fonts/charissilr.eot');
    src: url('../fonts/charissilr.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissilr.woff') format('woff'),
         url('../fonts/charissilr.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'charis_silbold';
    src: url('../fonts/charissilb.eot');
    src: url('../fonts/charissilb.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissilb.woff') format('woff'),
         url('../fonts/charissilb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'charis_silitalic';
    src: url('../fonts/charissili.eot');
    src: url('../fonts/charissili.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissili.woff') format('woff'),
         url('../fonts/charissili.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}                        */


/* common */
html, body { 
    font-family: "charis_silregular","Times New Roman",Georgia;
    margin:0;
    padding:0;
    height: 100%;
}

.btn { text-transform: uppercase; color: #fff; text-decoration: none; text-shadow: 0px -1px 0 #917b63; padding: 7px 10px 5px 10px; }
.active .btn, .btn:hover, .btn-inv, .btn-inv, .btn-inv{
    /*background: url(../images/footer-bg.png);*/
    -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;
    background: rgba(52, 40, 26, 0.93);
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 1px 0 #dfd4c7;
}


.btn-b {
    background: #5a4029;
    box-shadow: 0px 1px 0 #fff;
}
.btn-c {
    background: #a37953;
    box-shadow: 0px 1px 0 white;
}


.btn-corners-left {
behavior: url(border-radius.htc);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-bottomleft:15px;
}
.btn-corners-right {
    behavior: url(border-radius.htc);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomright:15px;
}

h1 {
    text-transform: uppercase;
    color: #a37b3e;
    font-size: 36px;
    margin-bottom: 26px;
    line-height: 46px;
}
.h1ts {
    text-shadow: 0 1px 0 #fff;
}

h2 {
    text-transform: uppercase;
    color: #a37b3e;
    font-size: 24px;
    margin-bottom: 6px;
    line-height: 30px;
}
.h2ts {
    text-shadow: 0 1px 0 #fff;
}

.cwidth { width: 1100px;} 
.centered-box { margin: 0 auto;}
.tshadow {
    color: #62523f;
    text-shadow: 0 1px 0px #f5e6cf;
}
.p28 { padding: 28px; }

.fp-bg {background: url(../images/fp-bg.jpg) no-repeat center top;}
.brand-bg {background: url(../images/brand-uvodni-bg.jpg) repeat center top;}
.product-bg {background: url(../images/brand-produkty-bg.jpg) repeat center top;}
.contact-bg {background: url(../images/kontakt-bg.png) repeat center top;}
.news-bg {background: url(../images/news-bg.jpg) repeat center top;}
.text-bg {background: url(../images/textpage-bg.jpg) repeat center top;}

a {color: #AE8968;}
a:hover {color: #705D4D;
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;
}

#container{
  min-height: 100%;
  position: relative;
}

.container-inner{
min-height: 1000px;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* header */
#header {
    height: 236px;
}
#main {
  width: 990px;
  margin:0 auto;  
  display:block;  
  text-align:left;    
  padding-bottom:55px;   /* Height of the footer */
  font-size: 15pt;
}
.page #main { position: relative; }


.menu {
    width: 416px;
    position: relative;
    top: 102px;
}
.left-menu {
    float: left;
}
.right-menu {
    float: right;
}

.menu li {
    display: inline;
}
.menu li a {
    display: block;
    margin: 0 14px;
    font-size: 16px;
}
/*.menu li a:hover,.menu li a.active {-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}*/
.menu li a:visited {}
.left-menu li {}
.left-menu li a {
    float: right;
}
.right-menu li {}
.right-menu li a {
    float: left;
}

.logo {
    display: block;
    margin: 0 auto;
    width: 230px;
    position: relative;
    top: 36px;
    
    
  -webkit-transform: scale(1); 
     -moz-transform: scale(1); 
      -ms-transform: scale(1); 
       -o-transform: scale(1); 
          transform: scale(1);
          
          
    -webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;
}
.logo:hover{
	  
  -webkit-transform: scale(0.95); 
     -moz-transform: scale(0.95); 
      -ms-transform: scale(0.95); 
       -o-transform: scale(0.95); 
          transform: scale(0.95);

}
.lang-link {
    position: absolute;
    right: 0;
    padding: 7px 25px 5px 15px;
    top: 102px;
    margin: 0;
    font-size: 16px;
}
.lang-link .lang-arrow {
    background: url(../images/lang-arrow.png) no-repeat left center;
    padding-left: 10px;
}
.lang-link:hover {
padding-right: 35px;
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;
}

.textpage ul li {
  list-style: disc;
  list-style-position: inside;
}
.textpage ol li {
  list-style-type: decimal;
list-style-position: inside;
}

#content-wrap {
  position: absolute;
  top: 238px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

/* frontpage */
#main.fpmain { text-align: center; width: 514px; margin: 0 auto;}
#main.fpmain h1 { text-align: center; margin-bottom: 20px;line-height: 50px;}
.fp-text {
    line-height: 166%;

    font-size: 18px;
}
.fp-text * { line-height: 20pt; }

/* page brand uvod */
#main.brand-uvod, #main.brand-produkty, #main.brand-produkty-uvod { text-align: center;}
.page {
    padding: 30px 50px;
    position: relative;
} 
.page-brand-a {
    background: url(../images/brand-uvodni-box-bg.png) no-repeat center top;
    padding: 2px 62px;
    height: 438px;
    margin-bottom: 40px;
}
.brand-logo {}
.brand-content {
    width: 570px;
right: 87px;
top: 30px;
}
.brand-text {
    line-height: 150%;
    margin-bottom: 22px;
    text-align: justify;
    font: 14px "Times new roman" !important;
    
}
.brand-text * {
    line-height: 150%;
}

.brands-chooser { padding-top: 80px; }

.brand-preview-buttons, .brand-detail-buttons {
bottom: 10px;
left: 0;
right: 0;
}
.brand-preview-buttons {
padding: 10px 0;
}
.brand-detail-buttons {
font-size: 16px;    
}
.brand-preview .text {height: 147px;overflow: hidden;}
.brand-preview .text * {line-height: 18pt;}



ul.accordion{
    list-style:none;
    white-space: nowrap;
}
ul.accordion li{
    /*width:180px;*/
    height:260px;
    display: inline-block;
    vertical-align: top;
    position:relative;
    cursor:default;
    overflow: visible !important;
    white-space: normal;
}
ul.accordion li .brand-preview {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -200px;
  font-size: 14px;
  display: none;
}
ul.accordion li .shoes-logo img {
display:inline-block;
}
.brand-preview {
text-align: justify;
width: 400px;
height: 260px;
position: absolute;
top: 0;
background: url(../images/brand-hover-bg.png) no-repeat center top;
}
.pad-brand-preview { padding: 18px 30px; }
.shoes-logo {display:block;}
.shoes-logo > span { position: absolute; left: 10000px;}

/* product detail */
.brand-produkty {}
.brand-produkty	.page, .brand-produkty-uvod .page {
    /*padding-top: 18px;*/
    margin: 30px 50px;
    margin-top: 18px;
    padding: 0;
}

.brand-produkty #brands, .brand-produkty-uvod #brands {
    text-align: center;
    height: 110px;
}
.brand-produkty #brands .shoes-logo , .brand-produkty-uvod #brands .shoes-logo {
display: inline-block;
    margin: 0 20px;
} 
.brand-produkty #brands .shoes-logo {
    opacity: .5;
}
.brand-produkty #brands .shoes-logo.active, .brand-produkty #brands .shoes-logo:hover {opacity: 1;}
#brands img {
    margin: 0 auto;
}

.brand-uvod .shoes-logo {
    line-height: 100px;
    display: inline-block;
    float: left;
    text-decoration: none;
}

.brand-uvod .shoes-logo {
    line-height: 100px;
    display: block;
    text-decoration: none;
    margin-top: 77px;
    padding: 0 30px;
}

.brand-image-container {text-align: center;width: 210px;}


.shoes-logo img.idl { display: inline;}
.shoes-logo img.act { display: none;}
.shoes-logo:hover img.idl { display: none;}
.shoes-logo:hover img.act { display: inline;}

/*.vass-logo{ background: url(../images/vass-shoes-logo.png) no-repeat center center; width: 130px;}
.alden-logo{background: url(../images/alden-shoes-logo.png) no-repeat center center;}
.loake-logo {background: url(../images/loake-shoes-logo.png) no-repeat center center;}
.as-logo{background: url(../images/as-shoes-logo.png) no-repeat center center;}

.vass-logo.active {background: url(../images/vass-shoes-logo-active.png) no-repeat center center;}
.alden-logo.active {background: url(../images/alden-shoes-logo-active.png) no-repeat center center;}
.loake-logo.active  {background: url(../images/loake-shoes-logo-active.png) no-repeat center center;}
.as-logo.active {background: url(../images/as-shoes-logo-active.png) no-repeat center center;}*/

.nav-btn {
    width: 32px;
    height: 57px;
    display: block;
    position: absolute;
    top: 255px;
    z-index: 100;
}
.nav-prev {
    background: url(../images/nav-left.png) no-repeat left center;
    left: -50px;
}
.nav-next {
    background: url(../images/nav-right.png) no-repeat left center;  
    right: -50px;
}
.product-wrap { position: absolute; width: 100%; }
.shoebox {
    background: url(../images/box.png) no-repeat center top;
    padding: 32px 144px 97px 133px;
    margin-left: -70px;
    margin-right: -36px;
    width: 226px;
    height: 256px;
}
.shoebox-inner { overflow: hidden;height: 256px;width: 226px;background: #946b4f;}
.shoes-photo { vertical-align: top;
margin-top: -30px;
}
.brand-logo {}
.product-content {
    font-size: 15pt;
    width: 410px;
    margin-right: 50px;
}
.product-content h1 { text-align: center; color: #62523F; margin: 34px 0;}
.product-content h1, .product-content .product-text {text-shadow: 0 1px 0 #e2c7a0;color: #62523F;line-height: 28pt;}
.product-text * {
    line-height: 22pt;
    font-family: "Times New Roman" !important;
    font-size: 15pt !important;
    text-shadow: 0 1px 0 #e2c7a0 !important;
    color: #62523F !important;
    line-height: 21pt;
}
.product-text {
    text-align: justify;
}

.prev-product-faded {
    position: absolute;
    width: 200px;
    height: 368px;
    background: url(../images/box-faded-left.png) no-repeat left center;
    top: 128px;
    margin-top: 0px;
    left: -31px;
}
.next-product-faded {
    position: absolute;
    width: 200px;
    height: 368px;  
    background: url(../images/box-faded-right.png) no-repeat right center;  
    top: 128px;  margin-top: 0px;  
    right: -31px;
}

.fb-like-product {
margin-top: 22px;
}

/* contact page*/
#main.contact {
    width: 100%;
    padding-top: 50px;
    overflow: hidden;
}
.page-contact-wrapper {
  position: relative;
  height: 560px;
  overflow: visible;
  width: 653px;
  margin: 0 auto;
}
.page-contact {
    padding: 5px 30px 55px 30px;
    margin-top: 25px;
    margin-bottom: 94px;
    position: absolute;
width: 566px;
}
.page-contact .text {
	
  -webkit-transform: rotate(1.6deg) translate3D(0,0,0); 
     -moz-transform: rotate(1.6deg) translate3D(0,0,0); 
      -ms-transform: rotate(1.6deg) translate3D(0,0,0); 
       -o-transform: rotate(1.6deg) translate3D(0,0,0); 
          transform: rotate(1.6deg) translate3D(0,0,0); 

}
.page-contact-a {
    background: url(../images/contact-bg-1.png) no-repeat center top;
    height: 330px;
}
.page-contact-b {
    left: 3000px;
    background: url(../images/contact-paper.jpg) repeat-y center top;
    min-height: 348px;
    padding: 6px 0px 55px 24px;
    
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.69);
       -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.69);
        -ms-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.69);
         -o-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.69);
            box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.69);
}

.opening-hours {
    font-size: 15px;
    padding: 28px 18px;
}
.opening-hours h2 {
    font-size: 18px;
    margin-bottom: 16px;
    font-family: "charis_silbold";
}
.opening-hours table {}
.opening-hours table td {
    padding: 2px 7px 2px 0;
}
		
.contact-content {
    width: 306px;
}
.address {
    display: block;
    color: #474747;
    font-size: 24px;
}
.phone {
    display: block;
    color: #474747;
    height: 46px;
    line-height: 55px;
    font-size: 20px;
}
.email, .web {
    display: block;
    color: #ae8968;
    text-decoration: none;
    font-size: 16px;
    line-height: 26px;
}
.contact-text {
    margin-bottom: 25px;
    margin-top: 10px;
}
.mail-icon {
    padding-left: 26px;
    background: url(../images/mail-ico.png) no-repeat left center;
}
.tar {text-align: right;vertical-align: top;padding-top: 16px;}

label {
    font-size: 20px;
    margin: 15px 0;
}
input, textarea { background: none; padding: 4px; margin: 10px; width: 350px; font-size: 20px; font-family: "times new roman";}
input { border-bottom: 1px dotted #a6a6a6;}
button { font-family: "times new roman"; text-transform: none;}
.btn-send {
    padding: 6px 14px 4px 12px;
    font-size: 20px;
    text-transform: none;
}


/* news */
.hnews { height: 480px; }
.news {
    margin-top: 22px;
    position: relative;
}
.news article {
    margin: 20px 0 27px 0;
}
.book-bg {
background: url(../images/book.png) no-repeat center top;
margin-top: 24px;
padding: 0px 60px 48px 74px;
z-index: 10;
}
 .page-news {
    height: 470px;
    padding: 0;
    z-index: 10;
    margin-bottom: 60px;
    position: absolute;
    left: 73px;
    right: 61px;
}
 .news-side {
    width: 378px;
    margin: 20px 20px;
    text-align: justify;
}
 .article-date {
    font-size: 14px;
    color: #a37953;
    font-weight: bold;
    font-family: "charis_silbold";
}
.likewrap {
    float: right;
display: block;
height: 22px;
width: 66px;
}
.article-text * {
    line-height: 22px;
    
}
.article-text {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 14px;
    line-height: 24px;
}
.article-text img {
vertical-align: top;
float: left;
margin: 0 14px 6px 0;
border: 1px solid #CCC;
padding: 4px;
max-width: 200px;
}

.paging {
    position: absolute;
    right: 79px;
    bottom: 22px;
}
.paging li {
    float: left;
}
.paging li a, .paging li span {
    background: url(../images/page-no.png) no-repeat center top;
    text-align: center;
    display: block;
    height: 52px;
    width: 50px;
    float: left;
    font-size: 22px;
    text-decoration: none;
    line-height: 44px;
    color: #7f7f7f;
    margin: 0 3px;
}

.paging li a{
	
  -webkit-transition: all 0.2s ease; 
     -moz-transition: all 0.2s ease; 
       -o-transition: all 0.2s ease; 
          transition: all 0.2s ease; 
		
}
.paging li a:hover  {
	position: relative;
	top: 3px;
	
	
}
.paging li.active {
  cursor: default;
  font-weight: bold;
}
.paging li.active a:hover { top: 0; }

/* textpage */
#main.textpage {
    background: url(../images/textpage-bg.png) no-repeat center top;
    width: 960px;
    padding: 14px 15px;
    padding-bottom: 236px;
    margin-bottom: 20px;
}
#main.textpage img.l {
    margin: 13px 28px 14px 0;
}
#main.textpage img.r {}
#main.textpage .text { text-align: justify; }
#main.textpage .text * { line-height: 24pt; }


/* footer */
#footer{
    position:absolute;
     bottom:0;
     width:100%;
     height:55px;   /* Height of the footer */
    background: url(../images/footer-bg.png);
    color: #fff;
    font-size: 13px;
    overflow: hidden;
}
.pfooter {padding: 15px 20px;}

#footer {font-family: Arial !important; }
#footer a { color: #fff; text-decoration: none;}
#footer a:hover { color: #E3C498; }
#footer .sig {line-height: 22px;text-align: center;position: absolute;left: 0;right: 0;}
#footer #created-by-ut span {position:relative;top: -5px;}
#footer #created-by-ut {position:relative;z-index: 99}
#created-by-ut { line-height: 31px; }
#created-by-ut img { vertical-align: top; position: relative;top: 2px;}
.uc {text-transform: uppercase;}

#footer label {
    font-family: Arial !important;
    font-size: 13px;
    padding: 8px 13px 3px 0;
    margin: 0;
    color: #f5f5f5;
    float: left;
    
}

#footer input {
    font-family: Arial !important;
    margin: 0;
    padding: 7px 16px;
    border: none;
    background: #433a2d;
    font-size: 13px;
    width: auto;
    color: #f5f5f5;
    
    border: 1px solid #584d3b;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
        
}

#footer input[type="submit"] {
    font-family: Arial !important;
    font-size: 13px;
    cursor: pointer;
    border: none;
    background: #261f15;
    padding: 8px 16px;
    color: #ab936d;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
        
}

#footer input[type="submit"]:hover {
    background: rgb(52, 40, 26);
        
}

#footer .error {
    color:red;
        
}

#footer label.error {
    color: red;
    display: none!important;
}