body{
background: white;
color: #5D5D5D;
font-family: verdana, arial;
font-size: 12px;
margin: 0px;
min-width: 1030px;
}

img {
border: 0px;
}

.size {
height:auto;
width:980px;
margin:0 auto;
}

.topbar{
font-size: 12px;
width:100%;
padding-top: 2px;
background: #262729;
height: 50px;
color: rgb(161, 162, 167);
}

.topbar ul{
float:right;
padding:0;
margin:0;
list-style:none;
}
.topbar ul li{
padding:0px 0px 0px 0px;
margin:0px;
list-style:none;
float:left;
}

.topbar ul li a{
color:rgb(161, 162, 167);
background: url("../images/country-icons-sprite.png") no-repeat scroll 10px 0 transparent;
padding: 7px 0px 0px 40px;
text-decoration: none;
}

.topbar ul li a:hover{
color:white;
}

.topbar ul li a:active{
color:orange;
}

#main_menu {
text-align: center;
font-size: 15px;
width: 100%;
background: #5D5C5C;
border-top: 2px solid white;
border-bottom: 2px solid white;
color: white;
padding-top: 5px;
padding-bottom: 8px;
clear: both;
background: linear-gradient(rgb(128,125,128) 18%, rgb(74,73,73) 73%);
}

#main_menu_bottom {
text-align: center;
color: #414141;
font-size: 14px;
width: 100%;
background: #5F9EC8;
border-bottom: 2px solid white;
padding-top: 3px;
padding-bottom: 6px;
clear: both;
}

#left_menu {
float: right;
width: 260px;
padding-top: 15px;
}

#left_menu_div {
background: #F0F1F1;
padding: 12px;
margin-bottom: 10px;
}

#left_menu_div2 {
background: #E5EFF6;
padding: 12px;
margin-bottom: 10px;
}

#left_menu_div img {
border-radius: 5px;
}

#left_menu_div a {
text-decoration: none;
}

#left_menu_div a:hover {
text-decoration: underline;
}

#site_menu {
width: 200px;
border-left: 1px solid silver;
float: right;
padding: 15px;
}

.resetFloat{
clear:both;
}

.logoMenuBar{
/*background-color:RGB(0, 105, 151);*/
height:120px;
width:100%;
background-image:url('./../images/retro2.1.jpg');
background-repeat: repeat;
overflow:hidden;
margin-top: 0px;
}

.logoMenuBar_headline{
font-size: 32px;
}

.logoMenuBar div {
font-size: 15px;
color: white;
padding-top: 25px;
text-shadow: 1px 1px 1px #161515;
}

.logoMiniBar{
color: white;
height: 17px;
top: -18px;
position: relative;
border-top: 1px solid rgba(0, 0, 0, 0.3);
text-align: right;
background-color: rgba(51, 51, 51, 0.3);
border-bottom: 1px solid rgb(51, 51, 51);
background-image:linear-gradient(rgba(204, 204, 204, 0.2) 17%, rgba(230, 230, 230, 0.2) 44%, rgba(245, 245, 245, 0.2) 56%, rgba(255, 255, 255, 0.2) 92%);
}

.main {
height:auto;
width:1015px;
margin:0 auto;
position: relative;
}

#content {
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
}

#content2 {
width:720px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}

#content h2, #content2 h2 {
font-family: Trebuchet MS, arial;
font-size: 18px;
padding: 0px;
padding-bottom: 5px;
margin: 0px;
margin-bottom: 10px;
color: #A00303;                
}

#content h2 a, #content2 h2 a {
color: #A00303;
text-decoration: none;
}

#content h2 a:hover, #content2 h2 a:hover {
color: black;
text-decoration: underline;
}

ul, ol {
line-height: 22px;
}

.objednavka_button {
width: 280px;
display: block;
cursor: pointer;
padding: 6px;
color: white;
font-size: 18px;
text-align: center;
text-decoration: none;
background: #A00404;
background: linear-gradient(#F98686 18%, #A00404 73%);
border-radius: 4px;
border: 1px solid #890303;

}

a.objednavka_button:hover {
color: white;
text-decoration: none;
opacity:0.7;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

.oneGrid {
width: 982px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
padding: 15px;
background: #E5EFF6;
color: #444444;
overflow: hidden;  
}

.oneGrid_red {
width: 993px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
padding: 10px;
background: #F7EBEB;
color: #444444;
overflow: hidden;  
text-align: center; 
height: 20px;
}


.preco {
dispay: block;
float: left;
text-align: center;
padding: 10px;
width: 30%;
height: auto;
}

.preco a {
text-decoration: none !important;
}

.preco a:hover {
color: #3379AB;
text-decoration: underline !important;
}

.oneGrid div h3 {
text-align: center;
padding-bottom: 15px;
}

.oneGrid_blue {
margin-top: 10px;
clear: both;
padding: 15px;
background: #5C9AC5;
color: white;
border-radius: 6px;
text-align: center;
box-shadow:inset 0px 0px 4px #2E4C62;
}

.threeGrid{
height:90px;
width:1015px;
margin:0 auto;
}
   
.gridItem{
float:left;
width:305px;
height:110%;
margin-left:10px;
padding-left: 6px;
padding: 12px;
background: #F2F3F3;
}

.gridItem:first-child{
margin-left:0px;
}
   
.Grid_two_three {
width:1015px;
margin:0 auto; 

display: flex;   
}

.grid3_1 {   
background: #F2F3F3;
color: #444444; 
float:left;
width: 270px;
padding: 8px;
padding-left: 12px;
margin-right: 20px;
margin-bottom: 10px;
display: table-cell;    
}

.grid3_2 {
background: #F2F3F3;
color: #444444; 
float:left;
width: 310px;
padding: 8px;
padding-left: 12px;
margin-right: 20px;                              
margin-bottom: 10px;
display: table-cell; 
}

.grid3_3 {
background: #F2F3F3;
color: #444444; 
float:left;
width: 332px;
padding: 8px;
padding-left: 12px;
margin-bottom: 10px;
display: table-cell;      
}

.grid2_1 {
background: #F2F3F3;
color: #444444; 
float:left;
width: 480px;
padding: 8px;
padding-left: 12px;
margin-right: 12px;
margin-top: 12px;
display: table-cell;    
}


.grid2_2 {
background: #F2F3F3;
color: #444444; 
float:left;
width: 480px;
padding: 8px;
padding-left: 12px;
margin-top: 12px;
display: table-cell;    
}

.Grid_two_three ul li {
/*list-style: url(/images/style/li_arrow.png);*/
    list-style: none;
    margin-left: -30px; 
}

.Grid_two_three ul li a{
color: #3379AB;
}

.Grid_two_three ul li a:hover{
color: black;
}

.Grid_two_three .grid2:first-child {
margin-right:10px;
}

.referencie_threeGrid{
font-style: italic;
height:90px;
width: 1015px;
margin:0 auto;
}

.referencieItem, .referencie_podstranka_Item {
float:left;
width:290px;
height:105%;
margin-left:10px;
padding-left: 6px;
padding: 12px;
}

.right {
float: right;
}

#home_bottom_hp {
width: 982px;
height:auto;
height: 160px;
margin:0 auto;
display: block;
position: relative;
background-color: #F0F1F1;
clear: both;
padding: 15px;
margin-left: 10px;
}

#home_bottom {
width: 982px;
height:auto;
height: 180px;
margin:0 auto;
display: block;
position: relative;
background-color: #F0F1F1;
clear: both;
padding: 15px;
margin-left: 10px;
}

#home_bottom_hodnotenia {
clear:both;
padding: 10px;
margin-top: 0px;
padding-top: 10px;
}

#home_bottom_hodnotenia a {
color: #477395;
text-decoration: none !important;
} 

#home_bottom_hodnotenia a:hover, #media a:hover {
color: black;

}

#referencie {
text-align: center;
clear: both;
}

#media{
width: 982px;
text-align: center;
padding-top: 5px;
float: left;
overflow:auto;

}

#media h2 a {
color: #477395;
text-decoration:none;
}

.footer {
border-top:1px solid #333;
background-color: #27282A;
/*background-image:linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);*/
height:330px;
}

.footer a {
color: silver;
}

.footer a:hover {
color: white;
text-decoration: underline;
}
   
.footerContent{
font-family: Trebuchet MS, arial;
font-size: 15px;
color: silver;
height: 30px;
background:transparent;
padding-bottom: 10px;
width:980px;
margin: 10px auto;
}

.footerContent * {
float: left;
margin-left: 4px;
}

.footerContent_social {
border-top: 1px dashed #595959;
border-bottom: 1px dashed #595959;
color: white;
text-align: center;
clear: both;
padding-top: 10px;
height: 30px;
width: 980px;
margin: 0px auto;
}

#page_footer_cookies_container {
background-color: white;
border-top: 1px solid silver;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}

#page_footer_cookies {
color: black;
text-align: left;
z-index: 9900;
width: 92%;
padding: 20px 50px;
margin: 0px;
}

#page_footer_cookies h2 {
color: #347AAB;
font-weight: 600;
font-size: 1.125rem;
line-height: 1.75rem;
}

#page_footer_cookies a {
color: #347AAB;
font-size: 0.6rem;
}

.buttons_cookies {
color: white;
background-color: #E74E1E;
float: right;
border-radius: 4px;
border: 0px;
padding: 10px 20px;
margin: 8px;
}

.buttons_cookies:hover {
text-decoration: underline;
}

.buttons, .button {
opacity:0.7;
color: black;
filter:alpha(opacity=80); /* For IE8 and earlier */
border-radius: 3px;
border: 1px solid silver;
padding: 4px;
}

#footerContent_kontakt {
width: 180px;
font-size: 15px;
background: #27282A;
border-radius: 6px;
padding: 10px;
margin-top: 10px;
}
   
.footerGridItem{
font-family: Trebuchet MS, arial;
font-size: 15px;
float:left;
width:245px;
color: silver;
}

.footerGridItem h2{
font-size: 20px;
padding: 0px;
padding-bottom: 5px;
margin: 0px;
margin-bottom: 10px;
color: #B73F3F;
}
   
.footerGridItem h2 a{
font-size: 18px;
color: #B73F3F;
font-weight:bold;
text-decoration: none;
}

.footerGridItem h2 a:hover{
color:#CE7B7B;
font-weight:bold;
text-decoration: underline;
}
   
.footerGridItem ul{
list-style: none;
margin:0;
padding-left: 10px;

}
   
.footerGridItem ul li{
color: #666;
margin: 4px 0;
padding: 0 0 0 10px;
}
   
.footerGridItem ul li:hover{
background-position: -2px -98px;
color: #FFCF01;
}

.footerGridItem ul li {
margin: 10px;
margin-left: 0px;
}
  
.footerGridItem ul li a {
color: #E2E2E2;
display: block;
text-decoration: none;
text-shadow: 0 0 5px black;
text-shadow: 1px 1px 1px black;
}

.footerGridItem ul li a:hover{
color: white;
text-decoration: underline;
}

#page_footer_top_left{
float: left;
padding-top: 9px;
}


#page_footer_top_right{
float: right;
}

.sprite-marker {
width: 9px;
height: 13px;
background-position: -24px -34px;
margin: 9px;
margin-top: 3px;
}

.sprite-phone {
width: 13px;
height: 9px;
background-position: -11px -34px;
margin: 11px;
margin-top: 5px;
}

.sprite-mail {
width: 11px;
height: 8px;
background-position: 0px -34px;
margin: 11px;
margin-top: 7px;
}

/* table cennik */
.border_silver {
background: #BAD5E7;
color: #3F647F;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}

.border_down {
padding: 2px;
padding-left: 15px;
padding-right: 15px;
border-bottom: 1px dashed #DFE0E0;
}
/* // table cennik */

.colordiv1 {
background: #F7EBEB;
color: #444444; 
padding: 15px;
margin-bottom: 10px;
margin-top: 10px;
}

.colordiv1 h3 {
color: black;
}

.colordiv2 {
background: #E5EFF6;
color: #444444; 
padding: 15px;
margin-bottom: 10px;
margin-top: 10px;
}



.colordiv3 {
background: #F0F1F1;
color: #444444; 
padding: 15px;
margin-bottom: 10px;
margin-top: 10px;
}

.colordiv4 {
background: #F0F1F1;
color: #444444; 
padding: 15px;
margin-bottom: 10px;
margin-top: 10px;
}

.hp_blog {
overflow: hidden; 
margin-bottom: 10px;
}

.hp_blog_item1 {
background: #F0F1F1; 
padding: 13px;
float: left; 
width: 305px;
height: 320px;
margin: 10px;
margin-top: 0px;
margin-left: 0px;
padding-bottom: 99999px; 
margin-bottom: -99999px;
}

.hp_blog_item2 {
background: #F0F1F1; 
padding: 13px;
float: left; 
width: 305px; 
margin: 10px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 99999px; 
margin-bottom: -99999px;
}

.hp_blog_item1 img, .hp_blog_item2 img {
padding: 2px;
padding-bottom: 5px;
}

.li_menu {
margin-left: -20px;
}

h1 {
font-size: 20px;
padding: 0px;
padding-bottom: 5px;
margin: 0px;
margin-bottom: 10px;
color: #A00303;
}

h2 {
font-size: 16px;
color: black;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
}

h3 {
padding: 0px;
margin: 0px;
margin-bottom: 5px;
color: #3379AB;
}

h4 {
font-size: 14px;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
color: #3F6B88;
}

h5 {
font-family: Trebuchet MS, arial;
font-size: 22px;
padding: 0px;
padding-bottom: 5px;
color: #A00303;                
margin: 10px;
margin-top: 20px;
text-align: center;
}

h5 a {
color: #A00303;
text-decoration: none;
}

.window {
border: 0px;
background: #FAFAFA;
color: #3B5998;
}

a {color: black; text-decoration: underline;}
a:hover {color: black; text-decoration: underline}

a.h2_link {font-size: 18px; color: #3278AB; text-decoration: none;}
a.h2_link:hover {color: black; text-decoration: underline; }

a.h3_link {font-size: 17px; color: #A00303; font-weight:bold; text-decoration: none; font-family: Trebuchet MS, verdana, arial; text-decoration: underline;}
a.h3_link:hover {color: black;  }

a.h4_link {font-size: 16px; color: black; text-decoration: underline;}
a.h4_link:hover {text-decoration: underline}

a.menu_main_link {color: white; text-decoration: none; padding: 3px 20px 7px 20px; text-shadow: 1px 1px 1px #161515;}
a.menu_main_link:hover {color: white; text-decoration: none; text-shadow: 1px 1px 1px #161515, 0px 0px 5px #5A97C0,0px 0px 10px #5A97C0,0px 0px 15px #5A97C0,0px 0px 20px #5A97C0;}

a.menu_main_link_SELECTED {color: white; text-decoration: none; padding: 5px 18px 10px 18px; text-shadow: 1px 1px 1px #161515; border-top-left-radius: 9px; border-top-right-radius: 9px; background: #5D9DC7; border-left: 2px solid white; border-right: 2px solid white;}
a.menu_main_link_SELECTED:hover {color: white; text-decoration: none; text-shadow: 1px 1px 1px #161515, 0px 0px 5px #5A97C0,0px 0px 10px #5A97C0,0px 0px 15px #5A97C0,0px 0px 20px #5A97C0;}

a.menu_main_TOP_link {color: orange; font-size: 16px; font-weight: bold; text-decoration: none; padding: 3px 0px 7px 30px; text-shadow: 1px 1px 1px #161515;}
a.menu_main_TOP_link:hover {color: orange; text-decoration: none; text-shadow: 1px 1px 1px #161515, 0px 0px 5px #5A97C0,0px 0px 10px #5A97C0,0px 0px 15px #5A97C0,0px 0px 20px #5A97C0;}

a.menu_main_TOP_link_SELECTED {color: red; font-size: 16px; font-weight: bold; text-decoration: none; padding: 3px 0px 7px 30px; text-shadow: 1px 1px 1px #161515;}
a.menu_main_TOP_link_SELECTED:hover {color: white; }

a.menu_main_link_bottom {color: white; text-decoration: none; padding: 3px 14px 7px 14px;}
a.menu_main_link_bottom:hover {color: white; text-decoration: none; text-shadow: 1px 1px 1px #161515;}

a.menu_main_link_footer {font-family: Trebuchet MS, arial; font-size: 18px; color: #CE7B7B; font-weight:bold; text-decoration: none; padding: 3px 30px 7px 30px;}
a.menu_main_link_footer:hover {color: white; text-decoration: underline;}
   
a.logoDiv { color: white; font-size:28px; font-family:sans-serif,verdana, arial; font-style: italic; text-shadow: 2px 2px 2px #FF0202; float:left; padding: 7px; text-decoration: none; }
a.logoDiv:hover {text-decoration: none;}

.blog-sprite {
background-image: url(/images/hp_blog_all.png);
display: block;
margin-bottom: 8px;
}

.blog-sprite2 {
background-image: url(/images/hp_blog_all.png);
display: block;
float: right;
margin-left: 20px;
}


.bs1 {
width: 300px;
height: 120px;
background-position: 0px 0px;
}

.bs2 {
width: 300px;
height: 120px;                    
background-position: -300px 0px;
}

.bs3 {
width: 300px;
height: 120px;
background-position: -600px 0px;
}

.bs4 {
width: 300px;
height: 120px;
background-position: -900px 0px;
}

.bs5 {
width: 300px;
height: 120px;                    
background-position: -1200px 0px;
}

.bs6 {
width: 300px;
height: 120px;
background-position: -1500px 0px;
}

.bs7 {
width: 300px;
height: 120px;
background-position: -1800px 0px;
}

.bs8 {
width: 300px;
height: 120px;
background-position: -2100px 0px;
}


/*****  footer sprice css *******/
.sprite {
background-image: url(/images/style/footer_all_imgs.png);
background-repeat: no-repeat;
display: block;
}

.sprite-facebook {
width: 17px;
height: 17px;
background-position: 0px 0px;
float: left;
margin: 5px;
border: 4px solid #767676;
border-radius: 1px;
}


.sprite-facebook:hover {
background-position: 0px -17px;
border: 4px solid #909090;
}

.sprite-gplus {
width: 17px;
height: 17px;
background-position: -17px 0px;
float: left;
margin: 5px;
border: 4px solid #767676;
border-radius: 1px;
}


.sprite-gplus:hover {
background-position: -17px -17px;
border: 4px solid #909090;
}

.sprite-twitter {
width: 17px;
height: 17px;
background-position: -34px 0px;
float: left;
margin: 5px;
border: 4px solid #767676;
border-radius: 1px;
}


.sprite-twitter:hover {
background-position: -34px -17px;
border: 4px solid #909090;
}

.sprite-kopcianska-10 {
width: 180px;
height: 135px;
background-image: url(/images/virtualna-kancelaria.png);
background-position: 0px 0px;
}

.sprite-vysehradska-12 {
width: 180px;
height: 135px;
background-image: url(/images/virtualna-kancelaria.png);
background-position: -180px 0px;
}

.sprite-klincova-37 {
width: 180px;
height: 135px;
background-image: url(/images/virtualna-kancelaria.png);
background-position: -360px 0px;
}

.sprite-konventna-7 {
width: 110px;
height: 135px;
background-image: url(/images/virtualna-kancelaria.png);
background-position: -540px 0px;
}

.sprite-michalska-9 {
width: 233px;
height: 135px;
background-image: url(/images/virtualna-kancelaria.png);
background-position: -635px 0px;
}

.faq_container {
overflow: hidden; 
margin-bottom: 10px;
padding-top: 20px; 
height: 170px;
width: 100%;
}

.faq, .faq3 {
background: #F0F1F1; 
padding: 13px;
float: left; 
width: 305px; 
height: 300px;
margin: 10px;
margin-top: 0px;
margin-left: 0px;
padding-bottom: 99999px; 
margin-bottom: -99999px;
}

.faq3 {
margin-right: 0px;

}
