*{margin:0;padding:0;}
body{background-color:black;}
a{text-decoration:none;}
#masterHeader{
    background-image:url(../images/header_01.jpg);
    background-repeat:repeat-x;
}
header#mainHeader {
    position:relative;
    width:1000px;
    height:166px;
    margin:0 auto;
    background-image:url(../images/h_02.jpg);
}

/* NAVIGATION */
#mainNav{
    width:100%;
    height:40px;
    background-color:#3c3b3d; /* GRAY */
    border-top:2px solid #797a7c;
    margin:0 auto;
}
header#mainHeader img{
    margin-top:10px;
    margin-left:35px;
}

#mainNav ul{
    list-style:none;
    width:1010px;
    margin:0 auto;
}
#mainNav ul .mainMenu{
    float:left;
    display:inline-block;
    border-right:1px solid black;
    height:40px;
}
#mainNav ul .mainMenu > a{
    display:block;
    text-decoration:none;
    color:#fdb415;   /*boja linkova*/
    height:34px;
    padding-top:6px;
    width:165px;
    text-align:center;
    font-family:Roboto;
    font-size:20px;
    text-shadow:0px 0px 10px black;
}
#mainNav ul .mainMenu > a:hover{
    background-image:url(../images/navnet.png);
    text-shadow:0px 0px 20px #ee7c27;
}

#mainNav ul .mainMenu:first-child {
    border-left:1px solid black;}

#ddMenu{
    z-index:3;
    position: absolute;
    left: -999em;
    width: 250px;
}
#ddMenu li{

    display:block !important;
    width:256px;
    height:42px !important;
    background-color:rgba(50,50,50,0.4);
}
#ddMenu li a{
    text-align:left;
    float:left;
}
#ddMenu li a:hover{

    text-shadow:0px 0px 20px #ee7c27;
}
#ddMenu li a{
    border-bottom:1px solid #333;
    display:block;
    text-decoration:none;
    color:#fdb415;   /*boja linkova*/
    height:34px;
    padding-top:6px;
    padding-left:6px;
    width:250px;
    text-align:left;
    font-family:Roboto;
    font-size:20px;
    text-shadow:0px 0px 10px black;
}
#ddMenu:hover{
    left:auto;
}

/* end nav */
section#picture{
    position:relative;
    display:block;
    width:1004px;
    height:401px;
    background-image:url(../images/pauk_03.jpg);
    margin:0 auto;
}
section#newsHolder{
    margin:0 auto;
    width:1020px;
    min-height:325px;
    background-color:#000;
}
footer.mainFooter {
    width:100%;
    height:50px;
    background-color:#3c3b3d;
    margin-bottom:10px;
}

.news{
    display:inline-block;
    margin:10px;
    width:270px;
    height: 310px;
    padding-left:35px;
    color:white;
}
.news img{margin:0 auto;}
.news h2{color:#fdb415;font-family:Lato;}
.news p{color:white; font-family:'Merriweather', serif; min-height:60px;}
.news a{color:#fdb415;text-decoration:none;}
.news a:hover{color:#f5d691;}
.news header{border-bottom:1px solid white;margin-bottom:20px;}


/* FOOTER NAVIGATION*/
nav#footerNav{width:550px;
    float:right;
    margin-top:15px;}
nav#footerNav ul{list-style:none;}
nav#footerNav ul li{
    display:inline-block;
    border-right:1px solid black;
    float:left;
}
nav#footerNav ul li:last-child{
    border-right:none;
}
nav#footerNav ul li a{
    padding-right:10px;
    padding-left:10px;
    color:white;
    text-decoration:none;
}
footer #footerHolder{
    width:1024px;
    margin:0px auto;
}
#copy{color:white;
    float:left;
    margin-top:15px;}


/* SOCIAL NETWORK LIST */
#social {float:left;}
#social ul{list-style:none;
    margin-left:55px;
    margin-top:10px;}
#social ul li{display:inline-block;
    width:30px; height:30px;}
/*end social network list*/


section#picture hgroup{
    padding:20px;
    color:white;
    float:right;
    width:380px;}
section#picture h1{
    font-size:70px;
    font-family: 'Lato', sans-serif;
    font-weight:bold;
    text-shadow:
            3px 3px 0 #000,
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
            1px 1px 0 #000;
}
section#picture h3{
    text-shadow:
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
            1px 1px 0 #000;
}

/*SEARCH*/

#search {
    position:absolute;
    top:100px;
    right:20px;
    width: 260px;
    padding: 8px;
    overflow: hidden;
    border: 1px solid #77787b;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #3c3b3d;
}
#search input[type=search]{
    width: 200px;
    padding: 4px 5px;
    float: left;
    font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset;
}


#search input[type=button] {
    float: right;
    border: 1px solid #000;
    height: 27px;
    width: 40px;
    padding: 0;
    font: bold 15px;
    font-family:Roboto;
    color: #fff;
    background-color: #da9b10;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px #999;
}
#search input[type=button]:hover{
    background-color: #f0ab14;
}

#search input[type=button]:active {
    box-shadow: 0 1px 4px #000 inset;
}

/* END SEARCH */

/*LOGIN*/
#log{
    position:absolute;
    top:20px;
    left:30px;
    width:75px;
    height:30px;
    overflow:hidden;
    padding:8px;
    padding-top: 2px;
    background-color:rgba(255,255,255,0.45);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    transition: width 1s, height 1s;
}
#log:hover{
    width:270px;
    height:125px;
}
#log header{
    font-family:Lato;
    color:#fdb415;
    font-size:22px;
    padding-bottom:4px;
}
#log table tr td{
    font-size:18px;
    font-family:Lato;
    color:#000;
}
#log table tr td a{
    color:red;
    font-size:14px;
    text-decoration:none;
}
#log table tr td a:hover{
    color:#b8290c;
}
#log input[type=submit]{
    width:75px;
    height:30px;
    color: #fff;
    background-color: #da9b10;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px #999;
    border: 1px solid #000;
    font-family:Roboto;
    text-transform:uppercase;
}
#log input[type=submit]:hover{
    background-color: #f0ab14;
}

#log input[type=submit]:active {
    box-shadow: 0 1px 4px #000 inset;
}
#log input[type=email]{
    font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset;
    height: 22px;
    width:180px;
}
#log input[type=password]{
    font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset;
    height: 22px;
    width:180px;
}
/*END LOGIN*/


/*SPIDERS.HTML*/
#contentSpiders{
    width:875px;
    margin:0 auto;
    min-height:600px;
    margin-bottom:20px;
}
.spiderOdd{
    padding:20px;
}
.spiderEven{
    padding:20px;
}

.pictureHolderOdd{
    width:200px;
    height:150px;
    padding:5px;
    border:1px solid orange;
    float:left;
}
.pictureHolderEven{
    width:200px;
    height:150px;
    padding:5px;
    border:1px solid orange;
    float:right;
}

.textHolderOdd{
    width:600px;
    margin-left:230px;}
.textHolderEven{
    width: 600px;
    margin-right: 20px;
    float: right;}

.textHolderOdd header h2{
    color:#fdb415;font-family:Lato;
    border-bottom:1px solid white;
    margin-bottom:10px;
}
.textHolderEven header h2{
    color:#fdb415;font-family:Lato;
    border-bottom:1px solid white;
    text-align:right;
    margin-bottom:10px;
}

.textHolderOdd p{
    color:white;
    font-family:'Merriweather', serif;
    text-align:justify;
}
.textHolderEven p{
    color:white;
    font-family:'Merriweather', serif;
    text-align:justify;
}

.textHolderOdd a{color:#fdb415;
    text-decoration:none;}
.textHolderEven a{color:#fdb415;
    text-decoration:none;}

.textHolderOdd a:hover{color:#f5d691;
    text-decoration:none;}
.textHolderEven a:hover{color:#f5d691;
    text-decoration:none;}

#wikipedia{
    width:830px;
    margin:0px auto;
    margin-bottom:5px;
}
#wikipedia p{
    color:white;
    font-style:italic;
}
#wikipedia a{
    text-decoration:none;
    color:white;
}
/*END SPIDERS.HTML*/



/* GALLERY.HTML */
#contentGallery{
    height:520px;
    width:1024px;
    margin:10px auto;
}
#upperGallery{
    height:465px;
}
#leftGallery{
    width:160px;
    height:500px;
    float:left;
    margin-right:5px;
}
#rightGallery{
    width:160px;
    height:500px;
    float:left;
    margin-left:5px;
}
#leftGallery a{
    display:block;
    width:140px;
    height:140px;
    padding:5px;
    margin:5px;
    border:1px solid orange;
}
#mainSlider{
    float:left;
    width:690px;
    height:465px;
    box-shadow:0px 0px 10px #888 inset;
}
#rightGallery a{
    display:block;
    width:140px;
    height:140px;
    padding:5px;
    margin:5px;
    border:1px solid orange;
}
#lowerGallery{
    position: relative;
    top: -30px;
}
#leftGallery a:first-child{margin-top:0px;}
#rightGallery a:first-child{margin-top:0px;}

#lowerGallery a{
    display:inline-block;
    width:140px;
    height:140px;
    padding:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
    margin-right:11px;
    border:1px solid orange;
}
#lowerGallery a:last-child{margin-right:0px;}

#lowerGallery a img:hover{
    background-color:white;
    opacity:0.8;}
#leftGallery a img:hover{background-color:white;
    opacity:0.8;}
#rightGallery a img:hover{background-color:white;
    opacity:0.8;}
/*slider*/
#mainSlider{
    width:690px;
    height:456px;
    overflow:hidden;
    position:relative;
    box-shadow:0px 0px 10px #888888 inset;
    z-index:25;
}
#mainSlider img{
    width:690px;
    height:465px;
    position:absolute;
    top:0;
    left:-690px;
    z-index:1;
    opacity:0;
    box-shadow:0px 0px 10px #888888 inset;
    transition:all linear 500ms;
    -moz-transition:all linear 500ms;
    -webkit-transition:all linear 500ms;
}
#mainSlider img:target{left:0;z-index:9;opacity:1;}
#mainSlider img:first-child{left:0;}
/*end slider*/
/*END GALLERY.HTML */

/*ABOUT.HTML*/

#aboutContent{
    width:1000px;
    min-height:560px;
    margin:0 auto;
}
#aboutContent header{
    margin:20px;
    border-bottom:1px solid white;
    padding:5px;
}
#aboutContent header h2{
    color:#fdb415;font-family:Lato;
    margin-bottom:5px;
}
#aboutContent header p{
    color:white;
    font-family:Lato;
}
#aboutContent img{
    margin-left:20px;
    border: 1px solid orange;
    padding:5px;
    float:left;
}
#aboutBottom p{
    color:white;
    font-family:'Merriweather', serif;
    text-align:justify;
    margin-bottom:10px;
}
#textAndForm{
    float:left;
    width:635px;
    margin-left:15px;
}
#textAndForm fieldset{
    border: 1px dotted orange;
    padding-bottom:10px;
    width: 460px;
    margin:0 auto;
    margin-bottom: 20px;
    color: orange;
}
#textAndForm #fieldset2{
    width:440px;
    height:115px;
    padding:10px;
}
#textAndForm fieldset table{
    margin:0 auto;
}
#textAndForm fieldset legend{
    color:orange;
    font-size:20px;
    background-color:black;
}
#textAndForm table tr td{
    color:orange;
    text-align:center;
    width:60px;
    padding-left:10px;
    font-size:20px;
    padding-right;10px;
}
#textAndForm input[type=radio]{
    width:20px;
}
#textAndForm input[type=button]{
    width: 100px;
    height: 30px;
    color: #000;
    margin-top:10px;
    background-color: #da9b10;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px #999;
    border: 1px solid #000;
    font-family:Roboto;
    text-transform:uppercase;
}
#textAndForm input[type=button]:hover{
    background-color: #f0ab14;
}

#textAndForm input[type=button]:active {
    box-shadow: 0 1px 4px #000 inset;
}
/*anketa*/
#voteResults{
    display:block;
    height:130px;
    width:430px;
    padding:10px;
    margin:10px auto;
    border:1px solid orange
}


/*END ABOUT.HTML*/

/*RSS.XML*/
#rssContent{
    width:700px;
    min-height:560px;
    margin:10px auto;

}
#rssContent h2{
    font-size:30px !important;
    margin:5px;
    margin-bottom:0px;
    margin-left:0px;
}
#rssContent hr{
    margin-bottom:15px;
    color:white;
}
#rssContent p {
    color: #fff;
    font-family: Lato;
    font-size: 16px;
    padding-bottom: 2px;
    font-weight:bold;
}
#rssContent a{color:#fdb415;
    text-decoration:none;}

#rssContent a:hover{color:#f5d691;
    text-decoration:none;}

/*SITEMAP.XML*/
#sitemapContent{
    width:700px;
    min-height:560px;
    margin:10px auto;

}
#sitemapContent h2{
    font-size:30px !important;
    margin:5px;
    margin-bottom:0px;
}
#sitemapContent table {
    border-collapse: collapse;
    width:700px;
}

#sitemapContent table, #sitemapContent th, #sitemapContent td {
    border: 1px solid silver;
}
#sitemapContent th,
#sitemapContent td{
    padding:5px;
    height:35px;
}
#sitemapContent th{
    color:gold;
}
#sitemapContent hr{
    margin-bottom:15px;
    color:white;
}
.zebra{
    background-color:#333;

}
.zebraHover{
    background-color:gray;
    color:gold
}

/*CONACT.HTML*/
#contactContent{
    width:450px;
    min-height:560px;
    margin:10px auto;
    border:2px solid orange;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    padding:20px;
}
#contactContent header h2{
    color:#fdb415;font-family:Lato;
    font-size:30px;
}
#contactContent header h4{
    color:#fff;font-family:Lato;
}
#contactContent header {
    padding-bottom:5px;
    border-bottom:1px solid white;
    margin-bottom:5px;
}
#stamp{
    padding-top:20px;
}
#stamp img {
    margin-left:300px;
}
.orangeText{
    color:#fdb415;font-family:Lato;
    font-size:20px;
}
.whiteText{
    color:#fff;font-family:Lato;
    font-size:15px;
    padding-bottom:5px;
}
#emailText,
#passText{
    font-size:12px;
}
#strength{
    font-size:15px;
    /*color:red;*/
}
#contactContent form fieldset{
    margin-top:10px;
    border:1px dotted white;
    width:400px;
    height:300px;
    padding:10px;
}
#contactContent form fieldset legend{
    color:#fdb415;font-family:Lato;
    font-size:20px;
    margin-left:20px;
    background-color:black;
}
/*form*/
.regForm{
    margin-bottom:2px;
    margin-top:2px;
}
#contactContent form table td{
    padding-bottom:4px;
}
#contactContent form table .tableText{
    color:white;
    font-size:20px;
    font-family:Lato;
    text-align:left;
    width:100px;
}
#contactContent form  input[type=email]{
    width:250px;
    height:25px;
    font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
}

#contactContent form input[type=text]{
    width:250px;
    height:25px;
    font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
}
#contactContent form input[type=password]{
    width:250px;
    height:25px;
    font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
}
#contactContent form table textarea{
    resize:none;
    width:250px;
    height:150px;
    font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
}
#contactContent form input[type=submit],
#contactContent form input[type=button],
#contactContent form input[type=reset]{
    width: 122px;
    height: 30px;
    color: #000;
    margin-top:10px;
    background-color: #da9b10;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px #999;
    border: 1px solid #000;
    font-family:Roboto;
    text-transform:uppercase;
}
#contactContent form table input[type=submit]:hover,
#contactContent form table input[type=reset]:hover{
    background-color: #f0ab14;
}
#contactContent form table input[type=submit]:active,
#contactContent form table input[type=reset]:active{
    outline: 0;
    box-shadow: 0 1px 4px #000 inset;
}
.red{
    color:red;
}

/*end form*/
/*END CONTACT.HTML*/