/* 2011 - Copyright Klik.lviv.ua Nothing reserved :)*/
html{
    height: 100%;
    margin: 0;
    padding: 0;
    background: url(../images/ukraine.png) top repeat-x;
    background-position: 200px 241px;
}

body {
	width : 1000px;
	line-height : 15px;
	color : #222;
	font-size : 13px;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	padding: 0 0 20px 0;
	margin:0 auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#header{
    position:relative;
    width:1000px; 
    margin: 0 auto;
    padding: 0;
    height: 400px;
    font-size : 13px;
    text-align : justify;
    line-height : 18px;
}

.logo{padding: 0 0 0 10px;float: left;}

/*top menu*/


.topmenu {padding: 10px 0 0 0;float:left;margin:0;}
.topmenu ul{margin:0 auto;padding: 0px;list-style: none;}
.item1{border-left: 1px dotted #C0C0C0;margin:0 0 0 -10px;}
.topmenu li{display: inline;margin: 0 2px;padding: 0;border-right: 1px dotted #C0C0C0;}
.topmenu a{margin: 0;font-family: Georgia;font-size: 16px;color: #E5DF85;font-weight: bold;text-decoration: none;padding: 11px 6px;text-shadow: 0px 1px 1px gray;}
.topmenu a strong{font-weight: bold;}
.topmenu a:hover{color: #FFF;}
.topmenu li.item1{background: none;}
.topmenu li#current a{color: #FFF;background: #6698C5;}

/*url(../images/menu-cur.png) no-repeat center bottom;*/
/*end top menu*/


/* search */

.search { margin: 0 auto; width: 1000px; text-align: right;border:1px red solid;}
.search .inputbox { margin: 0 auto; padding: 5px;width: 180px; border: 2px solid #1C516D; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.search .button { margin: 0 5px; padding: 5px; width: 85px; background: #1C516D; color: #fff; font-weight: 600; border: none; border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,0.5); }


.price-block { margin: 80px auto 20px auto; width: 1000px; height: 200px; text-align: center;}
.price-block h1 { margin: 10px auto; text-align: center; padding: 10px auto;}
.price-block div { float: left; margin: 25px 50px; width:150px; height: 20px; text-align: center; }
.price-block img { margin: 0 auto; width: 60px; }



/* Фікс-каталог на головній */

#catalog .item { margin: 10px 0; }


.mail-send {
margin: 5px auto 15px 0;
padding: 10px 5px;
width: 300px;
height: 150px;
text-align: center;
background: #395773;
border-radius: 0px;
color: #fff;
font-weight: 600;
box-shadow: 0 0 10px rgba(0,0,0,0.5)
}

.mail-send input { margin-top: 5px; padding: 5px; border: none; border-radius: 8px; width: 180px;box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.mail-send button { margin: 25px auto; border: none; border-radius: 8px; padding: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.mail-send h3 { padding-top: 10px;margin-bottom: 15px; }
.mail-send iframe { margin: 0; }

.calcul { margin: 10px 0; text-align:  center;}
.calcul iframe { margin-bottom: -10px; }
.calcul p { margin: 0; padding: 0;}

#container
{
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 1000px;
	text-align: left;
	background : white;
}


.sig-container {margin:-10px 0 -10px 0;padding:0;}
.sig-block {margin:0px;padding:0;}

.mainim
{
    box-shadow: 0 0 7px 1px #1A3457
	-webkit-box-shadow: 0 0 7px 1px #1A3457;
    -moz-box-shadow: 0 0 7px 1px #1A3457
	width: 200px;
	float: left;
	margin: 5px 15px 0 0;
}

.article h2{
	font-family: Arial, san-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-bottom:1px silver dotted;
	padding:0 0 8px 0;
	}
.article h3 {
	font-size: 19px;
	text-align: left;
	padding: 7px 0 7px 0;
	margin: 0;
	clear: both;
    font-weight:normal;
    color:#8B4513;
	}


#left{width: 300px;float: left;padding:0;}
#left h3, #right h3{font-size: 17px;font-weight: bold;text-align: center;margin: 0 auto;}

.moduletableleft{margin-bottom: 10px;}
.moduletableleft ul{margin: 0 auto;padding: 10px 0 0 0;list-style: none;}
.moduletableleft li{margin: 0 0 0 10px;padding: 3px 0 4px 15px;background: url(../images/check.png) no-repeat left center;border-bottom: 1px dotted #C6D09D;}
.moduletableleft a{text-decoration: none;color: #363636;padding: 0 10px 0 0;display: block;}
.moduletableleft li#current{margin: 0 0 0 10px;padding: 3px 0 4px 15px;background: #FEFDE7 url(../images/check.png) no-repeat 2px center;border-bottom: 1px dotted #C6D09D;}
.moduletableleft li#current a{color: red;}
.moduletableleft LI:hover{background: #FEFDE7 url(../images/check.png) no-repeat 2px center;border-bottom: 1px solid #C6D09D;}
/*---right---*/
#right
{
	position: relative;
	width: 263px;
	float: right;
	padding: 0;
    margin-top:-5px;
}
#right A.contentpagetitle
{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #4F790A;
	padding: 0;
	margin: 0;
}
#right A.readmore
{
	color: #C46706;
	font-weight: bold;
}
#right P
{
	padding: 0;
	margin: 0;
}
/*---end right---*/
#center
{
	height: 100%;
	position: relative;
	margin: 0 270px 0 210px;
}
.contentheading
{
	font-family: Georgia;
	font-size: 20px;
	font-weight: normal;
	margin: 2px 0;
}

/*-----joomfish-----*/


.slogan, .slogan a:link, .slogan a:visited
{
	font-family: "Comic Sans MS";
	margin: 0;
	padding: 0 5px 10px 0;
	width: 500px;
	float: right;
	font-size: 22px;
	/*color: #F9F5BD;*/
        color:#FFFF00;
	text-align: right;
	text-decoration:none;
	font-weight: bold;
        /*background: url(../images/prozore.png) no-repeat 150px -20px;*/
}

.slogan a:hover
{
	font-family: "Comic Sans MS";
	margin: 0;
	padding: 0 5px 10px 0;
	width: 500px;
	float: right;
	font-size: 22px;
	color: #F9F5BD;
	text-decoration:none;
	text-align: right;
	font-weight: bold;
}

.imgright
{
	margin: 0 0 10px 10px;
}
.europe {margin:0;padding:5px 0;width:500px;}

#eurotrip img {width:500px;margin:2px auto;display:block;}
#eurotrip ul li a:link,#eurotrip ul li a:visited {color:black;text-decoration:none;}
#eurotrip ul li a:hover {color:blue;text-decoration:none;border-bottom:1px black dotted;}

.item83 a:link,.item83 a:visited,.item83 a:hover, .item83 a:active {color: ;font-weight:bold;}
.item92 a:link,.item92 a:visited,.item92 a:hover, .item92 a:active {color:red;font-weight:bold;}
#phones {position:absolute;top:170px;left:172px;font-weight:bold;font-size:13px;background: url(../images/callus.png) no-repeat -20px -37px;}
#booking {font-size:17px;float:left;padding:3px 5px 0 48px;}
#garant {font-size:17px;float:left;color:red;padding:3px 10px 0 6px;}
#callus {float:left;padding-top:1px;height:20px;width:100%;text-align:center;}
.kyivstar {margin:-1px 4px -2px 2px;}
.life {margin:3px 3px -2px 3px;}


.moduletableleft UL
{
	margin:0 0 0 13px;
	padding:0;
	list-style: square;
}
.moduletableleft LI
{
	margin: 0 -5px 0 10px;
	padding: 3px 0 4px 0;
	background: url(../1images/check.png) no-repeat left center;
	border-bottom: 1px dotted #C6D09D;
}
.moduletableleft A
{
	text-decoration: none;
	color: #363636;
	padding: 0 10px 0 0;
	display: block;
}
.moduletableleft LI#current
{
	margin: 0 -5px 0 10px;
	padding: 3px 0 4px 0;
	background: #FEFDE7 url(../1images/check.png) no-repeat left center;
	border-bottom: 1px dotted #C6D09D;
}
.moduletableleft LI#current A
{
	color: #C46706;
}
.moduletableleft LI:hover
{
	background: #FEFDE7 url(../1images/check.png) no-repeat left center;
	font-weight:bold;
    margin-right:-10px;
}

#weekend img {width:210px;height:120px;border-radius:10px;-moz-border-radius:10px;margin:2px auto;display:block;}
#weekend ul {margin:2px 0 0 10px;}
#weekend ul li a:link, #weekend ul li a:visited {color:black;text-decoration:none;}
#weekend ul li a:hover {color:blue;text-decoration:none;border-bottom:1px black dotted;}

.homeimg {width:130px;padding:5px 5px 5px 0;height:100px;}
#homesans a:link,#homesans a:visited {color:blue;padding:0 5px 0 0;font-weight:bold;font-size:13px;text-decoration:none;}
#homesans a:hover {color:red;padding:0 5px 0 0;font-weight:bold;font-size:13px;text-decoration:none;border-bottom:1px blue dotted;}

#zat a:link, #zat a:visited {color:blue;text-decoration:none;}
#zat a:hover {color:red;text-decoration:none;border-bottom:1px blue dotted;}

ul.sig-container { margin:2px auto !important; padding:2px 0 !important; list-style:none; clear:both; overflow:hidden; }

a:link {
text-decoration : none;
outline:none;
}
a:visited {
color : blue;
text-decoration : none;
}
a:hover {
color : blue;
text-decoration : underline;
}
a img {
border : 0;
}
p {
padding : 3px;
margin : 3px;
}


.cat,.single {
color:black;
font-size : 13px;
text-decoration : none;
width : 300px;
height:20px;
margin :0;
padding:0 0 0 5px;
display:block;
}
.cat:hover,.single:hover{
color:#AAF7E5; /*???? ????????? ??? ???????? ? ????*/
font-size : 13px;
text-decoration : none;
}
.cat a:link {
color : #0000cd;
font-size : 13px;
height:14px;
text-decoration : none;
display:block;
width:310px;
background : blue url(../images/menu-bg.jpg) repeat-x 0% -120px;
}
.cat a:hover {
color : black;
font-size : 13px;
text-decoration : none;
background : blue url(../images/menu-bg.jpg) repeat-x 0% -50px;
}

.open {color:#ff8754;margin-left:5px;display:block;}

ul {
padding : 0;
margin : 0;
}
.ul1 {
padding : 0 0 12px 0;
width : 100%;
display : block;
}

.ul1 li a { color: #fff;}

.ul1 li {
background: #395773;           /* blue url(../images/menu-bg.jpg) repeat-x 0% -50px; */
color: #fff;
padding : 7px 0 7px 2px;
margin : 1px 1px 0 1px;
line-height : 20px;
list-style : none;
vertical-align : middle;
}
.ul2 {
padding : 0;
margin : 5px 0 -5px -3px;
border-top : 1px solid silver;
background-color : #f3f3f3;
}
.ul2 li {
border-top : 1px dotted silver;
padding : 3px 0 2px 0;
margin : 0 0 1px 0;
line-height : 18px;
list-style : square url('../images/mark-ora.gif') inside;
vertical-align : middle;
color : black;
font-family : Arial;
font-size : 12px;
background:white;
background : url('../images/points00.gif') repeat-x bottom;
}
.ul2 li a:link {
color : black;
text-decoration : none;
}
.ul2 li a:visited {
color : blue;
text-decoration : none;
}
.ul2 li a:hover {
color : blue;
text-decoration : underline;
}

.article h2 {
margin : 0;
padding : 4px 0 4px 10px;
height : 22px;
text-align : center;
font-family : Arial, sans-serif;
}
.article h2 a, .article h2 a:link, .article h2 a:visited {
color : black;
background-color : transparent;
text-decoration : none;
font-size:18px;
border:none;
}
#sale {display:none;}
.article h2 a:hover {
color : blue;
background-color : transparent;
text-decoration : none;
border:none;
}

.article a:link, .article a:visited {color : #ff8a00;background-color : transparent;}
.article a:hover {color : #ffa234;background-color : transparent;text-decoration : none;}

.contentpaneopen a:link {color:blue;text-decoration:none;border-bottom:1px silver dotted;}
.contentpaneopen a:hover {color:blue;text-decoration:none;border-bottom:1px red dotted;}
.contentpaneopen a:visited {color:blue;text-decoration:none;border-bottom:1px blue dotted;}

/*.contentpaneopen ul {margin : 5px 0 5px 35px;}
.contentpaneopen ul li{padding : 0;margin:5px 0;}
.contentpaneopen ol {margin : 10px 0 15px 30px;}
.contentpaneopen ol li{padding : 3px 0 3px 0;}*/


#footer {
    width:970px;
    display: block;
    clear: both;
    margin: 0 auto;
    height: 100px;
    background: white;
    padding: 20px 0 20px 0;
    font-family: Arial;
}
#footer a {
    color : #404703;
    text-decoration : none;
}
#footer a:hover {
    color : blue;
}
#footer p {
    margin : 0;
    padding : 5px 0 5px 15px;
}




#menu{
    width: 980px;
    height: 38px;
    margin: 0 auto;
    background: #fff;
}


.menu{
    height: 34px;
    position: relative;
    z-index: 100;
    background: #395773;
    border-radius: 5px 5px 0 0;
    margin: 2px auto 4px auto;
    width: 100%;
}
.menu ul{
    padding:0;
    margin:0;
    list-style:none;
	font-size : 13px;
	font-weight:bold;
	border-right:1px silver solid;
	display:block;
	height:35px;
	float:left;
}
.menu ul li{
    float: left;
    position: relative;
	border-left: 1px silver solid;
}
	
.menu ul li a, .menu ul li a:visited{
    display:block;
    text-decoration:none;
    color:white;
    overflow:hidden;
	padding : 9px 40px 9px 39px;
}
.menu ul li ul{
    background: #fff;
    display:none;
    max-height: 192px;
}
.menu ul li:hover a{
    color:black;
	background : #fff;
}
.menu ul li:hover ul{
    display:block;
    position:absolute;
    top:32px;
    left:0;
	border-left:1px gray solid;
	border-bottom:1px gray solid;
	height:355px;
	width:231px;
}
.menu ul li:hover ul li a{
    display:block;
    color:black;
	border-top:1px silver solid;
	border-right:1px gray solid;
	padding : 5px 10px;
	background:white url(../images/1menu-bg.png) repeat-x;
	width:210px;
}
.menu ul li:hover ul li a:hover{
    background:#6fc;
    color:#000;
	background : blue url(../images/menu-bg.jpg) repeat-x 0% -114px;
}

.clear {
clear : both;
}
.alignleft {
float : left;
padding : 5px 0 0 0;
}
.alignright {
float : right;
padding : 5px 0 0 0;
}
.aligncenter {
display : block;
padding : 5px;
margin:3px auto 3px auto;
}
#product {
padding : 0 0 0 5px;
margin : 2px;
width : 290px;
height : 24px;
text-align : left;
font-size : 13px;
font-family : Arial;
font-weight : normal;
background-color : #ffffff;
border : 1px solid #b9b9b9;
color : black;
}
#type {
padding : 0 0 0 5px;
margin : 2px;
width : 290px;
height : 24px;
text-align : left;
font-size : 13px;
font-family : Arial;
font-weight : normal;
background-color : #ffffff;
border : 1px solid #b9b9b9;
color : black;
}
#selectors {
margin :1px -3px 0 5px;
padding : 0 0 10px 3px;
background : blue url(../images/menu-bg.jpg) repeat-x 0% -50px;
}
#catalog {
font-size:13px;
width : 680px;
display:block;
height:430px;
margin: 10px 0 10px 0;
padding:0;
background:white;}
.item {
text-align : center;
font-weight : bold;
width : 168px;
height : 140px;
float : left;
line-height:14px;
border:1px white solid;
}
.item img {display:block;margin-left:auto;margin-right:auto;}


.item a:link,.item a:visited{color:black;text-decoration:none;border:none;}
.item a:hover {color:blue;background:#F5F5F5;}
.portfolio {
    float:right;
    width:690px;
    margin:5px 0 0 0;
    height:151px;
    overflow:hidden;
    border:1px red green;
}
#portfolio ul{float:left;list-style:none;margin:0;}
#portfolio ul li {border:0;}
#portfolio ul li img{padding: 0;margin:auto;display:block;}

#logo {
    float:left;
    width:308px;
    height:151px;
    
}
#logoimg { 
    margin:10px 35px 15px 50px;
}


#price {text-align:center;float:left;width:50px; display: none;}

#address {clear:both;margin:5px auto;padding:5px;height:30px;border-bottom:1px silver dotted;}
#address p {font-weight:bold;font-size:13px;text-align:center;}
#address a {color:blue;font-weight:bold;text-decoration:none;}
#address a:hover {color:orange;text-decoration:none;}

#need, #need a {color:gray;font-size:11px;text=decoration:none;}

.absolutenew {text-align:left;padding-left:10px;font-weight:bold;letter-spacing:1px;}
#newlinkz strong {font-weight:normal;}
#newlinkz a:link{font-weight:normal;color:blue;text-decoration:none;}
#newlinkz a:visited{font-weight:normal;color:#483D8B;text-decoration:none;}
#newlinkz a:hover{font-weight:normal;color:blue;text-decoration:underline;}

.lang {margin:0;padding:3px;height:35px;width:100px;float:right;overflow:hidden;width:120px;}
.rawimages img {margin:5px 5px 10px 5px; padding:0;height:20px; width: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.5); border-radius: 5px;}
.rawimages img:hover {box-shadow: 0 0 10px #fff;}

/* Стрічка - Купити кабель і провід - скачати прайс - */
#kabelprice {margin:3px;padding:10px 3px;background:#FFDAB9;text-align:center;border-radius:5px;}
#kabelprice a:link, #kabelprice a:visited {color:blue;text-decoration:none;}
/* - */

.moduletablemarka img {display:block;text-align:center;margin:3px auto;border:0;}


.article{float: right;margin: 0 5px 0 0;line-height: 17px;width:680px;font-size:14px;}
.article p{padding: 5px 10px 5px 0;text-align: justify;margin:0;line-height:21px;font-size:14px;}
.article ul, .article ol {margin:2px 0 4px 20px;padding:0;}
.article ul  li,.article ol  li {padding:5px 0;font-size:14px;line-height:22px;}
.article table {width: 100%;font-size:13px;}
.article table table{border-collapse:collapse;border:1px black solid;}
.article table table td{border:1px black solid;}


.exitblock {	
	display:none;	
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100000;
}	
.exitblock .fon {
	background: #838B8B;
	opacity:.8;
	position:fixed;
	width:100%;
	height:100%;
}
.exitblock .modaltext {
	box-sizing: border-box;  
	padding:30px 40px;
	border: 2px solid #AEAEAE;
	background: #F6FCFF;
	position:fixed;
	top:80px;
	left:50%;
	margin-left:-30%;
	width:60%;
	box-shadow: 0 4px 10px 2px rgba(0,0,0,0.5);
}	
.modaltext {font-size:15px;}

.closeblock {
	cursor:pointer;
	position: fixed;
	line-height:60px;
	font-size:82px;
    transform: rotate(45deg);
	text-align:center;
	top:20px;
	right:30px;
	color: #337AB7;	
}
.closeblock:hover {
	color: #000;	
}

/* 2023 Changes */ 

#top-price {
    clear:both;
    display: block;
    text-align: center; 
    padding: 15px 0 0 55px; 
    font-size: 14px;
    margin-top:10px;
    height:30px;
    background: #F0FFF0;
}

#top-price a {
    color:blue;
    text-decoration: underline;
}

#defenders {
    height:60px;
    text-align: center; 
    padding: 30px; 
    font-size: 14px;
}