@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700&subset=latin,latin-ext);


* {
    margin: 0px;
    padding: 0px;
}


body {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    color:#515151;
    background: url(/domains/szo/UserFiles/images/bg.jpg) no-repeat;
    background-position: 50% 0;  
    text-align: left;
}

a:link { color: #515151; text-decoration: none; } 

a:visited { color: #515151; text-decoration: none; } 

a:hover { color: #62a830; text-decoration: underline; } 

a:active { color: #62a830; text-decoration: none; } 

a.copy:link { color: #FFF; text-decoration: none; } 

a.copy:visited { color: #FFF; text-decoration: none; } 

a.copy:hover { color: #FFF; text-decoration: underline; } 

a.copy:active { color: #FFF; text-decoration: none; } 

h1, h2, h3, h4, h5 {
    color: #62a830;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: normal;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 25px;    
}

h3 {
    font-size: 20px;    
}

h4 {
    font-size: 15px;    
}

h5 {
    
}

menu, ul {
    list-style-type: none;
}

.container {
    margin: 0 auto;
}

.layer1 a, .layer1 img {
    border: 0 none;
}

.languages {
display: none;
}

.languages span {

}

.languages a {

}

.languages a:hover {
}

.header {
    height: 165px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.header .logo {
    display: block;
    height: 42px;
    width: 490px;
    background: url(/domains/szo/UserFiles/images/szo_logo.png) no-repeat;
    top: 30px;
position: absolute;
}

.board {
width: 1000px;
margin: 5px auto 5px auto;
clear: both;
}

.block {
float: none;
width: 1000px;
position: relative;
margin: 0 auto;
}

.left-panel {

}

.left-panel-container {

}

.left-panel-content {
    font-size: 14px;
    padding: 20px 0 0 0;
}

.right-panel {

}

.right-panel-container {
}

.right-panel-content {
    margin-top: 20px;
}


.right-panel-container .right-panel-item {
width: 225px;
height: 150px;
float: left;
padding: 10px;
border-right: 1px solid #d1d1d1;
margin: 0 0 5px 0;
position: relative;
}

.right-panel-container .right-panel-item p {
margin-top: 10px;
}



.right-panel-container .right-panel-item:last-child {
border-right: 0 none;
}


.right-panel-container .right-panel-item .image img {
width: 225px;
margin-bottom: 15px;
border: 0 none;
}

.right-panel-container .right-panel-item .title{
font-size: 13px;
color: #ff0000;
font-weight: 600;
position: absolute;
top: 104px;
left: 10px;
padding: 5px;
width: 215px;
background: rgba(255, 255, 255, 0.80);
}

.right-panel-container .right-panel-item .date{
display: none;
}

.right-panel-container .right-panel-item .description {
margin-top: 10px;
font-size: 12px;
}

.right-panel-bar a {
color: #fff;
font-size: 15px;
font-weight: 600;
}

.right-panel-bar a:hover {

}


.middle-panel {

}

.middle-panel-content {
    line-height: 20px;
    padding: 5px 10px 20px 0px;
}

.middle-panel-content ul{
list-style-type: disc;
margin-left: 15px;
}


.footer {
    clear: both;
}

.footer a {
color: #515151;
}

.footer a:hover {
    text-decoration: underline; 
}

.footer-content {
padding: 20px 0 20px 0;
min-height: 20px;
width: 1000px;
margin: 0 auto;
color: #515151;
font-size: 12px;
border-top: 2px solid #62a830;
}

.footer-shadow {
height: 30px;
}

.footer-shadow-content {
    text-align: right;
    padding: 15px 0 0 0;
    font-size: 11px;
    width: 1000px;
margin: 0 auto;
color: #a1a1a1;

}

.footer-shadow-content a {
    border: 0;
    color: #a1a1a1;
    text-decoration: none;
}

.footer-shadow-content a:hover {
    text-decoration: underline;
}

.footer-shadow-content a img {
    border: 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: 15px;
}


/* horne menu */

.ddsmoothmenu {
font-size: 14px;
font-weight: 400;
margin-top: 90px;
}

.ddsmoothmenu ul li a {
background: none;
padding: 0 15px 0 0;
color:#515151;
text-decoration: none;
font-family: 'Noto Sans', sans-serif;
line-height: 17px;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    color: #515151;
}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.preselected {
background: none;    
color: #62a830;
}

.ddsmoothmenu ul li a:hover {
background: none;    
color: #62a830;
}

.ddsmoothmenu ul li ul {
margin-top: 10px;
}


.ddsmoothmenu ul li ul li a{
    font-size: 13px;
    width: 127px;
    padding: 10px 5px 10px 10px;
    margin: 0;
    border-top-width: 0;
    background: rgba(102, 182, 0, 0.8);
    color: #fff;
    text-transform: none;
    text-shadow: none;
}

.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {
    color: #fff;
}

.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a.preselected {
    background: rgba(21, 107, 0, 0.8);
    color: #fff;
}

.ddsmoothmenu ul li ul li a:hover{
    background: rgba(21, 107, 0, 0.8);
    color: #fff;
}



.downarrowclass{
    position: absolute;
    top: 41px;
    right: 7px;
    display: none;
}

.rightarrowclass{
    position: absolute;
    top: 13px;
    right: 5px;
}




.downarrowclass{
    position: absolute;
    top: 41px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 13px;
    right: 5px;
}

/* left menu */


ul.leftmenu {
    min-height: 200px;
    display: block;
    float: left;
    width: 180px;
    margin-bottom: 20px;
}

ul.leftmenu {
    font-size:1.1em;
    font-weight: bold;
    margin-button: 13px;
}

ul.leftmenu li {
    background: 0;
    line-height: normal;
    padding: 0 0 0 0;
    /* height:1%;*/
}

ul.leftmenu li.leftColumn_title a{
    background: url(/domains/iglassaktiv/UserFiles/web/menu-active-left.png) repeat-x;
    color: white;
}

ul.leftmenu li.leftColumn_title a:hover{
    color: #ffffff; 
    background-color: #e00000;
}

ul.leftmenu li a {
position: relative;
padding: 10px 10px 10px 15px;
display: block;
color: #fff;
text-decoration: none;
font-weight: normal;
font-size: 12px;
line-height: 18px;
border-bottom: 1px solid #fff;
background: #ff0000;
}


ul.leftmenu li a:hover {
    color: #fff;
    background: url(/domains/kanada/UserFiles/images/Lmenu.png) no-repeat left #ff0000;
}

ul.leftmenu li a.selected {
    color: #fff;
    background: url(/domains/kanada/UserFiles/images/Lmenu.png) no-repeat left #ff0000;
}

ul.leftmenu li ul {
    display: none;
    font-size: 1.0em;
    padding: 0px;
    margin: 0;
    background: 0;
}

ul.leftmenu li ul li {
    padding: 0 0 0 0;
}

ul.leftmenu li ul li a {
    padding-left: 26px;
    font-size: 11px;
    background: #d7d7d7;
    color: #000;
}

ul.leftmenu li ul li a:hover {
    color: #fff;
    background: #525252;
}

ul.leftmenu li ul li a.selected {
    color: #fff;
    background: #525252;
}

ul.leftmenu li ul li ul li a {

}


.downarrowclass{
    position: absolute;
    top: 41px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 13px;
    right: 5px;
}

/* TopText */

.toptext {
	width: auto;
	display: block;
}

.toptext .inner {
	width: 1000px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
        z-index: 200;
}

.toptext .phone,.toptext .mail{
width: 22px;
height: 22px;
float: left;
margin-top: 7px;
margin-right: 5px;
}

.toptext .phone{
background: url(/domains/zdravotnepodprsenky/UserFiles/images/phone.png) no-repeat;
}

.toptext .mail{
background: url(/domains/zdravotnepodprsenky/UserFiles/images/mail.png) no-repeat;
}

.toptext .inner ul {
line-height: 30px;
position: absolute;
top: 30px;
right: 0px;
}
.toptext .inner ul li {
font-size: 14px;
color: #515151;
list-style-type: none;
float: left;
line-height: 35px;
padding-left: 10px;
}

.toptext .inner ul li a {
	color: #515151;
	text-decoration: none;
}

.toptext .inner ul li a:hover {
	text-decoration: underline;
}

/* vyhľadávanie*/

.layer1 {
width: 1000px;
margin: 0 auto;
position: relative;
}

.layer1 .search {
position: absolute;
z-index: 300;
margin: 50px 0 0 762px;
}

.layer1 .search input[type="text"] {
border: 0 none;
height: 22px;
vertical-align: bottom;
background: #fff;
width: 180px;
padding-left: 5px;
color: #000;
}

.layer1 input[type="submit"] {
background: #8bcd44;
margin: 0;
width: 50px;
height: 22px;
font-weight: normal;
color: #fff;
border: 0 none;
position: relative;
cursor: pointer;

}


/*
	SLIDESHOW
*/

#big-slider {
        float: left;
	width: 1000px;
        height: 360px;
	position:relative;
        background: url(/domains/zdravotnepodprsenky/UserFiles/images/board.png) bottom no-repeat;
}

#big-slider #frame {
	position:absolute;
	z-index:0;
	width: 1000px;
height: 335px;
	top:px;
	left:0px;
}

#big-slider #bigslides {
	position:absolute;
	z-index:80;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#big-slider .slides_container {
	width:1000px;
	overflow:hidden;
	position:relative;
	display:none;
	display: block;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#big-slider .slide-content {
	width:1000px;
	height: 335px;
        font-size: 12px;
        border-radius: 10px;
        -moz-border-radius: 10px;
}

#big-slider .slides_container .slide {
	width:1000px;
	height: 335px;
}

#big-slider .slides_container .slide img {
        border: 0 none;
}

/*
	Next/prev buttons
*/

#big-slider #bigslides .next,#bigslides .prev {
	position:absolute;
	top: 290px;
	display:block;
	z-index:101;
        display:none;
}

#big-slider #bigslides .next {
	left: 1005px;
}

#big-slider #bigslides .prev {
	left: -18px;
}

#big-slider #bigslides a.next {
width: 12px;
height: 22px;
color: transparent;
background: url(/domains/kanada/UserFiles/images/next.png) no-repeat;
}

#big-slider #bigslides a.prev {
width: 12px;
height: 22px;
color: transparent;
background: url(/domains/kanada/UserFiles/images/prev.png) no-repeat;
}

#big-slider .slide-container {
position: absolute;
width: 350px;
top: 70px;
right: 100px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 16px;
padding: 5px 0 20px 0;
border-bottom: 3px solid #8bcd44;
}

#big-slider .slide-container h2 {
font-size: 30px;
font-weight: 600;
color: #3b3b3b;
font-family: 'Open Sans', sans-serif;
line-height: 65px;
margin-bottom: 0;
margin-top: 0;
}


#big-slider .slide-container p{
     font-size: 12px;
     font-weight: 400;
     color: #3b3b3b;
}

/*
	Pagination
*/

#big-slider .pagination {
width: 75px;
margin: 7px auto 0 auto;
display: none;
}


#big-slider ul.pagination li{
float: left;
background: url(/domains/kanada/UserFiles/images/pag1.png) no-repeat;
width: 15px;
margin-right: 8px;
}

#big-slider ul.pagination li a{
color: transparent;
width: 15px;
display: block;
}

#big-slider ul.pagination li.current{
background: url(/domains/kanada/UserFiles/images/pag2.png) no-repeat;
}


.foot_text{
    color: #62a830;
    font-weight: 400;
    font-size: 14px; 
}

input[type="text"], input[type="password"] {
border: 1px solid #b1b1b1;
height: 30px;
width: 250px;
margin: 5px 0 5px 20px;
padding: 0 10px;
}

.private-login-form {
text-align: center;
margin: 0 auto;
width: 350px;
font-weight: 600;
font-size: 13px;
}

.private-login-form button[type="submit"] {
height: 30px;
width: 100px;
margin-top: 10px;
cursor: pointer;
}


.private-registration-form {
text-align: center;
margin: 0 auto;
width: 370px;
font-weight: 600;
font-size: 13px;
}

.private-registration-form button[type="submit"] {
height: 30px;
width: 100px;
margin-top: 10px;
cursor: pointer;
}

.login {
position: absolute;
top: 68px;
right: 10px;
z-index: 200;
}

.login a {
background: url(/domains/szo/UserFiles/images/bt_login.png) top no-repeat;
height: 30px;
width: 140px;
display: block;
color: #fff;
padding: 12px 0 0 55px;
text-transform: uppercase;
}

.login a:hover {
background: url(/domains/szo/UserFiles/images/bt_login.png) bottom no-repeat;
color: #1d3d02;
text-decoration: none;
}

.tab_kontakt input[type="text"],.tab_kontakt input[type="password"] {
border: 1px solid #b1b1b1;
height: 30px;
width: 330px;
margin: 5px 0;
padding: 0 10px;
}

.tab_kontakt textarea {
border: 1px solid #b1b1b1;
margin: 5px 0;
padding: 0 10px;
}

.tab_kontakt th {
font-weight: 600;
font-size: 13px;
padding-right: 20px;
}

.tab_kontakt button[type="submit"] {
height: 30px;
width: 100px;
margin-top: 10px;
cursor: pointer;
}
