/*
Theme Name: ASSYX
Theme URI: http://www.assyx.sk/
Version: 1.1
Author: MON MEDIA s.r.o. & Designme

/* ---------- TEXT COLOR ---------- */
/*	
ZAKLAD #535353	
REALITNE PROJEKTY #FFAAAA
BUTTON #CC0000
BORDER #990000
*/

body, html	{margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #525252; }
body	{ background: #FFFFFF url('img/bg.jpg') repeat-x; line-height: 18px; }

strong	{ color: #333; }

/* clearfix */
.clearfix:after, #content-container:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix, * html #content-container	{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix, *:first-child+html #content-container { zoom: 1; } /* IE7 */

/* ---------- ALL PAGE ---------- */

.left {float: left}
.right {float: right;}
.clear {clear: both;}
.none { display: none; }

a {outline: none; moz-outline: none;}
p.main {margin: 0px; padding: 0px 0px 15px 20px;}
p.referencie {margin: 0px; padding: 0px;}
p.footer {margin: 0px; padding-left: 20px; color: #999999; padding-top: 10px; }
.img {margin: 0px; padding-left: 20px; padding-top: 10px;}
.img-subpage {margin: 0px; padding: 10px 0px 30px 10px; }
.img-ref {background: #F3F3F3; padding: 4px; border: 1px solid #E3E3E3; }
h1 { color: #333; font-size: 24px; margin: 0px 0 20px 0; padding: 0px; }
/* h1 { color: #CC0000; font-size: 12px; font-weight: 550; text-decoration: underline; margin: 0px 0px 5px 0px; padding: 0px;} */
h2 { margin: 0px; padding:0px; color: #CC0000; font-size: 12px; font-weight: bold; }
h3 { margin: 5px 0px; padding:0px; color: #fff; font-size: 13px; font-weight: bold; }
.clear {clear: both;}
p.subpage	{ margin-left: 20px; }
/* ---------- BUTTON ---------- */

a.logo {margin: 30px 0px 0px 60px; width: 120px; height: 45px; position: absolute;}

a.red {color: #CC0000; text-decoration: underline; font-size: 12px; }
a.red:hover {color: #CC0000; text-decoration: none; font-size: 12px; }

a.magnifier { font-weight: bold; background: url('img/magnifier.png') no-repeat center right; padding-right: 15px; color: #CC0000;}

a.footer {color: #666666; text-decoration: underline; font-size: 12px; }
a.footer:hover {color: #666666; text-decoration: none; font-size: 12px; }

a.main {color: #FFFFFF; text-decoration: underline; font-size: 14px; }
a.main:hover {color: #FFFFFF; text-decoration: none; font-size: 14px; }

a.right-content {color: #CCCCCC; text-decoration: underline; font-size: 12px; }
a.right-content:hover {color: #CCCCCC; text-decoration: none; font-size: 12px; }

div#page-wrapper {width: 1000px; margin: auto; background: url(img/header.jpg) no-repeat; }

div#header { width: 988px; height: 94px; margin: 0px; padding: 0px; }
div#header div.menu { margin-top: 58px; float: right; }
div#header div.menu ul { margin: 0px; padding: 0px; }
div#header div.menu ul li { float: left; font-size: 14px; text-transform: uppercase; list-style-type: none; margin-left: 50px; }
div#header div.menu ul li a { text-decoration: none; color: #333333; }
	div#header div.menu ul li a:hover, 
	div#header div.menu ul li.current-menu-item a,
	div#header div.menu ul li.current-page-ancestor a { color: #FF0000; }

div#header div.menu a { display: block; height: 16px; float: left;}
div#header div.menu a.b1	{ width: 51px; background: transparent url('img/menu-items.png') 0px 0px no-repeat; color: red; }
div#header div.menu a.b2	{ width: 117px; background: transparent url('img/menu-items.png') -51px 0px  no-repeat; }
div#header div.menu a.b3	{ width: 111px; background: transparent url('img/menu-items.png') -168px 0px no-repeat; }
div#header div.menu a.b4	{ width: 163px; background: transparent url('img/menu-items.png') -279px 0px no-repeat; }
div#header div.menu a.b5	{ width: 90px; background: transparent url('img/menu-items.png') -442px 0px no-repeat; }
div#header div.menu a.b6	{ width: 97px; background: transparent url('img/menu-items.png') -532px 0px no-repeat; }
div#header div.menu a.b1:hover, div#header div.menu a.b1.active	{ width: 51px; background: transparent url('img/menu-items.png') 0px -16px no-repeat; }
div#header div.menu a.b2:hover, div#header div.menu a.b2.active	{ width: 117px; background: transparent url('img/menu-items.png') -51px -16px  no-repeat; }
div#header div.menu a.b3:hover, div#header div.menu a.b3.active	{ width: 111px; background: transparent url('img/menu-items.png') -168px -16px no-repeat; }
div#header div.menu a.b4:hover, div#header div.menu a.b4.active	{ width: 163px; background: transparent url('img/menu-items.png') -279px -16px no-repeat; }
div#header div.menu a.b5:hover, div#header div.menu a.b5.active	{ width: 90px; background: transparent url('img/menu-items.png') -442px -16px no-repeat; }
div#header div.menu a.b6:hover, div#header div.menu a.b6.active	{ width: 97px; background: transparent url('img/menu-items.png') -532px -16px no-repeat; }

div#content {width: 940px; height: auto; margin-left: 60px;  }
div#content div.top-content {width: 940px; }
div#content div.subpage-content {width: 940px; height: 152px; background: url(img/subpage.jpg) no-repeat; }

div.right-content {width: 300px; height: 300px; margin: 61px 10px 0px 0px; padding: 0px; float: right; background: url(img/right-content.png) no-repeat; color: #FFFFFF;}
div.right-content div.obr { padding: 50px 15px 5px 15px;line-height: 16px;}
div.right-content div.obr p { color: #FFCCCC; }
div.right-content div.obr a { display: block; text-align: right; }
div.right-content img {border: 3px solid #990000;}

div#main-content {width: 930px; height: auto; margin: 0px; padding: 0px;}
div#main-content div.left { width: 600px; height: auto; margin: 25px 20px 40px 0px; float: left; }
div#main-content div.left-img { border-bottom: 1px solid #DDDDDD; padding-left: 10px; margin-bottom: 10px; margin-left: 10px;}
div#main-content div.left-subpage {width: 650px; height: auto; margin: 25px 20px 20px 0px; float: left; }
div#main-content div.left-subpage .text a {color: #CC0000; text-decoration: underline; font-size: 12px; }
div#main-content div.left-subpage .text a:hover {color: #CC0000; text-decoration: none; font-size: 12px; }
div#main-content div.left-subpage p { margin:0px; padding:0px; font-size: 12px; }
div#main-content div.left-subpage-img {width: 160px; height: auto; min-height: 300px; float: right; }
div#main-content div.right-home {width: 300px; height: 130px; margin:0px; padding: 0px; float: right; background: url(img/main-content-right.png) no-repeat; }
div#main-content div.right-content-button { height: 20px; padding: 93px 20px 0px 0px; float: right;} 
div#main-content div.right2 {width: 249px; height: auto; margin:1px 0px 40px 0px; padding-top: 70px; float: right; background: url(img/contact1.png) no-repeat; border-left: 1px solid #DDDDDD; line-height: 16px;}
div#main-content div.right2.home {width: 299px !important;}

div#main-content div.right2.home #quick-contact { background: url('img/sidebar-mapa.png') right top no-repeat;}

div.subpage-right {width: 250px; height: 177px; margin: 61px 10px 0px 0px; padding: 0px; float: right; background: url(img/zateplenie.png) no-repeat; color: #FFFFFF;}
div.subpage-right2 {width: 249px; height: auto; margin:1px 0px 40px 0px; padding-top: 55px; float: right; background: url(img/contact1.png) no-repeat; border-left: 1px solid #DDDDDD; line-height: 16px;}

div.subpage-right ul {margin:55px 0px 0px 16px; padding: 0px; display:table; white-space:nowrap; list-style:none; height:26px; background:#990000; font-size:12px; width: 220px; }
div.subpage-right li {margin:0px; padding:0px; }

div.subpage-right li a {display:block; float:left; height:26px; width: 210px; line-height: 26px; text-decoration:none; padding:0px; cursor:pointer; background:#990000; color: #FFFFFF; padding-left: 10px; border-bottom: 1px solid #CC0000;}

div.subpage-right li a:hover, div.subpage-right li.current_page_item a {width: 210px; color:#fff; background: url(img/subpage-right.png) no-repeat; line-height:26px; height: 26px; color: #333333; padding-left: 10px; border-bottom: 1px solid #CC0000;}


/* ---------- PAGE REFERENCIE ---------- */
div.subpage2-right {width: 250px; height: 250px; margin: 61px 10px 0px 0px; padding: 0px; float: right; background: url(img/referencie.png) no-repeat; color: #FFFFFF;}
div.subpage2-right2 {width: 249px; height: 260px; margin:1px 0px 40px 0px; padding-top: 70px; float: right; background: url(img/contact1.png) no-repeat; border-left: 1px solid #DDDDDD; line-height: 16px;}

div.subpage2-right ul {margin:55px 0px 0px 16px; padding: 0px; display:table; white-space:nowrap; list-style:none; height:26px; background:#990000; font-size:12px; width: 220px; }
div.subpage2-right li {margin:0px; padding:0px; }

div.subpage2-right li a.sb1 {display:block; float:left; height:26px; width: 210px; line-height: 26px; text-decoration:none; padding:0px; cursor:pointer; background:#990000; color: #FFFFFF; padding-left: 10px; border-bottom: 1px solid #CC0000;}
div.subpage2-right li a.sb2 {display:block; float:left; height:26px; width: 210px; line-height: 26px; text-decoration:none; padding:0px; cursor:pointer; background:#990000; color: #FFFFFF; padding-left: 10px; border-bottom: 1px solid #CC0000;}
div.subpage2-right li a.sb3 {display:block; float:left; height:26px; width: 210px; line-height: 26px; text-decoration:none; padding:0px; cursor:pointer; background:#990000; color: #FFFFFF; padding-left: 10px; border-bottom: 1px solid #CC0000;}
div.subpage2-right li a.sb4 {display:block; float:left; height:26px; width: 210px; line-height: 26px; text-decoration:none; padding:0px; cursor:pointer; background:#990000; color: #FFFFFF; padding-left: 10px; border-bottom: 1px solid #CC0000;}

div.subpage2-right li a.sb1:hover {width: 210px; color:#fff; background: url(img/subpage-right.png) no-repeat; line-height:26px; height: 26px; color: #333333; padding-left: 10px; border-bottom: 1px solid #CC0000;}
div.subpage2-right li a.sb2:hover {width: 210px; color:#fff; background: url(img/subpage-right.png) no-repeat; line-height:26px; height: 26px; color: #333333; padding-left: 10px; border-bottom: 1px solid #CC0000;}
div.subpage2-right li a.sb3:hover {width: 210px; color:#fff; background: url(img/subpage-right.png) no-repeat; line-height:26px; height: 26px; color: #333333; padding-left: 10px; border-bottom: 1px solid #CC0000;}
div.subpage2-right li a.sb4:hover {width: 210px; color:#fff; background: url(img/subpage-right.png) no-repeat; line-height:26px; height: 26px; color: #333333; padding-left: 10px; border-bottom: 1px solid #CC0000;}

div.subpage2-right ul {margin:55px 0px 0px 16px; padding: 0px; display:table; white-space:nowrap; list-style:none; height:26px; background:#990000; font-size:12px; width: 220px; }
div.subpage2-right li {margin:0px; padding:0px; }

div.subpage2-right li a.ssb {display:block; float:left; height:26px; width: 210px; line-height: 26px; text-decoration:none; padding:0px; cursor:pointer; background:#B30000; color: #FFFFFF; padding-left: 10px; border-bottom: 1px solid #CC0000;}
div.subpage2-right li a.ssb:hover {width: 210px; color:#fff; background:#CC0000; line-height:26px; height: 26px; color: #333333; padding-left: 10px; border-bottom: 1px solid #CC0000;}


div.referencie-main {width: 640px; min-height: 125px; height: auto; margin: 15px 0px 15px 15px; padding: 0px; border-bottom: 1px dashed #DDDDDD; color: #666666;}
div.referencie-left {width: 140px; height: 103px; margin: 0px 10px 5px 0px; float: left; overflow: hidden;}
div.referencie-right {width: 470px; height: auto; margin: 0px; float: right; padding: 0px 0px 10px 10px;}

div#footer {width: 930px; height: 70px; clear: both; margin: auto; border-top: 1px solid #DDDDDD; margin-left: 60px; }

/* ---------- ACORDING MENU ---------- */
.menu_list {margin:55px 0px 0px 16px; padding: 0px; display:table; white-space:nowrap; list-style:none; height:26px; background:#990000; font-size:12px; width: 220px; font-weight: 100}
.menu_head { padding: 5px 10px; cursor: pointer; position: relative; font-weight:bold; border-bottom: 1px solid #CC0000; margin: 0px;}
.menu_head a { display:block; height:26px; width: 210px; line-height: 26px; text-decoration:none; padding:0px; cursor:pointer; background:#B30000; color: #FFFFFF; padding-left: 10px; border-bottom: 1px solid #CC0000;  }

.menu_body { display:none;}
.menu_body a { display:block; height:26px; width: 210px; line-height: 26px; text-decoration:none; padding:0px; cursor:pointer; background:#B30000; color: #FFFFFF; padding-left: 10px; border-bottom: 1px solid #CC0000; }
.menu_body a:hover { width: 210px; color:#fff; background:#CC0000; line-height:26px; height: 26px; color: #FFFFFF; padding-left: 10px; border-bottom: 1px solid #CC0000;}

/* End captions */
div.text { padding: 10px 0px 10px 20px; line-height: 20px;}

/*colorbox*/
#cboxPrevious.cboxPrevious-over { background: #000000 url(images/prev.png) 40% 50% no-repeat;}
#cboxNext.cboxNext-over { background: #000000 url(images/next.png) 70% 50% no-repeat;}
#cboxNext:hover { margin-top: 0px !important;}
#cboxPhoto	{ margin-top: 5px !important;}
#cboxLoadedContent	{ overflow: hidden !important; margin: 50px 5px 5px 5px !important; padding: 0px !important; border: none !important;}
#cboxCurrent	{ right: 45% !important;}
#cboxClose	{ border: none !important; background-color: transparent !important; top: -19px !important;}
#cboxTitle	{ top: 20px; font-size: 12px; font-weight: bold; z-index: 15; bottom: auto !important; left: 20px !important;}

/* -------- FORMULAR ---------*/
div.formular {margin-left: 10px; width: 222px;}
label {color: #666666;}
input {width: 210px; height: 13px; padding: 5px; color: #666666; background: #fff url(img/form.png) no-repeat 100% 0%; border: 1px solid #ddd; margin-bottom: 5px;}
textarea {width: 210px; height: 150px; margin-bottom: -4px; padding: 5px; color: #666666; background: #fff url(img/form.png) no-repeat 100% 0%; border: 1px solid #ddd;  font-family: Tahoma; font-size: 12px;}
.send {width: 142px; height: 30px; margin-top: 5px; text-align: center; background: url(img/send.png); border: none; cursor: pointer; text-indent: -99999px; font-size: 0px; display:block; line-height: 0px; float: right;}
.captchac-img {width: auto; height: auto; float: left; margin-left: 5px;}
.captchac {width: 130px; height: 15px; float: right; }

div.wpcf7 { margin: 0; padding: 0; }
div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; }
div.wpcf7-mail-sent-ok { border: 1px solid #CC0000 !important; color:#CC0000;}
div.wpcf7-mail-sent-ng { border: 1px solid #CC0000 !important; color:#CC0000;}
div.wpcf7-spam-blocked { border: 1px solid #CC0000 !important; color:#CC0000;}
div.wpcf7-validation-errors { border: 2px solid #CC0000; }
span.wpcf7-form-control-wrap { position: relative; }
span.wpcf7-not-valid-tip { border:1px solid #CC0000 !important; position: absolute; left: 0% !important; top: 0 !important; z-index: 100; background: #fff; color:#CC0000 !important; font-size: 12px !important; width: 211px !important; padding: 2px 4px 5px 5px !important; margin: -7px 3px 1px 0 !important; }
.captcha-628 span.wpcf7-not-valid-tip { padding: 4px 4px 5px 5px !important; left: 3px !important; top: 6px !important; width: 131px !important;}
span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; }
span.wpcf7-list-item { margin-left: 0.5em; }
.wpcf7-display-none { display: none; }

/* -------- REFERENCIE ---------*/

#refnav { width: 100%; position: relative; background: url('img/refnav-bottom-bcg.png') repeat-x bottom left; margin-bottom: 10px;}
#refnav a { display: block; float: right; text-transform: uppercase; font-size: 14px; color: #888888; text-decoration: none; padding: 11px 15px; background: url('img/refnav-a-bcg.png') repeat-x top left; margin: 0 10px 0 0;}
#refnav a:hover { color: #333333; }
#refnav a.active { padding: 10px 14px 11px 14px; background: #fff; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #DDD; color: #333333;}

.refitem { padding: 10px 20px 0px 20px; border-bottom: 1px dashed #DDDDDD; }
.refitem a.imgitem { background: #F3F3F3; border: 1px solid #E3E3E3; padding: 4px; margin-right: 20px;}
.refitem a.imgitem img { display: block; }
.refitem .itemtext { float: left; width: 720px; }
.refitem .itemtext h2 { font-size: 16px; }
.refitem .itemtext h2 a { color: #CC0000; text-decoration: none; }
.refitem .itemtext h2 a:hover { text-decoration: underline;  }

.ref-detail { width: 740px; }
.ref-detail hr { height: 1px; border: 0px; background: #DDDDDD; width: 740px; margin: 0 0 10px 0;}
.ref-detail img.detail { display: block; margin-bottom: 10px; border-top: 5px solid #CC0000;}
.ref-detail .img-holder a { display: block; float: left; line-height: 0; margin-right: 10px; }
.ref-detail .img-holder a:nth-child(5n+5) { margin: 0; }
.ref-detail .img-holder a.active img { border: 5px solid #CC0000; width: 130px; height: 83px; }
.ref-detail .img-holder img { margin-bottom: 10px }