@charset "utf-8";
/* CSS Document */

@import "reset.css";

html {height:100%;}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background:#e5e5e5 url(img/bgr.jpg) repeat scroll center top;
	color:#444;
	font-size:69%;
	line-height:1.4em;
	position:relative;
	text-align:center;
	}
textarea, input, select {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
} 
a {color:#418ccb; text-decoration:underline;}
a:hover {text-decoration:none;} 
hr {display:none;}

#content hr {display:block; clear:both; height:0; border:0; overflow:hidden; margin-bottom:-1em;}
html>/**/body #content hr {margin-bottom:0.5em;}

/* MAIN
***************************************************************************************************/

body {margin-top:65px;}
#container {width:950px; margin:0 auto; background:#fff url(img/bgr-top.gif) no-repeat scroll center top; text-align:left;}

/* HEADER
***************************************************************************************************/
#header {padding:10px 10px 15px; position:relative; height:70px;}
*>#header {height:45px;}
#header h1 {font-size:2em; font-weight:normal; position:absolute; top:-35px; left:0;}
#header h1 a {display:block; position:relative; width:190px; height:105px; line-height:140px; overflow:hidden; text-align:center;}
#header h1 a span {display:block; width:190px; height:105px; position:absolute; left:0; top:0; background:url(img/logo-b2-blog.gif) no-repeat scroll left top; cursor:pointer;}
#header h1 a:hover span {background-position:left bottom;}

#header form {position:absolute; right:13px; top:13px;} 
#header form fieldset {width:299px; height:44px; background:url(img/search-fieldset.gif) no-repeat scroll left top; overflow:hidden; position:relative;}
#header form input.text {border:0; background:#fff; position:absolute; left:20px; top:15px; width:155px; color:#7c7c7c;}
#header form input.submit {border:0; width:114px; height:31px; color:#fff; font-weight:bold; background:#418cb8 url(img/search-btn.gif) no-repeat scroll left top; position:absolute; right:7px; top:7px; padding-bottom:3px; padding-right:17px; cursor:pointer;}
#header form input.submit:hover {background-color:#2c5c7a; background-position:left bottom;}

#sitemenu {position:absolute; left:190px; top:40px; height:30px; line-height:30px; font-size:1.09em; z-index:99;}
#sitemenu li {float:left; margin-right:2px;}
#sitemenu a {display:block; float:left; height:30px; line-height:30px; background:#418cb8 url(img/sitemenu-left.gif) repeat-x scroll left top; color:#fff; text-decoration:none;}
#sitemenu a strong {font-weight:normal; padding:0 10px; display:block; float:left; line-height:30px; height:30px; background:url(img/sitemenu-right.gif) no-repeat scroll right top;}
#sitemenu a:hover {background-position:left bottom; background-color:#5d9dc3;}
#sitemenu a:hover strong {background-position:right bottom;}

#sitemenu .active a {background-color:#e5e8e9; background-image:url(img/sitemenu-left-a.gif); height:31px; z-index:99; position:relative; color:#777;}
#sitemenu .active a strong {background-image:url(img/sitemenu-right-a.gif); height:31px;}
#sitemenu .active a:hover {background-color:#e5e8e9; background-position:left top;}
#sitemenu .active a:hover strong {background-position:right top;}


/* FOOTER
***************************************************************************************************/
#footer {background:#ced0d0 url(img/footer.gif) no-repeat scroll left top; border-top:1px solid #bcbcbc; border-bottom:1px solid #e1e1e1; clear:both; padding:12px 210px; color:#777;}
.shadow {display:block; height:50px; width:950px; margin:0 auto;}
*>.shadow {background:url(img/footer-shadow.png) no-repeat scroll center top;}

/* BASIC
***************************************************************************************************/
#content {background:url(img/content-bgr.gif) repeat-y scroll center top; border-top:1px solid #dbdbdb; width:950px; position:relative; overflow:hidden;}
#aside {width:190px; float:left; background:#fafafa; border-right:1px solid #e2e2e2;}
#bside {width:190px; float:right; background:#fafafa; border-left:1px solid #e2e2e2;}
*>#aside {width:189px;}
*>#bside {width:189px;}
#caption {width:570px; float:left;overflow:hidden;margin-right:-40px;}

/* SIDE HEADERS
***************************************************************************************************/
#aside h2 {background:#e5e8e9 url(img/side-header.gif) no-repeat scroll left bottom; width:190px; font-size:1.09em; padding:15px; margin-right:-1px; border-top:1px solid #bcbcbc; clear:both; border-bottom:1px solid #ccc; position:relative; top:-1px;}
#bside h2 {background:#e5e8e9 url(img/side-header.gif) no-repeat scroll right bottom; width:190px; font-size:1.09em; padding:15px; margin-left:-1px; border-top:1px solid #bcbcbc; clear:both; border-bottom:1px solid #ccc; margin-top:-1px;}
*>#aside h2 {width:160px;}
*>#bside h2 {width:160px;}
#aside h2.top {border-bottom:1px solid #bcbcbc; border-top:0; top:0;}
#bside h2.top {border-bottom:1px solid #bcbcbc; border-top:0; margin-top:0;}

#aside h2.grafickestudio {position:relative;}
#aside h2.grafickestudio span {display:block; width:150px; height:35px; position:absolute; left:5px; top:5px; background:url(img/h2-grafickestudio.gif);}

/* BREADCRUMBS
***************************************************************************************************/
#caption #breadcrumbs {padding:15px 20px 16px; margin:0 0 18px; background:#e5e8e9 url(img/breadcrumbs.gif) repeat-x scroll left bottom; font-size:1.09em; color:#777; border-bottom:1px solid #bcbcbc;}
*>#caption #breadcrumbs {padding-bottom:15px;}
#caption #breadcrumbs span {padding:0 8px; background:url(img/breadcrumbs-arrow.gif) no-repeat scroll center bottom;} 
#caption #breadcrumbs strong {margin:0 -10px 0 4px;}
#caption #breadcrumbs a img {border-bottom:1px solid #418ccb; padding:0 0 1px; margin-bottom:-2px;}
#caption #breadcrumbs a:hover img {border-bottom:0; margin-bottom:-1px;}

/* PAGE NUMBERS
***************************************************************************************************/

#caption #wp_page_numbers ul {clear:both; text-align:left;}
#caption #wp_page_numbers li {display:inline; background:none; border:1px solid #eee; padding:0; margin-right:3px;}
html>/**/body #caption #wp_page_numbers li {display:inline-block;}
#caption #wp_page_numbers a {text-decoration:none; background:#eee; color:#444; border:1px solid #fff; padding:3px 8px; font-size:1.09em;}
#caption #wp_page_numbers li.space {padding:4px 9px;}
html>/**/body #caption #wp_page_numbers a {display:inline-block;}
#caption #wp_page_numbers a:hover {background:#418ccb; color:#fff;}
#caption #wp_page_numbers li.active_page {border-color:#fff;}
#caption #wp_page_numbers li.active_page a {background:#fff; color:#777;}
#caption #wp_page_numbers li.active_page a:hover {color:#777;}
#caption .bottomline {border-top:1px solid #e2e2e2;}


/* CAPTION
***************************************************************************************************/
#caption p {padding:0 20px; margin:1em 0; text-align:justify;}
#caption h2 {clear:both; padding:0 20px; margin:1em 0 0.8em; font-weight:normal; color:#418ccb; font-size:1.82em;}
#caption h3 {clear:both; padding:0 20px; margin:1em 0 0.8em; font-weight:normal; color:#418ccb; font-size:1.63em; border-top:1px solid #e2e2e2; padding-top:15px;}
#caption h4 {clear:both; padding:0 20px; margin:1em 0 0.8em; font-weight:normal; color:#418ccb; font-size:1.54em; border-top:1px solid #e2e2e2; padding-top:14px;}
#caption h5 {clear:both; padding:0 20px; margin:1em 0 0.8em; font-weight:bold; color:#418ccb; font-size:1.27em; border-top:1px solid #e2e2e2; padding-top:13px;}
#caption h6 {clear:both; padding:0 20px; margin:1em 0 0.8em; font-weight:bold; color:#418ccb; font-size:1.18em; border-top:1px solid #e2e2e2; padding-top:12px;}

#caption .sociable ul {height:16px;}
#caption .sociable li {float:left; background:none; padding:0; margin-right:20px;}

#caption h3 a .fir {border-bottom:1px solid #418ccb;}
#caption h3 a:hover .fir {border-bottom:0; padding-bottom:1px;}
#caption .item {padding-left:180px; border-top:1px solid #e2e2e2; padding-bottom:6px; position:relative; min-height:141px; height:150px;}
*>#caption .item {height:auto;}
#caption .item h3 {border-top:0; padding-top:0; font-size:1.27em; margin-top:16px;}
#caption .post-thumb {position:absolute; left:20px; top:20px; padding:0; margin:0;}
#caption .post-thumb a {padding:2px; border:1px solid #418ccb; display:block;}
#caption .post-thumb a:hover {padding:1px; border-width:2px;}
#caption .post-thumb img {display:block; width:160px; height:100px;}

#caption .info {color:#999; font-size:0.91em; line-height:1.4em; margin-top:15px;}

#caption .gallery {margin:-5px 0 0 20px;}
#caption .gallery-item {margin-bottom:5px;}
#caption .gallery a {padding:2px; border:1px solid #418ccb; display:block; float:left;}
#caption .gallery a:hover {padding:1px; border-width:2px;}
#caption .gallery img {margin:0; padding:0; display:block; border:0;}

#caption .fir {margin-bottom:-8px;}
#caption em {color:#999; font-style:normal;}
#caption ul {padding:0 20px; margin:1em 0;}
#caption ol {padding:0 20px; margin:1em 0;}
#caption ul li {background:url(img/listitem.gif) no-repeat scroll left 2px; padding-left:18px;}
#caption p.date {font-size:0.82em; color:#999; margin:-1em 0 -0.5em; padding-left:21px; line-height:1.6em;}

#caption fieldset input {padding:2px 3px; margin-right:5px;}
#caption fieldset textarea {padding:2px 3px; overflow:auto; line-height:1.4em;}
#caption fieldset {padding:0.5em 0 1em;}
#caption fieldset p {margin:2px 0;}
#caption fieldset label {display:block; float:left; width:8em; margin-right:5px;}
#caption fieldset .buttons {padding-left:8em; margin-left:25px;}

#caption table {width:530px; background:#f9f9f9; margin:0.5em 20px; border-collapse:separate; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
#caption table td {border:1px solid #e2e2e2; border-top-color:#fff; border-left-color:#fff; padding:2px 5px; color:#777; text-align:center;}
#caption table tr:hover td {background:#fff; color:#418ccb;}
#caption table thead td, #caption table thead tr:hover td  {background:#eee; color:#444;}

#caption .portfolio {padding-left:10px;}
#caption .portfolio li {background:none; width:auto; float:left; margin:0 0 10px 10px; padding:0;}
#caption .portfolio a {display:block; float:left; background:#a3cbed; padding:3px;}
#caption .portfolio a:hover {background:#005d83;}
#caption .portfolio a img {display:block; border:2px solid #005d83;}
#caption .portfolio a:hover img {border-color:#fff;}

#caption .page-numbers {clear:both; text-align:left;}
#caption .page-numbers li {display:inline; background:none; border:1px solid #eee; padding:0; margin-right:3px;}
html>/**/body #caption .page-numbers li {display:inline-block;}
#caption .page-numbers a {text-decoration:none; background:#eee; color:#444; border:1px solid #fff; padding:3px 8px; font-size:1.09em;}
html>/**/body #caption .page-numbers a {display:inline-block;}
#caption .page-numbers a:hover {background:#418ccb; color:#fff;}
#caption .page-numbers li span {background:#fff; color:#777; padding:3px 8px; font-size:1.09em; border:1px solid #fff; display:inline-block;}

#caption object {margin:0 20px;}
#caption .full object {margin:0;}

#caption .commentlist li {background:none; padding:20px 20px 5px; margin-bottom:14px; border:1px solid #e2e2e2;}
#caption .commentlist p {text-align:left;}
#caption .commentlist ul {padding:0; margin:0;}
#caption .commentlist .thread-even,
#caption .commentlist .thread-even li li,
#caption .commentlist .thread-even li li li li,
#caption .commentlist .thread-odd li,
#caption .commentlist .thread-odd li li li,
#caption .commentlist .thread-odd li li li li li
{background:#fafafa;}
#caption .commentlist .thread-odd,
#caption .commentlist .thread-odd li li,
#caption .commentlist .thread-odd li li li li,
#caption .commentlist .thread-even li,
#caption .commentlist .thread-even li li li,
#caption .commentlist .thread-even li li li li li
{background:#fff;}
#caption .commentlist .reply {margin-bottom:15px;}

#caption .commentlist #comments {display:none;}
#caption code {font-size:1.34em; color:#777;}
#caption textarea {width:100%;}
#caption cite {font-style:normal;}


/* MENU
***************************************************************************************************/
#menu li {float:left;}
*>#menu li {clear:both; float:none;}
#menu a {border-bottom:1px solid #eaeaea; border-top:1px solid #fff; display:block; float:left; width:189px; padding:8px 15px; font-size:1.09em; color:#777; background:url(img/menu.gif) no-repeat scroll 161px 6px; text-decoration:none;}
*>#menu a {width:159px;}
#menu a:hover {color:#418ccb; text-decoration:none; background-color:#fcfcfc; background-image:url(img/menu-hover.gif);}
#menu .current-cat a, #menu .current-cat a:hover {color:#444; background-color:#ececec; background-image:url(img/menu-active.gif); border-top-color:#ececec;}

#bside #services li {float:left; border:0; padding:0;}
*>#bside #services li {clear:both; float:none;}
#bside #services a {border-bottom:1px solid #eaeaea; border-top:1px solid #fff; display:block; float:left; width:189px; padding:8px 15px; font-size:1.09em; color:#777; background:url(img/menu.gif) no-repeat scroll 161px 6px; text-decoration:none;}
*>#bside #services a {width:159px;}
#bside #services a:hover {color:#418ccb; text-decoration:none; background-color:#fcfcfc; background-image:url(img/menu-hover.gif);}

#bside #services a span {display:block; width:15px; height:15px; margin-right:7px; float:left; background:url(img/menu-icon-services.gif) no-repeat scroll 15px 15px;}
#bside #services a.graficky-dizajn span {background-position:0 0;}
#bside #services a.webdizajn span {background-position:-15px 0;}
#bside #services a.flash span {background-position:-30px 0;}
#bside #services a.vizualizacie span {background-position:-45px 0;}
#bside #services a.spracovanie-videa span {background-position:-60px 0;}
#bside #services a.dvd-authoring span {background-position:-75px 0;}

/* SIDE BOXES
***************************************************************************************************/
#aside p {margin:15px; color:#777;}
#aside img {border:2px solid #005d83; margin:0 -2px; display:block;}
#aside a.image {display:block; float:left; background:#a3cbed; padding:3px 5px; margin:-5px -3px -5px;}
*>#aside a.image {margin:-5px -5px -5px;}
html>/**/body #aside a.image {margin:-5px -5px 10px;}
#aside a.image:hover {background:#005d83;}
#aside a.image:hover img {border-color:#fff;}
#aside p strong {color:#444; font-size:1.09em; font-weight:normal;}

#aside .full {padding:0; margin:0;}
#aside .full a {padding:0; margin:0; border:0;}
#aside .full a img {padding:0; margin:0; border:0;}

#aside #anketa fieldset {padding:5px 0;}
#aside #anketa p {margin:10px 15px; line-height:1.2em; clear:both;}
#aside #anketa input {float:left; margin:-3px 0 0 -3px;}
html>/**/body #aside #anketa input {float:left; margin:1px 0 0;}
#aside #anketa label {margin-left:17px; display:block;}
#aside #anketa label:hover {text-decoration:underline; cursor:pointer;}
#aside #anketa .button {float:none; color:#fff; font-weight:bold; background:#418cb8 url(img/vote-btn.gif) no-repeat scroll left top; cursor:pointer; width:105px; height:31px; padding-left:22px; padding-bottom:1px; border:0; margin-left:28px; margin-top:5px;}
html>/**/body #aside #anketa .button {padding-bottom:4px; padding-left:25px; margin-top:2px;}

#aside #anketa .button:hover {background-color:#2c5c7a; background-position:left bottom;}
#aside #anketa p strong {font-size:1em;}

#aside #anketaresult {padding:5px 0 8px;}
#aside #anketaresult p {margin:10px 15px; line-height:1.2em;}
#aside #anketaresult p strong {font-size:1em;}
#aside #anketaresult span {display:block; margin:2px 0 5px; height:7px; width:100%; background:#dbdddd; overflow:hidden;}
#aside #anketaresult span span {background:#418ccb; overflow:hidden; margin:0; border-right:1px solid #fff;}

#aside p.more {padding:10px 15px; border-top:1px solid #eaeaea; margin:0;}
#aside p.more a {display:block; height:31px; line-height:29px; background:url(img/btn-more.gif) no-repeat scroll left top; padding-left:40px; font-size:1.09em; margin-left:17px; overflow:hidden;}
#aside p.more a:hover {background-position:left bottom;}

#bside p {margin:15px; color:#777;}
#bside p strong {font-weight:normal; color:#444;}
#bside img {border:2px solid #005d83; margin:0 -2px; display:block;}
#bside a.image {display:block; float:left; background:#a3cbed; padding:3px 5px; margin:-5px -3px -5px;}
*>#bside a.image {margin:-5px -5px -5px;}
html>/**/body #bside a.image {margin:-5px -5px 10px;}
#bside a.image:hover {background:#005d83;}
#bside a.image:hover img {border-color:#fff;}
#bside p em {color:#444; font-style:normal;}
#bside li {border-top:1px solid #fff; border-bottom:1px solid #eaeaea; padding:10px 15px;}
#bside li:hover {background:#f5f5f5; border-top-color:#f5f5f5;}
#bside h3 {font-size:1.09em; font-weight:normal;}
#bside li p {margin:0; line-height:1.25em;}
#bside li p.date {font-size:0.82em; color:#444; margin-top:-1px; line-height:1.6em;}

#bside .full {padding:0; margin:0;}
#bside .full a {padding:0; margin:0; border:0;}
#bside .full a img {padding:0; margin:0 0 1px; border:0;}

/* HOME links
***************************************************************************************************/
#caption #homelinks {height:340px; border-top:1px solid #e8e9e9; margin:20px 0; padding:0;}
#caption #homelinks li {float:left; width:190px; height:170px; text-align:center; font-size:1.45em; background:#eef0f1; padding:0;}
#homelinks a {display:block; width:190px; padding:70px 0; height:170px; position:relative; overflow:hidden;}
*>#homelinks a {height:30px; line-height:30px;}
#homelinks a span {display:block; width:190px; height:170px; position:absolute; left:0; top:0; background-position:left top; cursor:pointer;}
#homelinks a:hover span {background-position:left bottom;}
#homelinks .pos01 span {background-image:url(img/homelink01.gif);}
#homelinks .pos02 span {background-image:url(img/homelink02.gif);}
#homelinks .pos03 span {background-image:url(img/homelink03.gif);}
#homelinks .pos04 span {background-image:url(img/homelink04.gif);}
#homelinks .pos05 span {background-image:url(img/homelink05.gif);}
#homelinks .pos06 span {background-image:url(img/homelink06.gif);}