/*  
Theme Name: SEOcentrum.sk
Theme URI: http://www.seocentrum.sk
Description: Vzled pro blog prezentace SEOcentrum.sk
Author: Tomáš Gažůr
Author URI: http://www.tomasgazur.cz
*/

body {font-family: Arial, sans-serif; font-size: 15px; color: #525252; background-color: #f0f0f0; }

a { color: #008ABC; }
a:hover { color: red; }
img { border: none; }
img, div { behavior: url('iepngfix.htc'); }
p { text-align: justify; line-height: 23px; }
h2 { font-size: 24px; font-weight: normal;  }
h2 a {text-decoration: none; }
h2 a:hover { font-size: 24px; font-weight: normal; text-decoration:underline; }
h4 { font-size: 18px; padding-left: 20px; font-weight: normal; }
h5 { font-size: 15px; margin: 0; font-weight: normal; }
.blue { color: #008ABC; }
hr { width: 100%; height: 1px; background-color: #D3D3D4; border: none; position: relative; top: 10px; margin-bottom: 30px; }
.clear { clear: both; }

#page { width: 962px; height: 100%; margin: 0 auto 40px auto; background: #fff url('img/page.png') bottom left repeat-x; }

#header { width: 962px; height: 119px; background: #333333 url('img/header.png') no-repeat top right; }
#logo { width: 238px; height: 119px; float: left; }
#menu { position: relative; top: 45px; right: 27px; float: right; }
#menu a { color: #fff; text-transform: uppercase; margin: 0px 4px; padding: 6px 13px; text-decoration: none; font-weight: bold; letter-spacing: 1px; font-size: 13px; float: left; }
#menu a:hover { color: #51ACD4; }
#menu a.uvod:hover { background: url('img/uvod.png') no-repeat; }
#menu a.sluzby:hover { background: url('img/sluzby.png') no-repeat; }
#menu a.reference:hover { background: url('img/reference.png') no-repeat; }
#menu a.cenik:hover { background: url('img/cenik.png') no-repeat; }
#menu a.kontakt:hover { background: url('img/kontakt.png') no-repeat; }
#menu a.blog:hover { background: url('img/blog.png') no-repeat; }
#menu a.forum:hover { background: url('img/forum.png') no-repeat; }

#content-top { width: 962px; height: 17px; background: url('img/content-top.png') no-repeat top left; }
#content { width: 962px; background: url('img/content.png') repeat-y top left; float: left; }
#content-bottom { width: 962px; height: 20px; background: url('img/content-bottom.png') no-repeat top left; clear: both; }

#panel-left { width: 573px; padding-left: 35px; _margin-top: 20px; float: left;  padding-bottom: 10px; }
#panel-left .reference { width: 100%; height: 303px; background: url('img/ref-back.png') repeat-x top left; margin-top: 30px; margin-bottom: 50px; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; }
#panel-left .reference .image { width: 176px; height: 177px; background: url('img/ref-img.png') no-repeat bottom left; margin: 53px 0; text-align: center; float: left; position: relative; left: 20px; }
#panel-left .reference .ref-text { width: 295px; font-size: 12px; position: relative; right: 50px; float: right; }
#panel-left .reference .ref-text .pozice { width: 185px; float: left; }
#panel-left .referece .ref-text .dukazy { float: right; }
.clients { border-right: 1px solid #D8D8D9; padding-right: 20px; }
.paging { clear: both; padding-bottom: 30px; }
.paging .up { float: left; }
.paging .pages { float: right; }

#panel-services { margin-left: 35px; float: left;  padding-bottom: 20px; }
#panel-services .h3 { width: 442px; height: 45px; float: left; }
#panel-services .h3 h3 { color: #fff; padding: 12px 0 0 30px; margin: 0; font-size: 17px; }
#panel-services .service { width: 442px; margin-right: 10px; background: #FBFBFB url('img/sluzby/bottom.png') no-repeat bottom left; margin-top: 20px; float: left; padding-bottom: 30px; }
#panel-services .service .middle { width: 440px; padding: 0 0; background: url('img/sluzby/back.png') repeat-x top left; border-left: 1px solid #F6F6F6; border-right: 1px solid #F6F6F6; float: left; }
#panel-services .service .middle p { font-size: 13px; padding: 0 30px; margin-bottom: 8px; }
#panel-services .seo-audit { background: #333333 url('img/sluzby/seo-audit.png') no-repeat top left; }
#panel-services .audit-pouzitelnosti { background: #333333 url('img/sluzby/audit-pouzitelnosti.png') no-repeat top left; }
#panel-services .audit-pristupnosti { background: #333333 url('img/sluzby/audit-pristupnosti.png') no-repeat top left; }
#panel-services .linkbuilding { background: #333333 url('img/sluzby/linkbuilding.png') no-repeat top left; }

#panel-prices { margin-left: 35px; float: left; }
#panel-prices .price-list { width: 432px; height: 115px; margin-top: 15px; background: url('img/cenik/back.png') no-repeat top left; margin-right: 27px; float: left; line-height: 20px; }
#panel-prices .price-list h5 { font-size: 17px; color: #008ABC; }
#panel-prices .price-text { padding-left: 30px; float: left; width: 280px; }
#panel-prices .two { padding-top: 35px; }
#panel-prices .three { padding-top: 25px; }
#panel-prices .four { padding-top: 15px; }
#panel-prices .price { padding: 35px 30px 0 0; float: right; }
#panel-prices .price strong { font-size: 17px; }
#panel-prices a:hover { color: red; }

#panel-right { width: 276px; margin-right: 35px; float: right; }
#panel-right .panel { width: 276px; background: #FFFFFF; margin-top: 20px;}
#panel-right .panel .middle { width: 276px; padding: 0 0; float: left; background: #FFFFFF;}
#panel-right .panel .middle p { padding: 0 30px; margin-bottom: 8px; }
#panel-right .panel .middle a { font-size: 14px; }
#panel-right .panel .middle ul { padding-left: 30px; width: 276px; float: left; }
#panel-right .panel .middleanketa { width: 276px; padding-top: 5px; float: left; margin-left: 0px;}

#panel-right .panel .middle a:hover { color: red; }
#panel-right .h3 { width: 276px; height: 45px; float: left; }
#panel-right .h3 h3 { color: #fff; padding: 13px 0 0 30px; margin: 0; font-size: 17px; }
#panel-right p { font-size: 12px; }

#panel-right .seo-audit { background: #333333 url('img/seo-audit.png') no-repeat top left; }
#panel-right .audit-pouzitelnosti { background: #333333 url('img/audit-pouzitelnosti.png') no-repeat top left; }
#panel-right .audit-pristupnosti { background: #333333 url('img/audit-pristupnosti.png') no-repeat top left; }
#panel-right .linkbuilding { background: #333333 url('img/linkbuilding.png') no-repeat top left; }

a.seo { color: #4099BC; }
a.pouz { color: #89AD2E; }
a.pris { color: #DF731D; }
a.linkbuild { color: #817364; }

#panel-left form { margin-left: 20px; margin-top: 30px; }
#panel-left fieldset { border: none; padding: 0; }
#panel-left input, #panel-left textarea { background: none; border: none; color: #525252; }
#panel-left textarea { padding: 10px 20px; width: 460px; height: 220px; }
#panel-left .input { width: 503px; height: 31px; background: #efefef url('../img/kontakt/input.png') no-repeat top left; margin-bottom: 10px; }
#panel-left .input input { padding: 8px 20px; width: 230px; }
#panel-left .textarea { width: 502px; height: 245px; background: #efefef url('../img/kontakt/textarea.png') no-repeat top left; }
#panel-left .submit { width: 96px; height: 29px; background: #333333 url('../img/submit.png') no-repeat top left; margin-top: 10px; font-size: 16px; color: #fff; }

#panel-right fieldset { border: none; padding: 0; }
#panel-right input, #panel-right textarea { background: none; border: none; color: #525252; }
#panel-right textarea { padding: 10px 20px;  width: 230px; height: 146px; }
#panel-right .input { width: 277px; height: 31px; background: #efefef url('img/input.png') no-repeat top left; margin-bottom: 10px; }
#panel-right .input input { padding: 8px 20px; width: 230px; }
#panel-right .textarea { width: 277px; height: 171px; background: #efefef url('img/textarea.png') no-repeat top left; }
#panel-right .submit { width: 96px; height: 29px; background: #333333 url('img/submit.png') no-repeat top left; margin-top: 10px; font-size: 16px; color: #fff; }

.panel-kontakt { margin-top: 73px; line-height: 20px; border-left: 1px solid #D8D8D9; padding-left: 40px; width: 236px !important; padding-bottom: 90px; }
.panel-kontakt h4 { margin: 0 0 20px 0; padding-left: 0px; }
#panel-right .left { width: 60px; float: left; }
#panel-right .right { float: left; margin-bottom: 50px; }

#panel-bottom { width: 890px; position: relative; left: 35px; border-top: 1px solid #D3D3D4; float: left; }
#panel-bottom a { margin: 15px 20px; float: left; }
#panel-bottom .seznam { width: 119px; height: 55px; background: url('img/seznam.png') no-repeat top left; }
#panel-bottom .seznam:hover { background: url('img/seznam.png') no-repeat bottom left; }
#panel-bottom .google { width: 96px; height: 55px; background: url('img/google.png') no-repeat top left; }
#panel-bottom .google:hover { background: url('img/google.png') no-repeat bottom left; }
#panel-bottom .yahoo { width: 111px; height: 55px; background: url('img/yahoo.png') no-repeat top left; }
#panel-bottom .yahoo:hover { background: url('img/yahoo.png') no-repeat bottom left; }
#panel-bottom .centrum { width: 117px; height: 55px; background: url('img/centrum.png') no-repeat top left; }
#panel-bottom .centrum:hover { background: url('img/centrum.png') no-repeat bottom left; }
#panel-bottom .dmoz { width: 106px; height: 55px; background: url('img/dmoz.png') no-repeat top left; }
#panel-bottom .dmoz:hover { background: url('img/dmoz.png') no-repeat bottom left; }
#panel-bottom .atlas { width: 101px; height: 55px; background: url('img/atlas.png') no-repeat top left; }
#panel-bottom .atlas:hover { background: url('img/atlas.png') no-repeat bottom left; }

#footer { width: 962px; float: left;}
#footer p { padding: 10px 0 10px 50px; float: left; }
#footer .logo { width: 99px; height: 19px; background: url('img/logo-vodicka.png') no-repeat top left; margin: 25px 50px 0 0; float: right; }
#footer .logo:hover { background: url('img/logo-vodicka-hover.png') no-repeat top left; }

/* DODĚLÁVKY PRO BLOG*/

#socialnetworks img {
	margin: 5px 0;
}

#socialnetworks {
	padding-left: 100px;
	width: 260px;
}


#socialnetworks p {
	display: inline;
	position: relative; bottom: 10px;
	color: #bfbfbf;
}

.clear { clear: both}

.prss { margin-left: 30px;}
.ptwitter { margin-left: 17px;}

#request {
	background: #ffecec;
	border: #ffd1cc solid 1px;
	padding: 5px;
	margin: 15px 0;
	color: #a61708;
	width: 200px;
}

#msg {
	background: url('img/textarea-kontakt.png') no-repeat top left;
	margin: 0 0 0 0;
	height: 178px;
	color: #727068;
	width: 573px;
	margin-bottom: 10px;
}

#msgleft {
	float: left;
	width: 180px;
	padding-left:5px;
}

#msgleft input {
	margin-top: 8px;
	color: #727068;
	width: 120px;
	background: #FFFFFF;
}

#msgleft label {
	color: #727068;
	width: 120px;
}

#clear {
	clear: both;
	padding: 10px 0 10px 0;
}

#clear2 {
	clear: both;
}

.line {line-height: 30px}

.smaller {font-size: 7pt}

#msgleft input {
	float: left;
	border: 1px #c8c8c8 solid;
	padding: 6px 5px;
	height: 16px;
	width: 170px;
	margin-top: 15px;
}

#msgright {
	float: left;
	width: 300px;
	margin-left: 25px;
}

#comment { margin-bottom: 15px;}


#msgright textarea {
	border: 1px #c8c8c8 solid;
	padding: 6px 5px;
	height: 130px;
	width: 315px;
	background: #FFFFFF;
}

#star {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	color: #939292;
	float: left;
}

#odeslat {
	background: url('img/submit.png') no-repeat top left !important;
	float: right;
	height: 30px;
	width: 98px;
	color:#FFFFFF !important;
	font-weight: bold;
	font-size: 8.5pt;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.comment {
	border-left: #52AFD7 solid 5px;
	margin: 25px 0 25px 0;
	padding-left: 15px;
	clear: both;
}

.comment p {
	margin: 3px 0 0 0 !Important;
}

.author {
	font-size: 10pt;
	margin: 0 0 0 0 !Important;	
}

.author a {
	color: #003F5E;
}

.commentdate {
	color: #939292;
	font-size: 9pt;
	margin: 0 0 0 0 !Important;
}

#commentheader {
	text-align: right;
	color: #79923d;
	font-size: smaller;
	font-style: italic;
	padding: 3px;
}


#commentheader a {
	text-decoration: underline;
	color: #003F5E;
}

blockquote {
	border-left: #52AFD7 solid 5px;
	margin: 10px;
	padding-left: 10px;
}

.autor { font-size: 11px; padding: 0 !important; margin: 0 !important;}

#searchpanel {	
	background: #FFFFFF url('img/input-search.png') no-repeat top left !important;
	width:203px;
	padding: 8px;
	margin-left: 8px;
	background-color:#FFFFFF;
}
#search {
	background: #FFFFFF url('img/submit-search.png') no-repeat top left !important;
	width:45px;
	height:31px;
	color: #FFFFFF !important;
	cursor: pointer;
}