/* nastavenie zarovnania obrazkov aby to bolo aj v bootstrap sablonach */
img.obrazokVlavo { float: left; margin-right: 8px; }
img.obrazokVpravo { float: right; margin-left: 8px; }

/* News01 */

/* newsBoxes1 */
div.newsBoxes1  {margin: 0 0 30px 0;}
div.newsBoxes1 div  {float: left; height: 125px; padding: 35px 20px 0 110px; position: relative; overflow: hidden;}
div.newsBoxes1 div.first    {margin: 0;}

div.newsBoxes1 div div.bg    {height: 160px; position: absolute; top: 0; left: 0; z-index: 0; margin: 0; padding: 0; margin: 0;
                            opacity:0.2; -moz-opacity: 0.20;  zoom: 1;
                            -webkit-border-radius: 7px;
                            -moz-border-radius: 7px;
                            border-radius: 7px;}
                            
.ie7 div.newsBoxes1 div div.bg,
.ie8 div.newsBoxes1 div div.bg   {filter: alpha(opacity=20);}

div.newsBoxes1 div img   {display: block; position: absolute; top: 0; left: 0;
                        -webkit-border-radius: 7px 0 0 7px;
                        -moz-border-radius: 7px 0 0 7px;
                        border-radius: 7px 0 0 7px;}
                        
div.newsBoxes1 div h3    {padding: 0 0 15px 0; text-transform: uppercase; position: relative; z-index: 1;}
div.newsBoxes1 div h3 a {display: block; font-weight: normal; font-size: 17px; text-decoration: none;}
div.newsBoxes1 div p {padding: 0; font-size: 13px; line-height: 120%; position: relative; z-index: 1;}

/* newsBox 01 */
div.newsBox01 div   {width: 180px; margin: 0 0 0 25px;}
div.newsBox01 div div.bg    {width: 310px;}

/* newsBox02 */
ul.newsBox02    {padding: 0; list-style: none; margin: 0 0 30px 0;}
ul.newsBox02 li {float: left; width: 230px; height: 221px; position: relative; margin: 0 0 0 20px;
                -webkit-border-radius: 7px;
                -moz-border-radius: 7px;
                border-radius: 7px;}
ul.newsBox02 li.first   {margin: 0;}
ul.newsBox02 li h3  {padding: 0; margin: 0; font-weight: normal;}
ul.newsBox02 li p   {width: 230px; height: 180px; overflow: hidden; padding: 0;}
ul.newsBox02 li img {display: block;
                    -webkit-border-top-right-radius: 7px;
                    -moz-border-radius-topright: 7px;
                    border-top-right-radius: 7px;
                    -webkit-border-top-left-radius: 7px;
                    -moz-border-radius-topleft: 7px;
                    border-top-left-radius: 7px;}
ul.newsBox02 li a   {display: block; width: 210px; height: 40px; padding: 181px 10px 0 10px; position: absolute; top: 0; left: 0; line-height: 40px; z-index: 899; font-size: 16px; text-decoration: none; overflow: none;}

/* newsBox 03 */
div.newsBox03 div   {width: 347px; margin: 0 0 0 26px;}
div.newsBox03 div div.bg    {width: 477px;}

/* newsBox 04 */
div.newsBox04 div   {width: 285px; margin: 0 0 0 26px; padding: 35px 172px 0 20px;;}
div.newsBox04 div div.bg    {width: 477px;}
div.newsBox04 div img  {border-width: 4px; border-style: solid; top: 13px; left: 329px;
                        -webkit-border-radius: 0;
                        -moz-border-radius: 0;
                        border-radius: 0;}
                        
/* newsBox 05 */
div.newsBox05 div   {width: 290px; height: 160px; padding: 0 20px 0 0; margin: 0 0 0 25px;}
div.newsBox05 div div.bg    {width: 310px; display: none;}
div.newsBox05 div img   {border-width: 4px; border-style: solid; position: relative; top: 0; left: 0; float: left; margin: -5px 20px 0 0;
                        -webkit-border-radius: 0;
                        -moz-border-radius: 0;
                        border-radius: 0;}
div.newsBox05 div p {padding: 5px 0;}
div.newsBox05 div a.more    {display: block; padding: 0; margin: 0;}

/* newsBox 06 */
div.newsBox06   {height: 112px; overflow: hidden; padding: 10px 85px 0 85px; margin: 0 0 50px 0; position: relative;}
div.newsBox06 div.boxes   {height: 112px;}
div.newsBox06 div.news_content {width: 100%; height: 107px;}
div.newsBox06 div.news_content h3,
div.newsBox06 div.news_content h3 a {text-decoration: none; text-transform: uppercase; display: block; font-weight: normal; font-size: 17px; text-decoration: none; }
div.newsBox06 div.news_content p    {line-height: 130%;}

div.newsBox06 a.nextBtn,
div.newsBox06 a.prevBtn    {display: block; width: 50px; height: 30px; background: url(/images/template/common/nivo-nav.png); text-indent: -10000px;}
div.newsBox06 a.nextBtn    {background-position: bottom right; position: absolute; top: 46px; right: 0;}
div.newsBox06 a.prevBtn    {background-position: bottom left; position: absolute; top: 46px; left: 0;}
div.newsBox06 a.nextBtn:hover  {background-position: top right;}
div.newsBox06 a.prevBtn:hover  {background-position: top left;}

div.newsBox06 div.pager {position: absolute; left: 0; bottom: 0; z-index: 899; width: 100%; text-align: center;}
div.newsBox06 div.pager a {display: inline-block; width: 12px; height: 12px; line-height: 12px; text-indent: -10000px; margin: 0 4px;
                            -webkit-border-radius: 17px;
                            -moz-border-radius: 17px;
                            border-radius: 17px;}


/* nivoSlider */
div.slider-wrapper  {width: 980px; overflow: hidden; margin: 0 0 34px 0;}
div.nivoSlider div.slideImg {position: relative; width: 980px;}
div.nivoSlider div.nivo-caption h2  {font-size: 23px; font-weight: bold; padding: 0 0 15px 0;}
div.nivoSlider div.nivo-caption p   {font-size: 17px; padding: 0; margin: 0;}
div.nivoSlider div.nivo-caption h2 a,
div.nivoSlider div.nivo-caption p a {text-decoration: none; display: block;}

div.nivo-directionNav   {display: block!important;}
div.nivo-directionNav a.nivo-prevNav,
div.nivo-directionNav a.nivo-nextNav    {display: block; width: 50px; height: 30px; background: url(/images/template/common/nivo-nav.png); text-indent: -10000px; z-index: 899;}
div.nivo-directionNav a.nivo-prevNav    {background-position: bottom left;}
div.nivo-directionNav a.nivo-nextNav    {background-position: bottom right;}
div.nivo-directionNav a.nivo-prevNav:hover  {background-position: top left;}
div.nivo-directionNav a.nivo-nextNav:hover  {background-position: top right;}

div.nivoSlider a.nivo-imageLink    {display: block; width: 980px; height: 100%; background: ; position: absolute; top: 0; left: 0; z-index: 99;}
.theme-default .nivoSlider  {box-shadow: 0 0 0 0 #000!important;}

div.nivoSlider div.nivo-caption {background: none;}

div.nivo-controlNav {display: none;}
div.nivo-controlNav a.nivo-control  {position: relative; z-index: 899;}

/* newsSlider01 */
div.newsSlider01 {height: 400px;}
div.newsSlider01 div.nivo-caption {width: 650px; height: auto; position: absolute; top: 60px; left: 330px;}
div.newsSlider01 a.nivo-prevNav    {position: absolute; top: 140px; left: 0;}
div.newsSlider01 a.nivo-nextNav    {position: absolute; top: 140px; right: 0;}

/* newsSlider02 */
div.newsSlider02 {height: 400px;}
div.newsSlider02 div.nivo-caption {display: none!important;}
div.newsSlider02 a.nivo-prevNav    {position: absolute; top: 185px; left: 0;}
div.newsSlider02 a.nivo-nextNav    {position: absolute; top: 185px; right: 0;}

/* newsSlider03 */
div.newsSlider03 {height: 400px;}
div.newsSlider03 div.nivo-caption {display: none!important;}
div.newsSlider03 a.nivo-prevNav    {position: absolute; top: 185px; left: 0;}
div.newsSlider03 a.nivo-nextNav    {position: absolute; top: 185px; right: 0;}
div.newsSlider03 div.nivo-controlNav    {display: block; position: absolute; left: 0; bottom: 20px; width: 100%; height: 80px; text-align: center;}
div.newsSlider03 div.nivo-controlNav a.nivo-control {display: inline-block; width: 80px; height: 80px; margin: 0 5px; border-width: 3px; border-style: solid;}

div.newsSlider03.text div.nivo-caption {display: block!important; width: 80%; position: absolute; top: 0; left: 10%; padding: 60px 0 0 0;}

/* newsSlider04 */
div.newsSlider04 {height: 400px;}
div.newsSlider04 div.nivo-directionNav {display: none!important;}
div.newsSlider04 div.nivo-caption {display: none!important;}
div.newsSlider04 div.nivo-controlNav    {display: block; position: absolute; right: 0; top: 0; width: 270px; height: 400px; text-align: left;}
div.newsSlider04 div.nivo-controlNav a.nivo-control {display: block; position: relative; height: 80px; padding: 20px 20px 0 20px; overflow: hidden; margin: 0; text-decoration: none; color: #4f4f4f; font-size: 20px; line-height: 20px; font-weight: normal;}
div.newsSlider04 div.nivo-controlNav a.nivo-control span.bg     {display: block; width: 268px; height: 98px; background: #fff; position: absolute; top: 0; left: 0; border: 1px solid #9b9b9b; z-index: -1;
                                                                 opacity:0.5; -moz-opacity: 0.50;  zoom: 1;}
                            
.ie7 div.newsSlider04 div.nivo-controlNav a.nivo-control span.bg,
.ie8 div.newsSlider04 div.nivo-controlNav a.nivo-control span.bg   {filter: alpha(opacity=50);}

div.newsSlider04 div.nivo-controlNav a.nivo-control.active span.bg  {background: #e4f2fc; opacity:0.8; -moz-opacity: 0.80;}
.ie7 div.newsSlider04 div.nivo-controlNav a.nivo-control.active span.bg,
.ie8 div.newsSlider04 div.nivo-controlNav a.nivo-control.active span.bg   {filter: alpha(opacity=80);}

/* Blog */

div.blogBoxes   {width: 660px;}
div.blogBoxes h2 a  {text-decoration: none; text-transform: uppercase; padding: 0; margin: 0;}
div.blogBoxes p {padding: 0 0 10px 0; clear: both;}
div.blogBoxes a.fL  {float: left;}
div.blogBoxes a.fR  {float: right;}
div.blogBoxes div.news_content  {padding: 0 0 25px 0;}
div.blogBoxes div.likes {padding: 0 0 5px 0;}
div.blogBoxes div.likes div.fL {float: left; margin: 0; padding: 0 0 0 15px;}
div.blogBoxes div.likes div.min   {margin: 0 -30px 0 0;}
div.blogBoxes div.likes span.date   {display: block; float: left; height: 20px; line-height: 20px; font-size: 12px;}

/* 2 COLS */

#cols2 div.newsBox01 div  {width: 188px; padding: 35px 20px 0 20px; margin: 0 0 0 24px;}
#cols2 div.newsBox01 div.first    {margin: 0;}
#cols2 div.newsBox01 div div.bg   {padding: 0; width: 228px;}
#cols2 div.newsBox01 div img  {display: none;}

#cols2 ul.newsBox02 li {width: 168px; height: 172px;}
#cols2 ul.newsBox02 li img {width: 168px; height: auto;}
#cols2 ul.newsBox02 li a   {width: 148px; padding: 132px 10px 0 10px;}
#cols2 ul.newsBox02 li p   {width: 168px; height: 131px;}

#cols2 div.newsBox03 div   {width: 223px; padding: 35px 20px 0 110px;}
#cols2 div.newsBox03 div div.bg    {width: 353px;}

#cols2 div.newsBox04 div   {width: 161px; padding: 20px 172px 0 20px; height: 140px;}
#cols2 div.newsBox04 div div.bg    {width: 353px;}
#cols2 div.newsBox04 div img   {left: 205px;}

#cols2 div.newsBox05 div  {width: 208px; padding: 35px 10px 0 10px; margin: 0 0 0 24px;}
#cols2 div.newsBox05 div.first    {margin: 0;}
#cols2 div.newsBox05 div img  {display: none;}

#cols2 div.slider-wrapper  {width: 732px;}

#cols2 div.newsSlider01 a.nivo-prevNav {left: 635px;}
#cols2 div.newsSlider01 a.nivo-nextNav {left: 686px;}
#cols2 div.newsSlider01 div.nivo-caption   {left: 258px; width: 428px;}

#cols2 div.slider-wrapper  {width: 732px!important;}
    
#cols2 div.newsSlider01 a.nivo-prevNav {left: 635px;}
#cols2 div.newsSlider01 a.nivo-nextNav {left: 686px;}
#cols2 div.newsSlider01 div.nivo-caption   {left: 258px; width: 428px;}

@media screen and (max-width: 979px) {
    
    div.newsBox01 div  {width: 188px; padding: 35px 20px 0 20px; margin: 0 0 0 24px;}
    div.newsBox01 div.first    {margin: 0;}
    div.newsBox01 div div.bg   {padding: 0; width: 228px;}
    div.newsBox01 div img  {display: none;}
    
    ul.newsBox02 li {width: 168px; height: 172px;}
    ul.newsBox02 li img {width: 168px; height: auto;}
    ul.newsBox02 li a   {width: 148px; padding: 132px 10px 0 10px;}
    ul.newsBox02 li p   {width: 168px; height: 131px;}
    
    div.newsBox03 div   {width: 223px; padding: 35px 20px 0 110px;}
    div.newsBox03 div div.bg    {width: 353px;}
    
    div.newsBox04 div   {width: 161px; padding: 20px 172px 0 20px; height: 140px;}
    div.newsBox04 div div.bg    {width: 353px;}
    div.newsBox04 div img   {left: 205px;}
    
    div.newsBox05 div  {width: 208px; padding: 35px 10px 0 10px; margin: 0 0 0 24px;}
    div.newsBox05 div.first    {margin: 0;}
    div.newsBox05 div img  {display: none;}
    
    div.slider-wrapper  {width: 732px;}
    
    div.newsSlider01 a.nivo-prevNav {left: 635px;}
    div.newsSlider01 a.nivo-nextNav {left: 686px;}
    div.newsSlider01 div.nivo-caption   {left: 258px; width: 428px;}
    
}

@media screen and (max-width: 767px) {
    
    #content div.newsBox01,
    #cols2 #content div.newsBox01  {margin: 0 0 25px 0;}
    #content div.newsBox01 div,
    #cols2 #content div.newsBox01 div  {width: 90%; margin: 0 0 15px 5%; padding: 0; height: auto;}
    #content div.newsBox01 div div.bg,
    #cols2 #content div.newsBox01 div div.bg   {width: 100%; height: 100%; margin: 0;}
    #content div.newsBox01 div h3,
    #cols2 #content div.newsBox01 div h3   {padding: 0; margin: 0;}
    #content div.newsBox01 div a,
    #cols2 #content div.newsBox01 div a    {padding: 15px; margin: 0;}
    #content div.newsBox01 div p,
    #cols2 #content div.newsBox01 div p    {padding: 0 15px 15px 15px; margin: 0;}
    
    #content ul.newsBox02,
    #cols2 #content ul.newsBox02   {width: 100%; margin: 0 0 25px 0;}
    #content ul.newsBox02 li,
    #cols2 #content ul.newsBox02 li  {float: left; width: 42.5%; margin: 0 0 15px 5%; height: auto; background: none!important;}
    #content ul.newsBox02 li a,
    #cols2 #content ul.newsBox02 li a  {height: 100%; padding: 0; width: 100%; text-indent: -10000px;}
    #content ul.newsBox02 li img,
    #cols2 #content ul.newsBox02 li img    {width: 100%; height: auto!important; 
                                    -webkit-border-radius: 7px;
                                    -moz-border-radius: 7px;
                                    border-radius: 7px;}
    #content ul.newsBox02 li p,
    #cols2 #content ul.newsBox02 li p  {padding: 0; width: 100%; margin: 0; border: 0; height: auto; margin: 0 0 -3px 0; border: 0;}
    
    #content div.newsBox03,
    #cols2 #content div.newsBox03   {width: 100%; margin: 0 0 25px 0;}
    #content div.newsBox03 div,
    #cols2 #content div.newsBox03 div  {width: 90%; margin: 0 0 15px 5%; padding: 0; height: 160px; float: none;}
    #content div.newsBox03 div.bg,
    #cols2 #content div.newsBox03 div.bg   {width: 100%; height: 100%; margin: 0; height: 160px;}
    #content div.newsBox03 div h3,
    #content div.newsBox03 div p,
    #cols2 #content div.newsBox03 div h3,
    #cols2 #content div.newsBox03 div p    {padding: 0 20px 0 110px;}
    #content div.newsBox03 div h3 a,
    #cols2 #content div.newsBox03 div h3 a {padding: 35px 35px 15px 0;}
    
    #content div.newsBox04,
    #cols2 #content div.newsBox04   {width: 100%; margin: 0 0 25px 0;}
    #content div.newsBox04 div,
    #cols2 #content div.newsBox04 div  {width: 90%; margin: 0 0 15px 5%; padding: 0; height: 160px; float: none;}
    #content div.newsBox04 div.bg,
    #cols2 #content div.newsBox04 div.bg   {width: 100%; height: 100%; margin: 0; height: 160px;}
    #content div.newsBox04 div h3,
    #content div.newsBox04 div p,
    #cols2 #content div.newsBox04 div h3,
    #cols2 #content div.newsBox04 div p    {padding: 0 170px 0 20px;}
    #content div.newsBox04 div h3 a,
    #cols2 #content div.newsBox04 div h3 a {padding: 35px 0 15px 0;}
    #content div.newsBox04 img,
    #cols2 #content div.newsBox04 img  {position: absolute; left: 100%; margin: 0 0 0 -148px;}
    
    #content div.newsBox05,
    #cols2 #content div.newsBox05  {margin: 0 0 25px 0;}
    #content div.newsBox05 div,
    #cols2 #content div.newsBox05 div  {width: 90%; margin: 0 0 15px 5%; padding: 0; height: auto;}
    #content div.newsBox05 div div.bg,
    #cols2 #content div.newsBox05 div div.bg   {width: 100%; height: 100%; margin: 0;}
    #content div.newsBox05 div h3,
    #cols2 #content div.newsBox05 div h3   {padding: 0; margin: 0;}
    #content div.newsBox05 div a,
    #cols2 #content div.newsBox05 div a    {padding: 15px; margin: 0;}
    #content div.newsBox05 div a.more,
    #cols2 #content div.newsBox05 div a.more   {padding: 0 15px;}
    #content div.newsBox05 div p,
    #cols2 #content div.newsBox05 div p    {padding: 0 15px 15px 15px; margin: 0;}
    
    #content div.newsBox06,
    #cols2 #content div.newsBox06  {width: 90%; padding: 0 5%; margin: 25px 0 25px 0; height: auto; background: none;}
    #content div.newsBox06 h3,
    #cols2 #content div.newsBox06 h3   {padding-left: 0; padding-right: 0;}
    #content div.newsBox06 p,
    #cols2 #content div.newsBox06 p   {padding-left: 0; padding-right: 0;}
    #content div.newsBox06 a.nextBtn,
    #content div.newsBox06 a.prevBtn,
    #cols2 #content div.newsBox06 a.nextBtn,
    #cols2 #content div.newsBox06 a.prevBtn    {display: none;}
    #content div.newsBox06 div.boxes,
    #cols2 #content div.newsBox06 div.boxes    {height: auto;}
    #content div.newsBox06 div.news_content,
    #cols2 #content div.newsBox06 div.news_content  {height: auto; padding: 15px 20px; width: auto;}
    #content div.newsBox06 div.news_content p,
    #cols2 #content div.newsBox06 div.news_content p   {padding: 0; margin: 0;}
    
    #content div.slider-wrapper,
    #cols2 #content div.slider-wrapper {display: none;}
    
}

@media screen and (max-width: 400px) {

    #content div.newsBox03 div h3,
    #content div.newsBox03 div p,
    #cols2 #content div.newsBox03 div h3,
    #cols2 #content div.newsBox03 div p    {padding: 0 15px 0 105px;}
    #content div.newsBox03 div h3 a,
    #cols2 #content div.newsBox03 div h3 a {padding: 15px 0 10px 0;}
    
    #content div.newsBox04 div h3,
    #content div.newsBox04 div p,
    #cols2 #content div.newsBox04 div h3,
    #cols2 #content div.newsBox04 div p    {padding: 0 20px 0 20px;}
    #content div.newsBox04 div h3 a,
    #cols2 #content div.newsBox04 div h3 a {padding: 35px 0 15px 0;}
    #content div.newsBox04 img,
    #cols2 #content div.newsBox04 img  {display: none;}
   
}