html {height : 100%;}

body {margin : 0;}

body, table, input, textarea {font-family : Times New Roman, serif; color : #000; font-size : 13px; line-height : 1.2;}

img {border : 0; vertical-align : middle;}
form {padding : 0; margin : 0;}
input {vertical-align : middle;}

form table {background : #efefef; border : 10px solid #efefef;}

td {vertical-align : top;}
table {border-collapse : collapse;}

hr {border : 0 solid #fff; border-bottom : 1px solid #666;}

a:link, a:visited {color : #000; text-decoration : none;}
a:hover, a:active {color : #831010; text-decoration : none;}

h1 {font-size : 20px; font-weight : normal; color : #870000; margin : 0 0 10px 0;; padding : 20px 0 10px 0; text-transform : uppercase; border-bottom : 1px solid #d9d9d9;} 
h2 {font-size : 19px; font-weight : normal; color : #870000; margin : 0; padding : 0 0 10px 0;} 
h3 {font-size : 13px; font-weight : normal; color : #870000; margin : 0; padding : 0 0 0 0;}  

/*
 * LAYOUT
 */ 
body {background : #f5f5f5; text-align : center; position : relative; min-height : 100%;}

.centruj {margin : 0 auto; text-align  : left; width : 935px;}

#logo {padding : 0 0 27px 0; background : #eeeeee; border-top : 9px solid #323232;}

#langs {height : 27px;}
#langs a {display : block; float : right; padding : 3px 6px;}
#langs b {display : block; float : right; padding : 0 6px 6px 6px; background : #323232;}

#lmenu {width : 191px; float : left; padding : 0 0 100px 0;}

#lmenu #menu {margin : 0; padding : 20px 0 0 0; border-bottom : 2px solid #a00000; text-transform : uppercase;}
#lmenu #menu li {padding : 5px 0; background : url(../img/ln.png) left top repeat-x; list-style : none;}
#lmenu #menu a {display : block; padding : 0 0 0 30px; background : url(../img/li.png) 15px 6px no-repeat;}
#lmenu #menu b {display : block; padding : 0 0 0 30px; background : url(../img/lir.png) 15px 6px no-repeat; color : #831010;}
#lmenu #menu a:link, #lmenu #menu a:visited {font-weight : normal;}
#lmenu #menu a:hover, #lmenu #menu a:active {font-weight : bold; background-image : url(../img/lir.png);}

#lmenu #skontakt {padding : 10px 10px 10px 10px; background : #efefef; margin : 20px 0 0 0;}

#data {margin : 0 0 0 215px; padding : 0 0 130px 0;}

#mfoto img {border : 1px solid #e6e6e6;}

#footer {position : absolute; bottom : 0; border-top : 9px solid #212121; background : #323232; padding : 30px 0; color : #565656; font-size : 12px; width : 100%;}
#footer a:link, #footer a:visited {color : #565656; text-decoration : none;}
#footer a:hover, #footer a:active {color : #666; text-decoration : none;}
#footer div div {float : right; text-align : right;}

#Animacia {height : 50px; cursor : pointer;}

#rect1 {background : url(../img/rect1.png) left top no-repeat;}
#rect1in {background : url(../img/rect1-lt.png) 0 -5px no-repeat;}
#rect1in2 {background : url(../img/rect1-t.png) 6px 0 no-repeat; width : 50px; height : 50px;}

#rect2 {position : absolute; margin : 12px 0 0 12px; background : url(../img/rect2.png) left top no-repeat;}
#rect2in {background : url(../img/rect2-lt.png) 0 -5px no-repeat;}                                         
#rect2in2 {background : url(../img/rect2-t.png) 6px 0 no-repeat; width : 26px; height : 26px;}

#rectN1 {position : absolute; text-transform : uppercase; font-size : 19px; margin : -2px 0 0 58px; line-height : 1;}
#rectN2 {position : absolute; margin : 36px 0 0 58px;}

/* 
 * FORM
 */ 
.ftxt {border : 1px solid #ccc; color : #000; background : #fff; padding : 2px; vertical-align : middle;}
select.ftxt {height : 22px;}
.fbtn {height : 22px; padding : 2px 5px; border : 2px solid #a20000; background : #a20000; color : #fff; vertical-align : middle;}
