/*.............................. DEFAULT ..............................*/
body { 
    margin-top: 0px;
    background-color: #fff;
    background-image: url(http://www.webcafe.sk/images/grafika/bg.gif); 
    background-repeat: repeat-x;
}
td { 
    font-family: Tahoma, Arial, Verdana;
    font-size: 8pt; 
    color: #6F6F6F;
}
.template {
    background-image: url(http://www.webcafe.sk/images/grafika/bg_temp.gif); 
    background-repeat: no-repeat;
}
.section-inner-1 {
    background-image: url(http://www.webcafe.sk/images/grafika/bg_hlav.jpg); 
    background-repeat: no-repeat;
}
.section-inner-2 td {
    text-align: justify;
}
.section-inner-2 {
    text-align: left;
    padding-left: 36px;
    padding-right: 15px;
    width: 379px;
}
.section-inner-3 {
    width: 246px;
}
.section-inner-4 {
    width: 155px;
}
h1, h5, h3 {
    font-family: Arial, Verdana, Tahoma;
    font-size: 11pt;
    font-weight: bold;
    color: #E0251E;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    text-align: center;
    padding-right: 10px;
}
h2 {
    font-size: 8pt;
    font-weight: bold;
    color: #5F5F5F;
    margin-top: 0px;
    margin-bottom: 10px;
}
h3 {
    font-size: 11pt;
    font-weight: bold;
    color: #5F5F5F;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 5px;
}
h6 {
    font-size: 8pt;
    font-weight: bold;
    color: #8F8F8F;
    margin-top: 10px;
    margin-bottom: -5px;
}
a {
    color: #555;
    text-decoration: none;
}
a:hover {
    color: #CC0000;
    text-decoration: none;
}
.menu {
    text-align: left;
    width: 140px;
    padding-top: 28px;
}
.menu td {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #efefef;
    line-height: 14px;
}
.menu a, .menu a:visited {
    font-family: Tahoma, Arial, Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #6F6F6F;
    background: url(http://www.webcafe.sk/images/grafika/bulet_menu.gif);
    background-position: 0px -2px;
    background-repeat: no-repeat;
    padding-left: 23px;
}
.menu a:hover {
    color: #E0251E;
    padding-left: 25px;
}
.submenu a, .submenu a:visited {
    font-size: 8pt;
    text-transform: none;
    font-weight: normal;
    background: url(http://www.webcafe.sk/images/grafika/bulet_submenu.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    padding-left: 23px;
}
.submenu a:hover {
    color: #E0251E;
    padding-left: 25px;
}
.search {
    padding-top: 20px;
    padding-left: 12px;
}
.search td {
    color: #EBCECE;
}
.form-button { 
    font-size: 7pt; 
    color: #6F6F6F;
    cursor: hand;
    border: 1px solid #afafaf;
    background-color: #CFCFCF; 
    width: 80px;
    height: 20px;
}
.form-button-2 { 
    font-size: 7pt; 
    color: #B2B1B1;
    cursor: hand;
    border: 0; 
    background-color: transparent;
    background: url(http://www.webcafe.sk/images/grafika/search-lupa.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    width: 30px;
    height: 37px;
}
.form {
    width: 150px;
    background-color: #FbFbFb;
    border: 1px solid #EFEFEF;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 40px;
    margin-top: 20px;
 }
.mailform {
    width: 150px;
    background-color: #FBFBFB;
    border: 1px solid #DFDFDF;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 40px;
    margin-top: 10px;
}
.mailform td {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.form-text, .form-textarea, .form-password {
    font-size: 8pt;
    color: #595959;
    text-indent: 7px;
    background: url(http://www.webcafe.sk/images/grafika/bg_button.gif); 
    border-width: 1px;
    border-style: solid;
    border-color: #D7D7D7;
}
.mailform .error {
    color: CC0000;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
 }
.path td {
    color: #B9B9B9;
    text-align: right;
    width: 379px;
    padding-top: 10px;
    padding-right: 20px;
}
.path a {
    color: #D3D3D3;
}
.path a:hover {
    color: #E0251E;
}
.paticka { 
    background: url(http://www.webcafe.sk/images/grafika/bg_paticka.gif); 
    background-repeat: no-repeat;
    height: 60px;
}
.paticka td { 
    color: #B9B9B9;
    padding-top: 40px;
}
.uput_top {
    width: 204px;
    background: url(http://www.webcafe.sk/images/grafika/uputavka_top.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 20px;
    padding: 0px;
    margin: 0px;
    padding-top: 15px;
    margin-top: 25px;
}
.uput_bot {
    width: 204px;
    background: url(http://www.webcafe.sk/images/grafika/uputavka_bot.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 30px;
}
.blogger-preview {
    width: 204px;
    background: url(http://www.webcafe.sk/images/grafika/uputavka_in.gif);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    background-position: left bottom;
    text-align: center;
    padding-left: 22px;
}
.blogger-preview img {
    float: left;
}
.blogger-preview-title, .blogger-list-title, .blogger-preview-title a, 
.blogger-list-title a {
    color: #fff;
    font-size: 0pt; 
}
.blogger-list {
    width: 164px;
    text-align: left;
}
.blogger-detail td {
    text-align: center;
}
.blogger-detail-title {
    font-size: 8pt;
    font-weight: bold;
    color: #5F5F5F;
    padding-top: 0px;
    padding-bottom: 5px;
}
.blogger-preview-preview a img, .blogger-list-preview a img  {
    filter: alpha(opacity=90);
}
.blogger-preview-preview a:hover img, .blogger-list-preview a:hover img {
    filter: alpha(opacity=100);
}
.blogger-icon {
    text-align: left;
    border-top: #EDEDED 1px solid;
    padding-top: 5px;
    margin-top: 5px;
    width: 300px;
    cursor: help;
}
.blogger-popis {
    margin-top: 10px;
    padding-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    width: 300px;
    border-bottom: #EDEDED 1px solid;
    border-top: #EDEDED 1px solid;
    text-align: left;
}
.blogger-popis td {
    text-align: left;
}
.blogger-popis-1 {
    width: 30%;
}
.blogger-popis-2 {
    width: 35%;
    color: #E0251E;
}
.blogger td, .blogger-list-preview a {
    color: #9F9F9F;
}
.blogger-list-preview {
    font-size: 8pt;
}
/*.................................              ..............................*/
/*............................... L I G H T B O X .............................*/
/*.................................              ..............................*/
#lightbox {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
	}
#lightbox a img { 
    border: none; 
}
#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-color: #f4f4f4;
    border-width: 1px;
    border-style: solid;
}
#imageContainer {
    padding: 10px;
}
#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#imageContainer>#hoverNav { 
    left: 0;
}
#hoverNav a { 
    outline: none;
}
#prevLink, #nextLink {
    width: 49%;
    height: 100%;
    background: transparent 
    url(../images/blank.gif) 
    no-repeat; 
    /* Trick IE into showing hover */
    display: block;
}
#prevLink, #prevLink:hover, #prevLink:visited:hover {
    float: left;
    background-image: url(http://www.webcafe.sk/images/grafika/prev.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#nextLink, #nextLink:hover, #nextLink:visited:hover {
    float: right;
    background-image: url(http://www.webcafe.sk/images/grafika/next.gif); 
    background-repeat: no-repeat;
    background-position: right top;
}
#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fafafa;
    margin: 0 auto;
    line-height: 1.4em;
    border-color: #f4f4f4;
    border-width: 1px;
    border-style: solid;
}
#imageData {
    padding:0 10px;
}
#imageData #imageDetails { 
    width: 70%; 
    float: left; 
    text-align: left; 
    color: #666;
}	
#imageData #caption { 
    font-weight: bold;	
}
#imageData #numberDisplay { 
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;
    color: #aaa;
}			
#imageData #bottomNavClose { 
    width: 120px; 
    float: right;  
    padding-bottom: 0.7em;
}	
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #fcfcfc;
    filter:alpha(opacity=90);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html>body .clearfix {
    display: inline-block; 
    width: 100%;
}
* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
}
.thumbnail a img {
    border: none;
    filter: alpha(opacity=100);
}
.thumbnail a:hover img {
    filter: alpha(opacity=90);
}
.paging {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #efefef;
    padding-top: 5px;
    margin-top: 5px;
    margin-left: 90px;
}
.paging-arrows {
    padding-left: 10px;
    padding-right: 10px;
}
.blogger .paging {
    width: 43%
}
.blogger .paging-numbers td {
    text-align: center;
    color: #CC0000;
    font-weight: bold;
    border: 1px solid #efefef;
    background-color: #FAFAFA;
    padding: 5px;
}
/*...................................          ..................................*/
/*................................. blogger help ................................*/
/*...................................          ..................................*/
/*.blogger-preview-title a, .blogger-list-title a {
    color: #000;
    font-size: 8pt; 
}*/