/*
Theme Name: SUBurbium Bardejov.
Theme URI: http://www.suburbiumbardejov.sk/
Author: [BE]CREA team
Author URI: http://www.becrea.sk/
Version: 1.0
*/



body{
font-size:16px;
font-family:Arial;
background-color:#FFFFFF;
margin:0;
padding:0;
line-height:18px;
color:#2c292a;
background-image:url(img/poyadie.jpg);
background-attachment:fixed;
background-repeat:no-repeat}

a:active, a:focus { 
    border:none;
    outline:none;
}

/*hore*/
#bielahore{
background-color:#FFFFFF;
width:30%;
height:100%;
position:fixed;
top:0;
right:0;
z-index:-1}
#top{
height:128px;
width:90%;
max-width:1100px;
margin: 0 auto;
position: relative;
}

.nazov{
margin:55px 0 0 0;
font-size:30px;
display: inline-block;
font-weight:bold}

.modra{
color:#1c75bc}

img.top{
    float: right;
    position: absolute;
    right: 0;
    bottom: -1px;
    z-index: 5;}

#menus{
position:relative;
 display: table;
width:90%;
max-width:1100px;
margin: 0 auto;
background-color:#FFFFFF;
border-top:1px #c41130 solid;
border-left:1px #c41130 solid;

}

#menus ul{
margin:0;
padding:0;
list-style-type:none}

#menus ul li{
float:left}

#menus ul li a{
text-decoration:none;
    font-size: 16px;
    color: #353434;
    padding: 7px 20px 5px;
    display: block;}

#menus ul li a:hover{
color:#FFFFFF;
background-color:#1c75bc}

#menus ul li ul{
display:none}

#menus ul li ul.sub-menu li ul{
display:none}

#menus ul li:hover a{
color:#FFFFFF;
background-color:#1c75bc
}

#menus ul li:hover ul { 
z-index:110;
display: block; 
position: absolute;
width:260px;
background-repeat:no-repeat;
			}
			
#menus ul li ul.sub-menu li:hover ul { 
z-index:111;
display: block; 
right:-260px;
position: absolute;
top:0px;
width:260px;
background-repeat:no-repeat;
			}
						
#menus ul li ul li{
float:none;
position:relative}

#menus ul li ul li a{
text-decoration:none;
    font-size: 16px;
  color:#FFFFFF;
background-color:#1c75bc;
    padding: 12px 0px 10px 20px;
    display: block;
	border-bottom:1px #3f99e0 dotted;
	background-image:url(img/sipka.png);
	background-repeat:no-repeat;
	background-position:3px 13px;}
	
#menus ul li ul li a:hover{ background-color:#0c5996}





.socialne{
float: right;

background-color:#FFFFFF;
width:170px;
height:31px;

}

.fb{
width:20px;
height:19px;
background-image:url(img/social.jpg);
background-position: 0 0;
display:inline-block;;
margin: 5px 0 0 55px;}

.gp{
margin-left:3px;
width:20px;
height:19px;
background-image:url(img/social.jpg);
background-position: 20px 0;
display:inline-block;}

.yt{
margin-left:3px;
width:20px;
height:19px;
background-image:url(img/social.jpg);
background-position: 40px 0;
display:inline-block;}

.fb a, .gp a, .yt a{
width:100%;
height:100%;
float:left}

#bannerr{
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
	  border-left: 1px #c41130 solid;}


/*obsah*/

#obsah{
width:90%;
max-width:1100px;
margin: 0 auto;
background-color:#FFFFFF;
padding-bottom:50px;
border-left: 1px #c41130 solid;
    line-height: 23px;
}

h1{
background-image:url(img/sipka.jpg);
background-repeat:no-repeat;
background-position:0 0px;
padding-left:25px;
font-size:24px;
height: 24px;
color:#1c75bc}

#bannerr .cycloneslider-template-standard{ margin-bottom:0px}

.obsah{
width:95%;
margin: 0 auto 60px;
text-align:justify}

.obsah a{
text-decoration:none;
color:#1263a4;
border-bottom:1px #1263a4 dotted
}

.obsah a:hover{
border-bottom:none;
color:#333333}


#ramec{
position:relative;
width:200px;
height:230px;
float:left;
background-color:#fcfcfc;
border:1px #e9e9e9 solid;
margin: 0 2%;
z-index:2;
padding:10px}
.tienik{
width:220px;
margin: 0 2%;
height:11px;
float:left}

#ramecc{
    position: relative;
    width: 27%;
    height: 245px;
    float: left;
    background-color: #fcfcfc;
    border: 1px #e9e9e9 solid;
    margin: 0 2%;
    z-index: 2;
    padding: 1%;}

#ramecc h3{
color:#c41130;
font-size:16px;
margin:0 0 10px 0;
background-image:url(img/sipk.jpg);
background-repeat:no-repeat;
background-position: 0 3px;
padding-left:15px
}

.tienik img{ float:left}

.ram, .ramm, .rammm, .rammmm,.rama,.ramaa,.ramaaa{
z-index: -1;
position:absolute;
right:0;
bottom:0;
width:165px;
height:160px;
background-repeat:no-repeat;}

.ram{background-image:url(img/ram.png);}
.ramm{background-image:url(img/ramm.png);}
.rammm{background-image:url(img/rammmm.png);}
.rama{background-image:url(img/rama.png);}
.rama{background-image:url(img/ramaa.png);}
.rama{background-image:url(img/ramaaa.png);}

#ramec h3{
color:#c41130;
font-size:16px;
margin:0 0 10px 0;
background-image:url(img/sipk.jpg);
background-repeat:no-repeat;
background-position: 0 3px;
padding-left:15px
}

#ramec a{
text-decoration:none;
color: #1c75bc;}

#ramec a:hover{
color:#333333}

#loga{
text-align:center;
width: 20.5%;
margin:40px 2% 0;
float:left}

#logav{
text-align:center;
width: 29%;
margin:40px 2% 0;
float:left}

.textloga{
    width: 40%;
    float: right;
    margin-right: 6%;
    font-size: 12px;
    text-align: center;}

#dol{
width:90%;
max-width:1100px;
margin: 0 auto;
height:20px;
padding:5px 0 5px 0;
background-color:#c41130;
text-align:center;
color:#FFFFFF;
font-size:14px;
    border-left: 1px #c41130 solid;}

#dole{
   width:90%;
max-width:1100px;
margin: 0 auto;
    height: 20px;
    padding: 25px 0 15px 0;
    background-color: #FFFFFF;
    text-align: center;
    color: #232121;
    font-size: 12px;}

			
			
			
			/*vyhladavanie*/
			
			


#vzhladaj input.tlacpos{
float:right}

input.vyhladavanie{
width:153px;
float:left;
height:31px;
border:1px #CCC solid;
padding-left:5px;
background-color:#EFEFEF}

input.vyhladavanie:focus { 
    background-color:#fff;
}


.projektnov{
padding:1%;
width:97%;
margin:1%;
border:1px #CCCCCC dotted;
min-height: 110px;
float:left}

.projektnov p {
margin:2px}

.projektnov h4{
text-align: left;
font-size:16px;
margin:5px 0}

.projektnov img{
float:left;
padding: 0 10px 5px 0}

.entry-date{
margin:0;
padding:0;
font-size:12px}

.projektakt {
margin-bottom:15px;
border-bottom:1px #CCCCCC dotted}

.projektakt h4{font-size:16px;
margin:5px 0}

#kontaktika{
width:58%;
float:left;
margin:0 1%}
#kontaktikb{
width:35%;
float:left;
margin:0 1%}

#gall{
    border: 1px solid #E8E8E8;
min-width:222px;
padding:1%;
width: 95%;
display: inline-block;
margin-bottom: 20px;
margin-bottom:10px;
box-shadow: 2px 2px 10px #888888;}

#gall img{ float:left; margin: 0 20px 0 0}

.publikujeme a{
margin: 20px;
display: inline-block;}