/* =BODY
---------------------------------------------------------------------------------------------------*/
body { margin:0; padding:0px; font-size:12px; text-align:left; font-family:Arial, sans-serif; background:#000 url(http://www.contractors.sk/images/layout/bg.jpg) repeat-x; color:#000; }

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { font-size:24px; color:#B2252E; font-family:Georgia, Times; margin-bottom:10px; }
h2 { font-size:16px; font-weight:normal; color:#B2252E; font-family:Georgia, Times; margin-bottom:10px; }
h3 { font-size:16px; font-weight:normal; color:#000; font-family:Georgia, Times; margin-bottom:5px; }
a { color:#B2252E; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; margin:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
p { line-height:140%; margin-bottom:10px; }
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
ul li { list-style:none; line-height:130%; }
.red { color:#B2252E; }
input, textarea { font-size:12px; font-family:Arial, sans-serif; }
.wrap { width:960px; margin:0 auto; }

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header { width:910px; height:72px; margin:0 auto; color:#fff; padding:10px 20px 10px 30px; background:url(http://www.contractors.sk/images/layout/bg-top.gif) bottom no-repeat; }
.header.inzercia { height:20px; }

/* =MAIN MENU
---------------------------------------------------------------------------------------------------*/
ul.main-menu { float:right; margin-top:36px; }
ul.main-menu li { float:left; margin-right:10px; height:36px; position:relative; }
ul.main-menu li a { color:#fff; height:36px; text-align:center; font-size:13px; display:block; float:left; line-height:36px; text-decoration:none; padding:0 10px; }
ul.main-menu li a.active,
ul.main-menu li a.active:hover { color:#000; background:#fff url(http://www.contractors.sk/images/layout/bg-menu.gif) no-repeat; background-position:top left; }
ul.main-menu li a.active span,
ul.main-menu li a.active:hover span { width:10px; position:absolute; top:0px; right:-1px;  height:36px; float:right; background:#fff url(http://www.contractors.sk/images/layout/bg-menu-right.gif) no-repeat; background-position:top right; }
ul.main-menu li a:hover { background:#9D9D06 url(http://www.contractors.sk/images/layout/bg-menu.gif) no-repeat; background-position:bottom left; }
ul.main-menu li a:hover span { width:10px; position:absolute; top:0px; right:-1px;  height:36px; float:right; background:#9D9D06 url(http://www.contractors.sk/images/layout/bg-menu-right.gif) no-repeat; background-position:bottom right; }
ul.main-menu li img { position:absolute; top:-10px; right:0; }

/* =MAIN
---------------------------------------------------------------------------------------------------*/
.main { width:900px; padding:20px 30px; background:#fff url(http://www.contractors.sk/images/layout/bg-main.gif) no-repeat bottom right; }
.main.white-m { background:#fff; padding-bottom:10px; }
.main .side { width:445px; float:left; }
.main .side .title { width:405px; height:30px; padding:0 20px; margin-bottom:10px; display:block; line-height:30px; color:#fff; background:#373601 url(http://www.contractors.sk/images/layout/bg-green-title.gif) no-repeat; }
.main .side .title h2 { color:#fff; }
.main .date { color:#b3b3b3; font-style:italic; }

/* =CONTENT
---------------------------------------------------------------------------------------------------*/
.content.welcome { width:445px; float:right; }
.content p.desc { font-size:16px; line-height:130%; margin-bottom:20px; }
ul.news li { background:#fff; padding:15px 20px 5px 20px; }
ul.news li h3 a { color:#000; text-decoration:none; }
ul.news li h3 a:hover { text-decoration:underline; }
ul.news li.color { background:#F9F9F9; border-bottom:2px dotted #F0EFEF; border-top:2px dotted #F0EFEF; }

/* =PAGINATE
---------------------------------------------------------------------------------------------------*/
.paginate { width:400px; display:block; text-align:center; margin: 0 auto; padding:10px; }
.paginate a { width:26px; height:26px; display:inline-block; font-size:11px; margin:0; line-height:26px; text-align:center; text-decoration:none; background:url(http://www.contractors.sk/images/layout/bg-slide-controls-item.png) left top no-repeat; color:#fff; cursor:pointer; }
.paginate a:hover { background-position:bottom; }
.paginate strong { width:26px; height:26px; font-size:11px; display:inline-block; font-weight:normal; line-height:26px; text-align:center;  background:url(http://www.contractors.sk/images/layout/bg-slide-controls-item.png) left center no-repeat; }

/* =GALLERY BOXES
---------------------------------------------------------------------------------------------------*/
ul.gallery-boxes li { width:770px; height:118px; overflow:hidden; padding:10px 120px 0 10px; position:relative; margin-bottom:10px; float:left; background-color:#E9E9E9; background-image:url(http://www.contractors.sk/images/layout/bg-box-gallery.gif); background-position:top; }
ul.gallery-boxes li span { width:145px; height:110px; top:10px; left:10px; position:absolute; background:url(http://www.contractors.sk/images/layout/thumb_border_silver.png) no-repeat top left; }
ul.gallery-boxes li:hover { background-color:#B9B94D; background-position:bottom; }
ul.gallery-boxes li:hover span { background:url(http://www.contractors.sk/images/layout/thumb_border_green.png) no-repeat top left; }
ul.gallery-boxes li img { float:left; margin-right:10px; }
ul.gallery-boxes li a { color:#000; }
ul.gallery-boxes li h2 { font-size:24px; line-height:140%; }
.link-image { float:left; display:block; margin-bottom:20px; }
ul.black-foto { width:445px; display:block; float:left; margin:0 0 5px 0; }
ul.black-foto li { float:left; width:145px; margin:0 5px 5px 0; position:relative; }
ul.black-foto li.rear { margin-right:0; }
ul.black-foto li span { width:145px; height:110px; top:0; left:0; position:absolute; background:url(http://www.contractors.sk/images/layout/thumb_border.png) no-repeat top left; }
* html ul.black-foto li span { background:url(http://www.contractors.sk/images/layout/thumb_border.gif) no-repeat top left; }
.gallery img { float:left; margin:0 10px 10px 0; }

/* =TEAM PAGE
---------------------------------------------------------------------------------------------------*/
.team-image { width:465px; float:left; }
* html .team-image img { display:inline; }
* html .team-image { padding-bottom:10px; }
.team-image img { float:left; margin:0 10px 10px 0; }
.team-text { width:435px; float:right; }
.team-text li { clear:both; width:435px; font-size:14px; line-height:160%; padding:0; }
.team-text li.first { font-size:24px; padding-bottom:10px; font-family:Georgia, Times; }
.team-text li.first h2 { font-size:24px; }
.team-box { width:900px; float:left; border-top:5px dotted #E9E9E9; padding-top:10px; margin-bottom:0px; }

/* =COMMENTS
---------------------------------------------------------------------------------------------------*/
#comment_form textarea { width:590px; height:140px; float:left; padding:5px; border:1px solid #ccc; border-top:3px solid #b2252e; }
#comment_form label { width:50px; float:left; line-height:28px; }
#comment_form input { margin-left:50px; }
#comment_form .row { width:900px; display:block; float:left; margin-bottom:10px; }
#comment_form .row input { float:left; width:590px; height:15px; margin:0; padding:5px; border:1px solid #ccc; border-top:3px solid #b2252e; }
ul.comment-box { margin-left:50px; }
ul.comment-box li { width:600px; display:block; padding:10px 0; border-bottom:2px dotted #ccc; }
ul.comment-box span { font-size:10px; text-transform:uppercase; }
ul.comment-box li p { font-style:italic; margin:0; }
ul.comment-box li p img { display:inline; }

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer { width:900px; padding:20px 30px; margin-bottom:50px; clear:both; color:#fff; font-size:10px; text-transform:uppercase; background:url(http://www.contractors.sk/images/layout/bg-footer.gif) no-repeat top; }
.footer.white-f { background:url(http://www.contractors.sk/images/layout/bg-footer-white.gif) no-repeat top; }
.footer a { color:#fff; text-decoration:none; }
.footer a:hover { text-decoration:underline; }