/*******************************************************************************************************************
*  Author: Tomas Lach (www.tomaslach.cz)                                                                           *
*  Date: 11.05.2011                                                                                                *
*******************************************************************************************************************/
@import url('jquery.fancybox-1.3.4.css');
@import url('font.css');

html {background: #f7f6f7;}
body {color: #313031;font: normal 12px Arial,sans-serif;}
p {font-size: 1.0em;line-height: 1.8em;margin-bottom: 15px}
address {font-style: normal;padding-bottom: 15px}

/*******************************************************************************************************************
*  LINKS                                                                                                           *
*******************************************************************************************************************/
a, a:link, a:focus {color: #70248f;outline: 0}
a:visited {color: #70248f}
a:hover {color: #000;text-decoration: none}
a.more {font-weight: bold;padding: 4px 10px;background: #eee8f1;font-size: 11px;display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/*******************************************************************************************************************
*  TITLES                                                                                                          *
*******************************************************************************************************************/
h1, h2, h3, h4, h5 {margin: 0 0 10px 0}
h1 {font-size: 3.0em;color: #fff;line-height: 1.0em;margin-bottom: 15px;font-weight: normal;}
h2 {font-size: 2.0em;color: #5e1f78;margin-bottom: 20px;font-weight: normal;font-family: "Lato"}
h3 {font-size: 1.4em;color: #504f50;margin-bottom: 10px;font-weight: normal;font-family: "Lato"}
.w240 h3 {margin-bottom: 20px}
h4 {font-size: 1.2em;color: #504f50;}
h5 {font-size: 1.1em}

#wrap {background: #fff url('../img/background.jpg') no-repeat 50% 0;padding-bottom: 40px}
#layout {padding-top: 355px}

/*******************************************************************************************************************
*  HEADER                                                                                                          *
*******************************************************************************************************************/
#header {position: absolute;top: 0;left: 0;width: 100%;z-index: 90;}
#header #logo {display: block;left: 0;z-index: 10;position: absolute;top: 42px;color: #421157;text-decoration: none;font-size: 3.4em;text-shadow: 1px 1px 0 #6d3285;font-family: "Lato Light"}                
#header #logo:hover {color: #fff}
#header #logo strong {font-family: "Lato Black";}
/* navigation */
#header #navigation {position: absolute;right: 0;top: 55px;height: 34px;font-family: "Lato"}
#header #navigation li {display: inline;}
#header #navigation li a {display: block;float: left;font-size: 1.5em;text-shadow: 1px 1px 0 #7e3f99;font-weight: normal !important;padding: 5px 10px;text-decoration: none;color: #1d0825;}
#header #navigation li.active a,
#header #navigation li:hover a {text-shadow: 0px 0px 0 #7e3f99;color: #fff;background: url('../img/title-bg.png');}


/*******************************************************************************************************************
*  INTRO                                                                                                           *
*******************************************************************************************************************/
#intro {padding: 0 0 0;position: absolute;top: 160px;left: 0;width: 100%;z-index: 100;margin-bottom: 5px;}
#intro h1 {line-height: 1.6em;font-weight: normal;padding: 0 0;color: #fff;margin-bottom: 20px;}
#intro h1 span {background: url('../img/title-bg.png');display: inline-block;margin-bottom: 5px;padding: 0 10px;color: #fff;font-family: "Lato Light"}
#intro h1 span strong {font-family: "Lato Black";font-weight: normal}


/*******************************************************************************************************************
*  CONTENT                                                                                                         *
*******************************************************************************************************************/
#container {padding: 20px 0 0 0;margin-bottom: 0}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
#container #breadcrumb {font-size: 11px;color: #5e1f78;padding: 5px 10px;background: #eee8f1;display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#container #breadcrumb a.home {padding: 0;margin: 0;background: none;text-decoration: none}
#container #breadcrumb a {padding-left: 1px;color: #5e1f78;margin-left: 1px;}

#container ul.cols {list-style: none;padding: 0;margin-bottom: 30px;}
#container ul.cols li {padding: 0;width: 280px;float: left;}
#container ul.cols li a.thumb {margin-bottom: 15px;position: relative;display: block}
#container ul.cols li a.thumb .zoom {display: block;background: url('../img/zoom.png') no-repeat;width: 40px;height: 40px;cursor: pointer;position: absolute;top: -17px;right: -17px;}
#container ul.cols li.center {margin: 0 45px;}
#container ul.cols li a.more {margin: 0 0 0 10px;position: relative;top: 7px}

#container ul {padding: 5px 10px 25px 30px;list-style: square}
#container ul li {padding: 3px 0 3px 0px;}

#container .gallery img {margin: 0 20px 20px 0;float: left}

#container table {width: 100%;border-collapse: collapse;border: 1px solid #ccc}
#container table th {text-align: left;padding: 10px;border: 1px solid #6c238a;border-bottom: 3px solid #3d154f;background: #6c238a;color: #fff}
#container table td {padding: 7px 10px;border: 1px solid #ccc}
#container table .dark td {background: #f7f7f7}

#container form {margin-bottom: 20px}
#container form fieldset {background: #f7f7f7;padding: 10px 15px;border: 1px solid #efefef}
#container form table {width: 100%;border: 0}
#container form th {padding: 10px 0 10px 0;border: 0;background: none;color: #000;text-align: left;width: 30%;vertical-align: top}
#container form td {padding: 5px 20px 5px 0;width: 70%;border: 0}
#container form .text {padding: 5px;width: 199px;}
#container form .textarea {padding: 5px;width:338px;height:158px;}
#container form .checkbox {width: 20px;height: 20px;float: left;position: relative;top: -4px;margin-right: 2px}
#container form .radio {width: 20px;height: 20px;float: left;position: relative;top: -5px;margin-right: 2px}
#container form tfoot td {padding-top: 10px}
#container form .submit {cursor: pointer;padding: 5px 10px;font-weight: bold;text-transform: uppercase;font-family: Arial;font-size: 1.0em}
#container .date {display: block;padding: 0;margin-bottom: 10px}
#container .date span {background: #fff;padding: 0;font-size: 12px;font-weight: bold;color: #70248f}
#container .newie {margin-bottom: 30px}
    
/*******************************************************************************************************************
*  FOOTER                                                                                                          *
*******************************************************************************************************************/
#footer {background: #f8f7f8 url('../img/footer.png') repeat-x;height: 165px;margin-bottom: 0}
#footer p {color: #878787;font-size: 11px;padding: 0 20px;margin: 0;line-height: 65px}
#footer p a {color: #878787;}

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    *
*******************************************************************************************************************/
.high {font-weight: bold;color: #2d7bac}
.inner {padding: 15px 20px}
.middle {margin: 0 auto;position: relative;}
.w930 {width: 930px}
.w600 {width: 600px}
.w240 {width: 240px}
a.thumb img {border: 1px solid #e4e4e4}