* {
    font-family: Arial CE, Arial;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: black;
    border: none;
}

body{
    background: #dadada;
}


/*

Zakladni tridy

*/

.cleaner {clear: both; font-size: 0!important; height: 0px; line-height: 0px;}
.right {text-align: right;}
.left {text-align: left;}
.center	{text-align: center;}
.bold {font-weight: bold;}
.fl {float: left;}
.fr {float: right;}
.noborder{border: none !important}
.nodisplay{display: none !important}

ul{
    list-style: square  inside none;
    padding-left: 10px;
}

ul li{
    line-height: 20px;
    padding-bottom: 10px;
}

/*

formatovani zakladnich elementu

*/

p {text-align: left; padding-bottom:}
a {color: #004d81; }
a:hover{color: #004d81}
p{line-height: 20px;}

h1{
    font-size: 28px;
    color: #004d81;
    padding-bottom: 10px;
}

h2, h2 a{
    color: #004d81;
    font-size: 20px;
    padding: 10px 0;
    text-decoration: none;
}

h2 a, h2 a:hover{
    text-decoration: underline;
}
/*
h2 a:hover{
    color: #00385d;
}
*/

h3{
    color: #FECF07;
    font-size: 16px;
    padding: 10px 0;
}

h4{
    color: black;
    font-size: 16px;
    padding: 10px 0;
}

/*

horni menu

*/

#horni_pruh{
    background: #104475;
    border-bottom: 5px solid #fecf07;
    height: 32px;
}

#horni_pruh_in{
    margin:  0 auto;
    position: relative;
    width: 984px;
}

#menu {
    position: absolute;
    top: 0;
    right: 0;
}

#menu a{
    color: white;
    display: block;
    height: 27px;
    line-height: 27px;
    float: left;
    padding: 0 30px;
    text-decoration: none;
    margin: 0 3px;
}

#menu a:hover{
    text-decoration: underline;
}

#menu a.registrace{
    background: url(../img/tl_registrace.png) top left repeat-x;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}


#menu a.prihlaseni{
    background: #fecf07;
    color: black;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

/*

hlavni cast webu - main

*/

#main{
    width: 984px;
    margin: 0 auto;
    background: white;
    margin-bottom: 10px;
}

#main_in{
    padding: 20px 8px 10px 8px;
}


/*

pruh s logem, vyhledavanim a socialnimi sitemi

*/

#logo_pruh{
    position: relative;
    width: 100%;
    height: 100px;
    
}

#logo{
    display: block;
    width: 353px;
    height: 65px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/logo.png) top left no-repeat;
}

#vyhledavani{
    position: absolute;
    top: 20px;
    right: 0;
    height: 32px;
    line-height: 32px;
    
}

#vyhledavani form{
    position: relative;
    display: block;
    height: 32px;
    border: 1px solid #8d8d8d;
    width: 250px;
}

#vyhledavani .tlacitko{
    position: absolute;
    top: 0;
    right: 0;
}

#vyhledavani .input{
    position: absolute;
    top: 3px;
    left: 0;
    padding: 5px;
    width: 205px;
    border: 0px solid white;
    color: #8D8D8D;
}

#socialni_site{
    position: absolute;
    top: 18px;
    left: 550px;
}

#socialni_site a{
    width: 30px;
    height: 30px;
    float: left;
    margin: 2px;
}

#socialni_site a.fb{
    background: url(../img/icon_fb.png) bottom center no-repeat;
}

#socialni_site a.fb:hover{
    background: url(../img/icon_fb_hover.png) bottom center no-repeat;
}

#socialni_site a.tw{
    background: url(../img/icon_tw.png) bottom center no-repeat;
}

#socialni_site a.tw:hover{
    background: url(../img/icon_tw_hover.png) bottom center no-repeat;
}

#socialni_site a.rss{
    background: url(../img/icon_rss.png) bottom center no-repeat;
}

#socialni_site a.rss:hover{
    background: url(../img/icon_rss_hover.png) bottom center no-repeat;
}

#socialni_site a.yt{
    background: url(../img/icon_yt.png) bottom center no-repeat;
}

#socialni_site a.yt:hover{
    background: url(../img/icon_yt_hover.png) bottom center no-repeat;
}


/*

carousel - slider

*/


#carousel{
    position: relative;
    height: 340px;
    width: 100%;
    border-bottom: 5px solid #004d81;
    width: 968px;
    margin-bottom: 2px;
}

#slider div{
    position: relative;
    
}

#slider div div{
    position: absolute;
    bottom: 5px;
    left: 0;
    background: url(../img/pruhlednost.png) top left repeat;
    color: white;
    padding: 10px 160px 15px 15px;
    
}

#slider div div p{
    color: white;
    font-size: 13px;
}

#slider h2{
    font-size: 20px;
    font-weight: bold;
    color: #fecf07;
    padding-bottom: 10px;
}

#carousel #kulicky{
    position: absolute;
    bottom:  5px;
    right: 10px;
    z-index: 1000000;
}

#carousel #kulicky a{
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin: 3px;
    background: white;
    border: 1px solid white;
    
}

#carousel #kulicky a:hover, #carousel #kulicky a.aktivni{
    background: #004d81;
    border: 1px solid white;
}



/*

menu - kategorie

*/

#kategorie{
    height: 94px;
}

#kategorie a span, #kategorie span.p span{
    display: block;
    height: 45px;
    width: 192px;
}

#kategorie a, #kategorie span.p{
    width: 192px;
    height: 94px;
    float: left;
    padding: 0px 2px 0 0;
    background: url(../img/menu.png) top left no-repeat;
    text-decoration: none;
    color: white;
    font-size: 16px;
    text-align: center;
    
}

#kategorie a:hover, #kategorie a.klikaci, #kategorie span.p{
    background: url(../img/menu_hover.png) top left no-repeat;
}

#kategorie a strong, #kategorie span.p strong{
    color: white;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
}

#kategorie a.posledni, #kategorie span.p.posledni{
    padding-right: 0;
}

#kategorie a.pn_svet span, #kategorie span.pn_svet span{
    background: url(../img/pn_svet.png) center 10px no-repeat;
}

#kategorie a.pn_domov span, #kategorie span.pn_domov span{
    background: url(../img/pn_domov.png) center 10px no-repeat;
}

#kategorie a.pn_technika span, #kategorie span.pn_technika span{
    background: url(../img/pn_technika.png) center 10px no-repeat;
}

#kategorie a.pn_videa span, #kategorie span.pn_videa span{
    background: url(../img/pn_videa.png) center 10px no-repeat;
}

#kategorie a.pn_rady span, #kategorie span.pn_rady span{
    background: url(../img/pn_rady.png) center 10px no-repeat;
}


/*

seznam clanku

*/

#panel_left{
    width: 586px;
    float: left;
}

#panels{
    margin: 30px 0;
}


p.clanek_info, p.clanek_info a{
    color: #8d8d8d;
    font-size: 11px;
}

p.clanek_info{
    margin: 5px 0 10px 0;
}

p.clanek_info span{
    color: #8d8d8d;
    font-size: 11px;
    line-height: 20px;
    padding: 0 5px 0 25px;
    line-height: 20px;
}


p.clanek_info span.icon_datum{
    background: url(../img/icon_datum.png) top left no-repeat;
}

p.clanek_info span.icon_rubrika{
    background: url(../img/icon_rubrika.png) top left no-repeat;
}

p.clanek_info span.icon_diskuze{
    background: url(../img/icon_diskuze.png) top left no-repeat;
}

p.clanek_info span.icon_user{
    background: url(../img/icon_user.png) top left no-repeat;
}


div.clanek h2{
    padding-bottom: 0;
}

div.clanek p.vice{
    text-align: right;
}

div.clanek{
    margin: 15px 0;
}


/*

pravy panel

*/


#panel_right{
    float: right;
    width: 368px;
}

#panel_right_in{
    padding: 0 0 0 25px;
}

#panel_right_in .box h3{
    font-size: 14px;
    line-height: 25px;
    height: 25px;
    color: white;
    background: url(../img/panel_nadpis.png) top left repeat-x;
    padding: 0 0 0 5px;
    margin-bottom: 10px;
}

/*

box: posledni komentare

*/

.box{
    margin-bottom: 30px;
}

.posledni_komentare table{
    border-collapse: collapse;
    width: 100%;    
}

.posledni_komentare table td{
    padding-bottom: 10px;
    padding-top: 10px;
}

.posledni_komentare table th{
    width: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}
.posledni_komentare a.icon_chat{
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/chat.png) top left no-repeat;
}

.posledni_komentare span{
    color: #8d8d8d;
    font-size: 12px;
}

.posledni_komentare table tr{
    border-bottom: 1px dashed #ccc;
}

.nej_clanky table tr th{
    vertical-align: middle;
    color: #004d81;
    font-weight: bold;
    font-size: 18px;
}

.nej_clanky em{
    color: #8D8D8D;
    font-size: 11px;
}




/*

strankovani

*/

div.strankovani a, div.strankovani span{
    display: block;
    float: left;
    height: 21px;
    line-height: 21px;
    background: url(../img/strankovani.png) top left repeat-x;
    color: white;
    padding: 0 5px;
    text-decoration: none;
    font-size: 12px;
    margin-left: 5px;
}

div.strankovani{
    position: relative;
    width: 100%;
    height: 30px;
    margin: 15px 0;
}

div.strankovani.dole div.strankovani_in{
    position: absolute;
    bottom: 0;
    right: 0;
}

div.strankovani.nahore div.strankovani_in{
    position: absolute;
    top: 0;
    right: 0;
}

div.strankovani a:hover, div.strankovani span{
    background: url(../img/strankovani_hover.png) top left repeat-x;
}

div.strankovani.dole{
    /*background: url(../img/cara.png) top left repeat-x;*/
    border-top: 1px solid black;
}

div.strankovani.nahore{
    /*background: url(../img/cara.png) bottom left repeat-x;*/
    border-bottom: 1px solid black;
}





/*

pred patickou - odkazy

*/

#pre_footer{
    background: #134e8f;
    
}

#pre_footer_in{
    position: relative;
    width: 984px;
    margin: 0 auto;
    padding: 30px 0px;
}

#pre_footer_in table.odkazy{
    border-collapse: collapse;
    width: 100%;
}

#pre_footer_in table.odkazy td{
    width: 25%;
    vertical-align: top;
}

#pre_footer_in table.odkazy a{
    display: block;
    margin-bottom: 8px;
    color: white;
}

#pre_footer_in table.odkazy a:hover{
    text-decoration: none;
}

#pre_footer_in table.odkazy p{
    color: white;
}

#pre_footer_in h3{
    font-size: 16px;
    color: #fecf07;
    padding-bottom: 10px;
}

#footer_socialni_site{
    padding-top: 10px;
}

#footer_socialni_site a{
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 4px;
}

#footer_socialni_site a.rss{
    background: url(../img/icon_footer_rss.png) top left no-repeat;
}

#footer_socialni_site a.rss:hover{
    background: url(../img/icon_footer_rss_hover.png) top left no-repeat;
}

#footer_socialni_site a.skype{
    background: url(../img/icon_footer_skype.png) top left no-repeat;
}

#footer_socialni_site a.skype:hover{
    background: url(../img/icon_footer_skype_hover.png) top left no-repeat;
}

#footer_socialni_site a.yt{
    background: url(../img/icon_footer_yt.png) top left no-repeat;
}

#footer_socialni_site a.yt:hover{
    background: url(../img/icon_footer_yt_hover.png) top left no-repeat;
}

#footer_socialni_site a.tw{
    background: url(../img/icon_footer_tw.png) top left no-repeat;
}

#footer_socialni_site a.tw:hover{
    background: url(../img/icon_footer_tw_hover.png) top left no-repeat;
}

#footer_socialni_site a.fb{
    background: url(../img/icon_footer_fb.png) top left no-repeat;
}

#footer_socialni_site a.fb:hover{
    background: url(../img/icon_footer_fb_hover.png) top left no-repeat;
}

#footer_socialni_site a.email{
    background: url(../img/icon_footer_email.png) top left no-repeat;
}

#footer_socialni_site a.email:hover{
    background: url(../img/icon_footer_email_hover.png) top left no-repeat;
}


/*

paticka

*/

#footer{
    height: 80px;
    background: #104475;
    
}

#footer_in{
    position: relative;
    width: 984px;
    margin: 0 auto;
}

#footer #copyright{
    position: absolute;
    top: 35px;
    left: 0;
    color: #6587aa;
    font-size: 12px;
}

#footer #profiwebik{
    position: absolute;
    top: 30px;
    right: 0;
    display: block;
    width: 140px;
    height: 26px;
    background: url(../img/logo_profiwebik.png) top left no-repeat;
}


/*

clanek

*/

div.perex, p.perex{
    font-weight: bold;
}
#navigace{
    margin-bottom: 10px;
    padding-bottom: 8px;    
    border-bottom: 1px solid #ccc;
}
#navigace, #navigace span, #navigace a{
    font-size: 11px !important;
    line-height: 18px;
}

.stin{
    padding-bottom: 11px;
    background: url(../img/box-shadow.png) bottom left no-repeat;
    margin: 10px 0;
}

.fotka{
    margin-bottom: 20px;
 }

.fotka em{
    font-size: 11px;
    color: #8D8D8D;
}

.fotka .stin{
    margin-bottom: 0;
}

/*

hodnoceni clanku

*/

#hodnoceni{
    position: relative;
    padding: 0 10px 5px 0px;
    /*
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    */  
}

#hodnoceni h4{
    float: left;
}

#hodnoceni .cislo{
    padding-top: 10px;
    float: right;
    font-weight: bold;
    font-size: 20px;
    padding-left:  30px;
}

#hodnoceni .cislo strong{
    font-size: 20px;
}

#hodnoceni .cislo span{
    color: #8D8D8D;
}

.stupnice_hodnoceni{
    float: right;
    padding-top: 10px;
}


/*

diskuzni forum

*/

/* diskuzni prispevky */

table.tPrispevek{
    width: 100%;
    border-collapse: collapse;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 12px;
    color: #333333;
    line-height: 20px;
    table-layout: fixed;
}

table.tPrispevek td.diskuze-avatar{
    width: 120px;
    vertical-align: top;
    
}

table.tPrispevek td.diskuze-avatar img{
    width: 80px;
    vertical-align: top;
    display: block;
    text-align: center;
}

table.tPrispevek td.diskuze-avatar span{
    vertical-align: top;
    display: block;
    text-align: left;
    font-size: 11px;
}

table.tPrispevek td.diskuze-avatar span.autor{
    font-size: 12px;
}

table.tPrispevek tr.share{
    vertical-align: middle;
    height: 40px;
}

table.tPrispevek td.fb_tw{
    width: 80px;
    
}

table.tPrispevek td.fb_tw a{
    float: right;
    
}


table.tPrispevek tr.share a{
    
    display: block;
    height: 30px;
    width: 30px;
    padding: 0px;
    
}

table.tPrispevek tr.share td.plus_minus a{
    float: left;
    text-align: left;
    text-decoration: none;
    height: 26px;
    width: auto;
    /*width: 25px;*/
    line-height: 26px;
    margin-right: 5px;
    padding-left: 30px;
    font-weight: bold;


}


table.tPrispevek tr.share a.fb
{
    background: url(../img/dis_fb.png) top left no-repeat;
}

table.tPrispevek tr.share a.tw
{
    background: url(../img/dis_tw.png) top left no-repeat;
}



table.tPrispevek tr.share a.up{
    color: #8fbb26;
    background: url(../img/thumbs_up.png) top left no-repeat;
}

table.tPrispevek tr.share a.up:hover{
    color: #a7d33f !important;
    
}

table.tPrispevek tr.share a.down{
    background: url(../img/thumbs_down.png) top left no-repeat;
    color: #dd383c;
}

table.tPrispevek tr.share a.down:hover{
    color: #dd383c !important;
}

table.tPrispevek td.comentmain{
    vertical-align: top;
    
}

table.tProfil tr.velke td strong{
    font-size: 18px;
    color: gray;
}


/*

formular diskuze

*/


/* Koment��e */

#contact-area {
	margin-top: 25px;
	margin-left: 10px;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
	font-size: 13px;
	background: #707950;
	color: white;
    cursor: pointer;
}
label {
	text-align: left;
	margin-left: 0px;
	width: 100px;
	padding-top: 4px;
	font-size: 1.2em;
	font-size: 12px;
	font-family: "arial";
    display: block;
}

input.req, textarea.req{
    background: /*#F4F4F4*/ url(../img/req.gif) top right no-repeat;
}


/* registracni formular */
table.tForm{
    width: 100%;
    font-size: 12px;
}

table.tForm label{
    display: inline;
    width: auto;
    
}

table.tForm th{
    width: 150px;
    padding-right: 5px;
    font-weight: normal;
    text-align: right;
    padding-bottom: 5px;
}

table.tForm td{
    padding-bottom: 5px;
}

table.tForm .input, textarea{
    padding: 6px 5px;
    border: 1px solid #ccc;
    width: 200px;
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

textarea{
    width: 100%;
    height: 150px;
    font-size: 12px;
}

.button{
    margin-top: 20px;
    padding: 8px;
    font-weight: bold;
    cursor: pointer;
    background: #004D81 !important;
    color: white;
    width: 150px !important;
    -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

table.tForm a{
    
    line-height: 20px;
}

#messages ul{
    list-style: none inside;
    padding: 0 !important;
    margin: 0 !important;
}

#messages .error, #messages .ok{
    width: auto !important;
    
}

table.tProfil p{
    color: gray;
    padding: 0 0 15px 10px;
}

#diskuzni-form table{
    width: 100%;
}

table.tDiskuzeForm td.diskuze-avatar{
    vertical-align: top;
    width: 120px;
}

table.tDiskuzeForm td.diskuze-avatar span{
    line-height: 20px;
}

/* 

chybove zpravy 

*/

.error ul li, .ok ul li{
    padding: 0;
    color: #9F6000;
}

.ok ul li{
    color: #4F8A10;
}

.ok, .error {
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 7px 0;
    padding: 8px 10px 8px 43px !important;
    font-size: 12px;
}

.ok a, .error a{
    color: #004D81;
}



.error{
    background: #FEEFB3 url("../img/chyba.png") 10px center no-repeat;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px #9EA4A7;
    color: #9F6000;
    
}

.error i{
    font-size: 12px;
}

.ok {color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/ok.png');
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #9ea4a7 1px 1px 3px; -moz-box-shadow: #9ea4a7 1px 1px 3px; box-shadow: #9ea4a7 1px 1px 3px; behavior: url(/PIE.php); position: relative; z-index:1;}


.hlavicka_clanku{
    color: #8D8D8D;
    line-height: 25px;
    font-size: 12px;
    font-style: italic;
}

.box-shadow{
    background: url(../img/box-shadow.png) bottom left no-repeat;
    margin-bottom: 20px;
    padding: 0 5px 5px 15px;
}

a.tag{
    line-height: 30px;
    color: white;
    background: #004D81;
    text-decoration: none;
    padding: 2px 7px;
    font-size: 11px;
}

a.tag:hover{
    background: black;
}

.search-term{
    background: #FECF07
}

p.citace{
    background: #eee;
    font-style: italic;
    padding: 10px;
    margin: 5px 0;
}

.likebox{
    background: black;
    
}

.likebox h3{
    border-bottom: 1px solid white;
}


.tagy a{
    padding: 5px;
    line-height: 25px;
}


#bannery{
    border-bottom: 5px solid #DADADA;
    margin-bottom: 20px;  
}

#bannery .box{
    padding: 0;
    margin-bottom: 0;
     
}


#simplemodal-container a.modalCloseImg {
	background:url(img/close.png) no-repeat; /* adjust url as required */
	width:40px;
	height:40px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

#simplemodal-overlay{
    background: black;
}

#popup-reklama{
    background: none;
}

#popup-reklama{display: none;}
#popup-reklama p img{
    -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -khtml-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px; 
    border: 1px solid black;
    
}



.termsfeed-com---palette-light.termsfeed-com---nb{
	background: #f0f0f0 !important;
    font-family: Arial CE, Arial;
}


.termsfeed-com---nb .cc-nb-okagree, 
.termsfeed-com---nb .cc-nb-reject, 
.termsfeed-com---nb .cc-cp-foot-save,
.termsfeed-com---nb .cc-nb-changep {
    color: white !important;
    background-color: #004D81  !important;
	text-decoration: none;
	padding: 8px 24px !important;
	font-size: 1rem !important;
	text-transform: uppercase !important;
	margin-right: 1rem !important;
	font-weight: normal !important;
    border-radius: 5px !important;
}

.termsfeed-com---nb .cc-nb-reject{
	background: lightgray !important;
  color: #333 !important;
}


.termsfeed-com---palette-light .cc-nb-okagree:focus,
.termsfeed-com---nb .cc-nb-reject:focus, 
.termsfeed-com---nb .cc-cp-foot-save:focus,
.termsfeed-com---nb .cc-nb-changep:focus{
  border: none !important;
  box-shadow: none !important;

}


.termsfeed-com---nb .cc-nb-changep {
	background: none !important;
  color: gray !important;
  text-decoration: underline !important;
}

.termsfeed-com---nb .cc-nb-main-container{
    max-width: 960px;
    margin: 0 auto;
    
    /*background: white !important*/
}

.termsfeed-com---nb .cc-nb-main-container *
{
    text-align: center !important;
}

#termsfeed-com---nb{
  /*background: white !important*/
}

.cc-cp-body-tabs li::before{
  background-image: none !important;
  content: none !important;
}