@import url('fonts.css');

body	{
    background: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size:18px;
    line-height:1.4;
    color: #555;
}	
a	{
    color: #FF6600;
    text-decoration: none;
    font-weight: 700;
}	
a:hover	{
    text-decoration: underline;
    transition: all 0.5s;
}
.pageWidth	{
    width: 960px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    margin: auto;
    position: relative;
}
#HlavickaPas .pageWidth {
    line-height: 0;
}
section {	
    width: 100%;
    margin: 0;
    padding-bottom:20px;
    padding-top:20px;
}
img {
    max-width: 100%;
    height: auto;
}
.half {
    width: 48%;
    margin-right: 2%;
    float: left;
}
.vSpace {
    margin-top: 20px;
    margin-bottom: 20px;
}
.mt {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}
.mt60 {
    margin-top: 60px;
}
.mb {
    margin-bottom: 20px;
}
.ml {
    margin-left: 20px;
}
.mr {
    margin-right: 20px;
}
.fr {
    float:right;
}
.fl {
    float:left;
}
.cl {
    clear:both;
}
.tl {
    text-align: left;
}
.tr {
    text-align: right;
}
.tc {
    text-align: center;
}
.tj {
    text-align: justify;
}
hr {
    margin:0;
}
hr.cl {
    opacity:0;
    border:none;
}
b, strong {
    font-weight: 700;
}
i, cite, em, var, address {
    font-style: italic;
    letter-spacing: 1px;
}
button, input {
    font-family: 'Titillium Web', sans-serif;
}
button, input[type="submit"] {
    cursor:pointer;
    background-position:center top;
    background-repeat:no-repeat;
    background-color:transparent;
    border:none;
    letter-spacing:1px;
}
	
/*** HEADER ***/

header	{
    height:130px;
    width:100%;
    background-color: white;
}	
header div.pageWidth	{
    position: relative;
}	
#logo	{
    position: absolute;
    top: 33px;
    left: 0px;
}		
#slogan	{
    width:650px;
    position: absolute;
    top: 63px;
    right: 0px;
    font-size: 24px;
    font-weight:600;
    font-style: italic;
    letter-spacing: 2.15px;
    text-align:right;
    color: #4AB30C;
}	
#mainMenu	{
/*	width:650px;*/
    max-width: 100%;
    position: absolute;
    top: 22px;
    right: 0px;
}
#mainMenu ul	{
    list-style-type: none;
    margin:0;
    padding:0;
}
#mainMenu ul li	{
    display: inline-block;
    list-style-type: none;
}

#mainMenu ul li a	{
    display:block;
    color: #777777;
    font-size: 18px;
    letter-spacing: 0.2px;  /* 1.2px */
    font-weight: 400;
    font-style: normal;
    background-image: url(../img/navDivider.png);
    background-repeat: no-repeat;
    background-position: 9px center;
    padding-right: 0px;
    padding-left: 22px;
}

#mainMenu ul li:first-child a 
{
    background-image: none;
    padding-left: 0px;
}

#mainMenu ul li a:hover
{
    color: #222;
    text-decoration:none;
}
	
/*** SLIDER ***/

#slider {
    width:100%;
    height:auto;
    background-image: url(../img/bgSlider.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #4AB50D;
}

/*** FOOTER ***/

footer	{
    /*height:160px;*/
    width:100%;
}
#footerTop {
    background-color:#4AB30C;
    width:100%;
    margin-top:20px;
    padding-top:20px;
}
#footerBottom {
    background-color:#4AB30C;
    padding-top:20px;
    width:100%;
    text-align:center;
    color:white;
    font-size:16px;
}
#footerBottom p {
    text-align:center;
    color:white;
    font-size:14px;
}
#footerBottom a {
    color:white;
}
#footerBottom a:hover {
    color:white;
    text-decoration:underline;
}
#footerMenu {
    font-size:14px;
    color:#666666;
    text-align:left;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
#footerMenu a {
    font-size:14px;
    color:#666666;
}
#footerMenu a:hover {
    color:#222;
    text-decoration:none;
}
#footerMenu ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
#footerMenu ul li	{
    display: block;
    list-style-type: none;
    line-height: 1.1;
}
#footerMenu ul li a {
    display:block;
    font-size:16px;
    color:#FFF;
    letter-spacing: 0.5px;
    font-weight: 400;
    font-style: normal;
    padding: 0 0 10px 0;
}
#footerMenu ul li:first-child a 	{
    background-image: none;
    padding-left: 0px;
}
.tretina {
/*    width: 30%;*/
    margin-right: 6px;
}
.tretina:last-child {
    margin-right: 0;
}
.ikona_fcb {
    width: 20px;
    height: auto;
    margin-left: 12px;
    vertical-align: -3px;
}
/* apel */
.apel h2, h2.headline {
    color:#FF6600;
    font-size:34px;
    font-style:italic;
    font-weight:400;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}
.apel h3 {
    color:#000;
    font-size:20px;
    font-style:normal;
    font-weight:700;
    letter-spacing: 1px;
    margin-bottom: 6px;
    margin-top: 6px;
}
.apel p {
    color:#575757;
    font-size:17px;
    font-style:italic;
    font-weight:400;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}
/* mosaic */
.mosaic {
    background-image:url(../img/bgMosaic.png);
    background-repeat:repeat;
    border-top: solid 1px #D7D7D7;
    border-bottom: solid 1px #D7D7D7;
}
.ad {
    width:30%;
}
.info {
    width:69%;
}
.info h2 {
    margin:0px 0 6px 0;
}
img.fl {
    margin: 0 36px 10px 0;
}
.info img.fl {
    margin-bottom: 100px;
}
ol {
    list-style-position:inside;
}
.info ol {
    list-style-position: inside;
}
.linkRada {
    font-size:85%;
    font-style:normal;
    font-weight:700;
    margin-left:10px;
}
/* wall */
.wall {
	background-image:url(../img/bgWall.png);
	background-repeat:repeat;
	border-top: solid 1px #B9B9B9;
	border-bottom: solid 1px #B9B9B9;
}
.wall h3 {
	color:#FF6600;
	font-size:24px;
	font-style:normal;
	font-weight:400;
	letter-spacing: 1px;
}
.wall ul {
	list-style-position: outside;
	list-style-image: url(../img/plus2.png);
}
.wall li {
	color:#000;
	margin-bottom:4px;
	padding-left:4px;
	font-size:20px;
}
/* thirds */
.third {
	width:33%;
	text-align:center;
}
.third a, .twoThirds a {
	color:#4AB30C;
}
.twoThirds {
	width:60%;
	text-align:left;
}
.kruh {
	border: solid 3px #FF6600;
	border-radius:100%;
	box-shadow: 0 0 25px rgba(0,0,0,0.5);
}
.obdlznik {
	border: solid 3px #FFF;
	box-shadow: 0 0 25px rgba(0,0,0,0.5);
}
.popisVzoru {
	color:#666666;
	font-size:18px;
	font-style:normal;
	font-weight:400;
	letter-spacing: 1px;
	text-align:center;
}

/* circles */
.circles {
	background-image:url(../img/bgCircles.png);
	background-repeat:repeat;
	border-top: solid 1px #D7D7D7;
	border-bottom: solid 1px #D7D7D7;
}
.circles h2, h2.headline2 {
	color:#FF6600;
	font-size:29px;
	font-style:normal;
	font-weight:700;
	letter-spacing: 1px;
}
.circles p {
	color:#000;
	letter-spacing:0.7px;
}
/* benefits */
.benefits h3 {
	color:#4AB30C;
	font-size:22px;
	font-weight:700;
	font-style:normal;
	letter-spacing:0.8px;
	padding:0 5px;
	margin-bottom: 6px;
    margin-top: 6px;
}
.benefits p {
	color:#888;
	font-size:17px;
	font-weight:400;
	font-style:normal;
	letter-spacing:0.5px;
	padding:0 5px;
}
.benefits .third {
	margin-top: 30px;
}
/* button */
button.vytvorWeb {
    width:420px;
    height:auto;
    max-width: 100%;
    background-color: #4AB50D;
    background-image: linear-gradient(#459225, #4AB50D);
    border-radius: 16px;
/*	background-image:url(../img/bt-bg-vytvor-vlastnyweb.png);
	background-position: left 0px;*/
	-webkit-transition:all 0.2s ease-out 0s; 
	transition: all 0.2s ease-out 0s; 
}
button.vytvorWeb:hover {
    /*background-position: left -148px;*/
    background-color: #FF6600;
    background-image: linear-gradient(#FF6600, #FD853F);
}

/* pages */
.blokNadpis {
	width:100%;
	padding:20px 0;
	background-image: url(../img/bgSlider.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #4AB50D;
	margin-bottom: 40px;
}
h1 {
	color:#FFF;
	font-size:40px;
	font-style:normal;
	font-weight:700;
	letter-spacing: 1px;
	line-height:1.1;
}
h2 {
	color:#FF6600;
	font-size:32px;
	font-style:normal;
	font-weight:400;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
p + h2, h3 + h2, h4 + h2, h5 + h2, h6 + h2, ol + h2, ul + h2 {
	margin-top:40px;
}
h3 {
	color:#4AB30C;
	font-size:24px;
	font-weight:700;
	font-style:normal;
	letter-spacing:0.8px;
	margin-top: 32px;
	margin-bottom: 16px;
}
h4 {
	color:#FF6600;
	font-size:20px;
	font-style:normal;
	font-weight:700;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h5 {
	color:#FF6600;
	font-size:18px;
	font-style:normal;
	font-weight:700;
	letter-spacing: 0.4px;
	line-height:1.2;
	margin:20px 0 10px 0;
}
p {
	margin:0 0 22px 0;
}
p:last-child {
	margin-bottom:0;
}
pre {
    white-space:pre-wrap;
}
.vyrazny {
	color:#000;
	font-weight:700;
	font-style:normal;
	font-size:18px;
}
.vyznaceny {
	color:#FF6600;
}
.vacsi {
	font-size:125%;
}
.system_alert {
	color:#FF6600;
	font-size:16px;
	margin-top:0;
}
ul.odrazkyVyrazne {
	list-style-position: inside;
	list-style-image: url(../img/fajka.png);
	margin:4px 0 20px 0;
	padding-left: 10px;
}
.odrazkyVyrazne li {
	color:#6B6B6B;
	margin-bottom:4px;
	padding-left:12px;
	font-weight:700;
	font-style:normal;
	font-size:20px;
}
ul.odrazkyBenefity {
	list-style-position: inside;
	list-style-image: url(../img/fajka.png);
	margin:4px 0 20px 0;
}
.odrazkyBenefity li {
	color:#6B6B6B;
	margin-bottom:4px;
	padding-left:6px;
	font-weight:400;
	font-style:normal;
	font-size:20px;
}
.obrazok {
	border: solid 1px #FFF;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
img.obrazok.fl, img.obrazok[float="left"], img.obrazok[align="left"] {
	margin: 10px 30px 10px 0;
}
img.obrazok.fr, img.obrazok[float="right"], img.obrazok[align="right"] {
	margin: 10px 0 10px 30px;
}
img.fr {
    margin-left:10px;
}
.ikonavTexte {
	margin-right:20px;
	vertical-align:middle;
	margin-bottom:10px;
}
.poznamka {
	font-size: 16px;
}
.stlpIkona {
	width:20%;
}
.stlpPopis {
	width:79%;
}
section ul {
	list-style-position: outside;
	list-style-image: url(../img/kruh.png);
	padding-left:20px;
}
section ol {
	list-style-position: outside;
	padding-left:20px;
}
ul ul, ol ul {
	padding-left: 20px;
	list-style-position: inside;
	list-style-image: url(../img/kruh.png);
	margin:4px 0 4px 0;
}
ul ul.blizsie, ol ul.blizsie {
	padding-left: 20px;
	margin:4px 0 8px 20px;
	list-style-position: outside;
}
section li {
	padding-left:6px;
}
/* sablony */
.sablonyUkazka {
	margin-right: 20px;
	display: inline-block;
	float: left;
	height:300px;
}
.sablonyUkazka img {
	border: none;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.sa_help_obal { /* div na poziciovanie helpu */
	position: static;
	visibility: hidden;
	width: 1px;
	height: 1px;
 }
.templateZoznam {
	float: left;
	display: inline-block;
	margin:0 12px 40px 13px;
}
.templateZoznam img {
	border: none;
	width: 210px;
	box-shadow: 0 0 18px rgba(0,0,0,0.3);
}
.templateZoznamSPopisom { /* obalový div */
    display: flex;
    width:100%;
    box-sizing: border-box;
    border: solid 1px #DDD;
    padding: 16px 16px 12px 16px;
    margin-bottom: 20px;
    background-color: #F0F0F0;
}
.templateZoznamSPopisom .sablonaNahlad {
    margin-right: 16px;
}
.sablonaNahlad img {
    box-shadow: 0 0 18px rgba(0,0,0,0.3);
}
.templateZoznamSPopisom .sablonaPopis {
    width: calc(100% - 316px);
}
.tlacidloSablona { /* button */
    background-color: #4AB30C;
    color: white;
    border: solid 2px white;
    border-radius: 7px;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
    display: inline-block;
    transition-duration: 0.3s;
    margin-right: 3px;
}
.tlacidloSablona:hover {
    background-color: #FF6600;
    text-decoration: none;
}



/* qtip */
.qtip-nahlady {
	width: 462px !important;
	max-width: 500px !important;
	min-height:200px !important;
	padding: 5px 1px !important;
	overflow: visible  !important;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3) !important;
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3) !important;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3) !important;
}
/*  cennik */
.cennik {
	margin-left:-10px;
	background:white;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.cennik td {
	padding:10px;
}
.cennik.porovnanie td.yes
{
	background-image: url('../img/fajka.png');
	background-repeat: no-repeat;
	background-position: center;
}

.cennik.porovnanie tr td:nth-child(2),
.cennik.porovnanie tr th:nth-child(2)
{
	background-color: #F5F5F5;
}
.cennik tr:hover td {
	background-color:#F0F0F0 !important;
}
.zvyraznene {
	background-color:#F0F0F0 !important;
}
.znizena {
	padding-top:70px !important;
	position:relative;
}
.znizenaCena {
	width:250px;
	display:block;
	position:absolute;
	top:6px;
	left:171px;
	background-color: #ff6600;
	font-size:22px;
	text-align:center;
	padding:10px;
	border:3px solid #FFF;
	-ms-transform: rotate(20deg); /* IE 9 */
        -webkit-transform: rotate(20deg); /* Safari */
        transform: rotate(20deg);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.znizenaCena2 {
	width:175px;
	display:block;
	position:absolute;
	top:10px;
	left:180px;
	background-color: #ff6600;
	font-size:22px;
	text-align:center;
	padding:10px;
	border:3px solid #FFF;
	-ms-transform: rotate(20deg); /* IE 9 */
        -webkit-transform: rotate(20deg); /* Safari */
        transform: rotate(20deg);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.preciarknute {
	text-decoration:line-through;
	font-weight:normal !important;
}
table.cennik td:first-child {
    padding-right: 0px;
    width: 27px;
}
table.cennik td:last-child {
    padding-right: 10px;
    text-align: center;
    font-size: 80%;
}
table.cennik .green {
    font-size: 105%;
    letter-spacing: 0.5px;
}
table.cennik .green.disabled {
    font-size: 95%;
    color: #555;
}
/* pomoc */
.pomocZoznam {
	margin: 4px 0 30px 0;
}
.pomocZoznam a {
	display:block;
	margin: 6px 0;
	text-align:left;
	color:#FF6600;
	background-image:url(../img/icon-info2.png);
	background-position:left 4px;
	background-repeat:no-repeat;
	padding-left: 30px;
}
div > h3 {
	margin-top:0;
}
.pomocZoznam h3 {
	text-align:left;
}
.table td {
	padding:5px 0;
}
/* cookies */
table.tabulka {
  border-collapse: collapse;
  border-spacing: 0;
  border: 2px solid #AAA;
  margin: 30px 0;
}
table.tabulka td, table.tabulka th {
  border: 1px solid #AAA;
  font-size: 90%;
  padding: 10px;
  text-align: left;
}

/* form */
button.button, input[type="submit"] {
	padding: 30px 40px;
	margin:18px 0;
	-webkit-transition:all 0.2s ease-out 0s; 
	transition: all 0.2s ease-out 0s;
	background-color:#4AB30C;
	border:2px solid;
	border-radius:10px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
}
button.button:hover, input[type="submit"]:hover {
	background-color:#FF6600;
}
.button.sedy {
	background-color:#777;
	font-size:16px;
	padding: 20px 24px;
}
.button.sedy:hover {
	background-color:#555;
}
.button.cerveny {
	background-color:#ea0000;
	font-size:24px;
	padding: 30px 36px;
}
.button.cerveny:hover {
	background-color:#FF0000;
}
label {
	display:inline-block;
	margin: 16px 0 6px 0;
}
form.form input {
	width:300px;
	height:20px;
	font-family: 'Titillium Web', sans-serif;
	font-size:17px;
	line-height:1.4;
	color: #333;
	padding:4px;
}
form.form textarea {
	width:300px;
	height:150px;
	font-family: 'Titillium Web', sans-serif;
	font-size:17px;
	line-height:1.4;
	color: #333;
	padding:4px;
}
form.form p {
	line-height:1.2;
	padding:0px;
	margin: 0 0 10px 0;
}
#krok2 .v300px {
    width: 300px;
}
#krok2 .v130px {
    width: 130px;
}

/* txt */
.maxi {
	font-size:24px;
	color:#000;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:0;
}
.maxi2 {
	font-size:36px;
	color:#000;
	font-weight:bold;
	letter-spacing:2px;
	margin-top:0;
}
/* blog */
.topBlogs {
	float:left;
	width:650px;
}
h1.blog {
	color: #FF6600;
}
.blogItem {
	width:650px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:dotted 1px #CCC;
	position:relative;
}
.blogAvatar {
	width:130px;
	float:left;
	text-align:center;
	font-size:16px;
}	
.avatar {
	margin-bottom:10px;
	border:solid 1px #EEE;
	border-radius: 100%;
}
.blogPopis {
	width:500px;
	float:right;
}
.blogList {
	width:280px;
	float:right;
	padding:0px;
	margin-bottom:20px;
}
.blogList a {
	display:block;
	font-size:16px;
	letter-spacing: 0.5px;
	font-weight: 400;
	font-style: normal;
	padding: 0px;
	margin: 16px 0;
	line-height:140%;
}
.blogItem h1 {
	margin-bottom:50px;
}
.blogList h3 {
	font-size:22px;
}
.titleImage img {
/*	width:960px;
	height:330px;*/
}
.blogPopis a {
	text-decoration:none;
	line-height:1.1;
}
.blogPopis p {
	margin:0;
}
/* nastavenia */
#webeditEasy {
	width:130px;
	height:50px;
	position: absolute;
	top: 63px;
	right: 0px;
}	
div.nastavenieBlok {
	background:white;
	border-width: 2px;
	border-style: solid;
	border-color: #63980B;
	padding:20px 8px 20px 8px;
	margin-bottom:20px;
	font-size: 15px;
}
div.nastavenieBlok td {
	padding:4px 0;
	vertical-align: text-bottom;
}
.zalozka {
	padding-bottom:10px;
	padding-top:10px;
}
.zalozka a {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing:1px;
}
.zalozka a:hover {
	color: #FFCC33;
}
#zalozky {
	margin-top: 30px;
}
.greenbg {
	background-color:#63980B;
	background-image:url(../../../home/images/green-bg.png);
	background-position:center top;
	background-repeat:repeat-x;
}
.greybg {
	background-color:#555555;
	background-image:url(../../../home/images/grey-bg.png);
	background-position:center top;
	background-repeat:repeat-x;
}
/* nastavenia */
#NastaveniaMenu {
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 786px;
}
.polozkaMenuNastavenia {
	height: 20px;
	margin-left: 40px;
	text-align: right;
	float:right;
}
.vagon {
	display:inline-block;	
	margin-right:20px;
}
/* formuláre */
form.formNastavenia input[type="text"] {
	width:300px;
	height:20px;
	font-family: 'Titillium Web', sans-serif;
	font-size:18px;
	line-height:1.4;
	color: #333;
	padding:4px;
}
form.formNastavenia input.orange {
    color:#FF6600;
}
form.formNastavenia input.orange.disabled {
    color:#888;
}
form.formNastavenia textarea {
	width:300px;
	height:150px;
	font-family: 'Titillium Web', sans-serif;
	font-size:17px;
	line-height:1.4;
	color: #333;
	padding:4px;
}
form.formNastavenia input[type="radio"] {
	vertical-align: 0px;
}
form.formNastavenia input[type="checkbox"] {
	vertical-align: 0px;
	margin-right:10px;
}
form#krok2 label {
	margin:0;
}
form#krok2 img.sa_img_erase {
	margin-top:5px;
	margin-bottom:0;
}
form input[type="text"], form input[type="password"] { 
	font-family: 'Titillium Web', sans-serif;
	font-size:18px;
	line-height:1.4;
	color: #333;
}
form textarea {
	font-family: 'Titillium Web', sans-serif;
	font-size:17px;
	line-height:1.4;
	color: #333;
}

/* help */
img.sa_img_help { /* ikona helpu */
	margin: 2px 2px 2px 2px;
	padding: 0;
	border: 0;
	float:right;
	cursor: help;
}
img.sa_img_erase { /* ikona zmazania */
	margin: 2px 2px 2px 2px;
	padding: 0;
	border: 0;
	float:right;
	cursor: pointer; 
	cursor: hand;
}
.sa_contextual_help { /* help text */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.sa_contextual_help li { 
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.sa_contextual_help ul { 
	padding-left:6px;
	margin-left:12px;
}
dl.sa_contextual_help { /* help obal */
	width: 300px;
	padding: 0;
	border: solid 1px white;
	position: relative;
	left: -330px;
	top: 0;
	z-index: 1000;
}
dt.sa_contextual_help { /* help nadpis */
	padding: 5px;
	font-weight: bold;
	background-color: black;
	border-bottom: solid 1px white;
	text-align:left;
	font-size: 12px;
}
dd.sa_contextual_help { /* help text */
	padding: 5px;
	margin-left: 0;
	background-color: rgba(0,0,0,0.7);
	text-align:left;
	font-size: 12px;
}
.sa_help_obal { /* div na poziciovanie helpu */
	position: absolute;
	visibility: hidden;
	width: 1px;
	height: 1px;
	float:right;
 }
.sa_help_obal_edit { /* div na poziciovanie helpu */
	position: relative;
	visibility: hidden;
	width: 1px;
	height: 1px;
	float:right;
 }
/* graf */
.grafX {
	font-size:11px;
}
/* iné */
.nenapadny {
	font-size:70%;
	font-style:normal;
	font-weight:normal;
	color:#999;
	text-decoration:none;
}
a.nenapadny:hover {
	color:#FF6600;
	text-decoration:underline;
}
.green {
    color:#4AB30C;
}
.green.disabled {
    color:#888;
}
.orange {
    color:#FF6600;
}
.orange.disabled {
    color:#888;
}
.parnyRiadok {
    background-color: #F5F5F5;
}
.hidden {
    visibility: hidden;
}
.pomocTel {
    width:30%;
    float: right;
}
/* cennik */

.cenaObal {
	width:42%;
	float:left;
	margin:0 3% 50px 3%;
	background:white;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border: 1px solid #999;
}
.cenaObal:hover {
	border: 1px solid #555;
	background:#FAFAFA;
}
.cenaHead {
	padding: 20px;
	border-bottom: 1px solid #999;
	background:#FFF;
}
.cenaHead h2 {
	text-align: center;
	margin-bottom: 0 !important;
}
.cenaHead.invert {
	background-color: #ff6600;
}
.cenaHead.invert h2 {
	color:#FFF;
}
ul.cenaParam li {
	border-bottom: 1px dotted #999;
	padding: 16px 32px !important;
	text-align:left;
	margin-bottom: 0 !important;
}
ul.cenaParam, ul.cenaDoplnky {
	margin: 0;
	padding: 0 !important;
}
.cena {
	text-align: center;
	background-color:#4ab50d;
	color:white;
	padding:20px;
}
.maxi2.white {
	color:white;
}
.cenaObalDoplnky {
	width:100%;
	margin:0 0 50px;
	background:white;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border: 1px solid #999;
}
.cenaObalDoplnky:hover {
	border: 1px solid #555;
	background:#FAFAFA;
}
ul.cenaDoplnky li {
	border-bottom: 1px dotted #999;
	padding: 0;
	text-align:left;
	margin-bottom: 0 !important;
	list-style:none;
	clear:both;
}
ul.cenaDoplnky li:last-child {
	border-bottom: none;
}
.cenaVpravo {
	text-align: center;
	background-color:#4ab50d;
	color:white;
	padding:1.7% 2% 2%;
	width: 28%;
	float:right;
	margin:0;
        box-sizing: border-box;
}
.cenaPopisVlavo {
	text-align: left;
	padding:2%;
	width: 72%;
	float:left;
	margin:0;
        box-sizing: border-box;
}

/* zoznam webov */
h4.zoznamWebov {
	background-image:url(../img/ikona-vlastny-web.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:48px;
	padding-bottom:8px;
	margin-bottom:-8px;
}
p.zoznamWebov {
	padding-left:48px;
	margin-bottom:20px;
}
	
.alert {
	border: solid 4px #FF6600;
	padding: 10px;
	margin-right: 22px;
}
li.dobre {
	list-style-image: url("../img/1vykricnik.png");
}
li.lepsie {
	list-style-image: url("../img/3vykricniky.png");
}

/* Web týždňa */
.WTheader {
	margin-top: 75px;	
}
.WTtabLabel {
	display:inline-block;
	padding: 26px 20px 20px 20px;
	margin: 0 4px -2px 0;
	background-color: #dddddd;
	cursor:pointer;
}
.WTtabLabel h2 {
	color:#FFFFFF;
	font-size:28px;
	font-style:italic;
	font-weight:400;
	letter-spacing: 1px;
	margin:0;
}
.WTtabLabel.actual {
	background-color: #ff6600;
	padding-top: 20px;
}
.WTtabLabel.actual h2 {
	font-size:34px;
	color:#FFF;
}
.logoWebtAlone {
	position: absolute;
	right: 0;
	top: -83px;
	width: 300px;
}
.WTbody {
	border-top: solid 2px #ff6600;
}
.WTtabBody {
	display:none;
}
.WTtabBody.actual {
	display:block;
}

/* simplelightbox */
.sl-next, .sl-prev, .sl-close {
    font-family: FontAwesome;
}
.sl-image {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 20px #777;
    margin: 5px;
    padding: 20px;
    transform:translate(-26px,-26px) !important;
}
.sl-overlay {
    opacity: 0.8;
}
.sl-caption {
    bottom: auto !important;
    top: 100%;
}

/* obrázky */
.obrazokNahlad {
    margin: 0 20px 20px 0;
}
.ilustracia {
    max-width: 50%;
    height: auto;
}

/* text */
ul + p {
	margin-top: 20px;
}

/* modal */
.modalWindow {
    display: none;
    position: absolute;
    top:200px;
    width: 50%;
    margin: 30px auto;
    padding: 50px 20px 20px 20px;
    border: solid 2px #4AB50D; /* zelena */
    background-color: #FFF;
    box-shadow: 0 0 20px #777;
    text-align: center;
    z-index: 999; 
}
.iconClose {
    display: blocky;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    cursor: pointer;
}
article {
    position:relative;
}
hr.after2 {
    clear:both;
    margin-bottom: 20px;
    opacity:0;
    border:none;
    display: none;
}
hr.after3 {
    clear:both;
    margin-bottom: 20px;
    opacity:0;
    border:none;
    display: block;
}

/* blog */
#HlavickaPas {
    width: 100%;
    height: auto;
    background-image: url(../img/bgSlider.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #4AB50D;
}


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

    #logo {
        top: 58px;
    }
    #slogan {
        top: 82px;
    }
    header {
        height: 143px;
    }
    button.vytvorWeb {
        max-width: 50%;
    }
    .topBlogs {
        float: none;
        width: 100%;
    }
    .blogList {
        float: none;
        width: 100%;
    }
    .half.nahlady img {
        margin: 20px 0;
    }
}    
    
    
    
@media only screen and ( max-width: 700px ) 
{

    #logo {
        position: static;
        margin: 20px 0 5px 0;
    }
    #slogan {
        position: static;
        display: block;
        width: auto;
        margin: 5px 0 20px 0;
        text-align: center;
    }
    #mainMenu {
        position: static;
        display: block;
        margin: 20px 0;
    }
    #mainMenu ul {
        text-align: center;
    }
    header {
        width: 100%;
        height: auto;
        text-align: center;
    }
    .third {
        width: 50%;
    }
    hr.after2 {
        display: block;
    }
    hr.after3 {
        display: none;
    }
    .cenaObal {
        width:94%;
        float:left;
        margin:0 3% 50px 3%;
    }
    .templateZoznamSPopisom {
        display: block;
    }
    .templateZoznamSPopisom .sablonaPopis {
        width: 100%;
    }
    .sablonaNahlad {
        width: 100%;
        margin-right: 0;
    }
    .sablonaNahlad img {
        max-width: 100%;
/*        max-width: calc(100% - 36px);
        margin: 20px;*/
    }
    .sablonaPopis {
        width: 100%;
    }
    .sablonaPopis h2 {
        margin: 10px 0 4px;
    }
    .tlacidloSablona.templateTooltip {
        display: none;
    }
    .blogItem {
        width: 100%;
    }
    .blogPopis {
        width: 70%;
        width: calc(100% - 140px);
    }
    .blogPopis h2 {
        font-size: 28px;
    }
    .half {
        width: 100%;
        margin-right: 0;
        float: none;
    }
    .half .mt40 {
        margin-top: 0px;
    }
    #krok2 .v300px {
        max-width: 70%;
    }
    #krok2 .v130px {
        width: 30%;
    }
    .pomocTel {
        width:100%;
        float: none;
        text-align: center;
    }
    .ad, .ad.fr {
        width:100%;
        float: none;
        text-align: center;
        margin-bottom: 40px;
    }
    .ad img {
        width: 250px;
        max-width: 100%;
    }
    .info {
        width:100%;
        float: none;
    }
    .wall .info.fl, .circles form {
        text-align: center;
    }
    .info img {
        margin-bottom: 100px;
    }
    .wall .info img {
        margin-bottom: 20px;
    }
    .vytvorWebObal {
        text-align: center;
    }
    .vytvorWebObal img, button.vytvorWeb {
        max-width: 100%;
        margin-bottom: 20px;
    }
}    
    
    
@media only screen and ( max-width: 420px ) 
{
    #footerMenu {
        margin:0 auto;
        display: block;
    }
    .ilustracia {
        max-width: 100%;
        float: none;
        display: block;
        margin:10px auto 20px auto;
    }
    img.obrazok.ilustracia {
        float: none;
        margin:10px auto 20px auto;
    }
    button.vytvorWeb {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .third {
        width: 100%;
    }
    hr.after2 {
        display: none;
    }
    .sablonaNahlad, .sablonaPopis {
        text-align: center;
    }
    .blogAvatar {
        display: none;
    }
    .blogPopis {
        width: 100%;
    }
    form.form input, form.form textarea {
        width: 100%;
        box-sizing: border-box;
    }
    form.form input {
        height: 30px;
    }
    .stlpIkona.fl {
	width:100%;
        float: none;
    }
    .stlpPopis.fr {
        width:100%;
        float: none;
    }
}