/* ******************************************************************** */ 
/*                  CSS for Karina Fashion                 */
/* ******************************************************************** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
background: #fff url(../img/bg2.gif) no-repeat center top; }
 
html { 
	font: normal 12px Verdana, Tahoma,Arial, sans-serif;
 	color: #0060af;} 

/* ------ Links ------ */
a, a:link, a:visited {
	text-decoration: none;
	color: #0060af;
	border-bottom:1px dotted #70939f;
	padding-bottom: 1px;}
	
a:hover, a:active, a:focus {
	text-decoration: none;	
	color: #0060af;
	border-bottom:1px dotted #0060af;
	outline:none;}

/* ------ Typography ------ */
h1 {
	font: bold 14px Verdana, Tahoma;
	color: #CC0000;	
	margin:0; padding:0;}
#logo h1 {
	padding-top: 0px;
	padding-left:140px;}	
h2 {
	font: bold 12px Verdana, Tahoma, Georgia, Tahoma;
	color: #ed1c3e;
	text-transform: uppercase;
	margin: 0;
	padding-bottom:10px;
	letter-spacing: 2px;}
 
 
/* ------ LAYOUT STRUCTURE ------ */
#pagewidth{ 
 width:100%; 
 text-align:left; 
 margin:0 auto; }  
#pagewidth p, #footer p {
	margin:0;
	padding: 8px 0;
	line-height: 1.7;}	
#wrapper {
	width:100%; 
	margin: 0 auto;}
	
/* ------ WRAPPER Pages Background ------*/ 
#wrapper_bckgr_index, 
#wrapper_bckgr_manuf,
#wrapper_bckgr_manuf1,
#wrapper_bckgr_manuf2,
#wrapper_bckgr_manuf3,
#wrapper_bckgr_contacts,
#wrapper_bckgr_gallery,
#wrapper_bckgr_shops {
	height: auto;
	min-height: 340px;	
	width:1000px;	
	overflow: auto;
	padding-top: 130px;
	margin: 0 auto;}
	
#wrapper_bckgr_index {
	background: transparent url(../img/wrapper-index.jpg) no-repeat left bottom;}
	#wrapper_bckgr_shops {
	background: transparent url(../img/wrapper-shops.jpg) no-repeat left bottom;}

#wrapper_bckgr_manuf {
	background: transparent url(../img/wrapper-manuf.jpg) no-repeat left bottom;
	height: auto;
	min-height:500px;
	padding-top:93px;}
	#wrapper_bckgr_manuf1 {
	background: transparent url(../img/wrapper-manuf.jpg) no-repeat left bottom;
	height: auto;
	min-height:500px;
	padding-top:93px;}
	#wrapper_bckgr_manuf2 {
	background: transparent url(../img/wrapper-manuf.jpg) no-repeat left bottom;
	height: auto;
	min-height:500px;
	padding-top:93px;}
	#wrapper_bckgr_manuf3 {
	background: transparent url(../img/wrapper-manuf3.jpg) no-repeat left bottom;
	height: auto;
	min-height:500px;
	padding-top:93px;}
#wrapper_bckgr_contacts {
	background: transparent url(../img/wrapper-contacts.jpg) no-repeat left bottom;
	padding-top: 60px;}
#wrapper_bckgr_gallery {
	background: transparent url(../img/wrapper-gallery.jpg) no-repeat left bottom;
	padding-top: 0px;}	
	
	
 
/* ------ HEADER ------ */
#header{
 position:relative; 
 height:115px; 
 background:url(../img/header-line.gif) no-repeat right bottom; 
 width:1000px;
 margin: 0 auto;
 display:block;} 
 
#logo {
 width:300px; 
 float:left; 
 position:relative; 
 background:transparent; }
#logo img {
	padding:13px 0 0 60px;
	margin: 0;}
 
/* ------ NAVIGATION ------ */
#header #nav {
	height:112px;
	width:700px;
	position: relative; 
	float: right;
	display:inline;}
	
#nav ul#menu {	
	padding:0;	
	margin:0 auto;
	position: relative;
	float: right;
	background: url(../img/menuline.jpg) no-repeat right;
	text-align: center;
	height:112px;
	width: auto;}
	
#header #nav li {
	float: left;
	display: inline;
	height:112px;
	margin: 0 1px;
	background: #fff url(../img/btn-menu.jpg) repeat-x 0 100%;} 
	
#header #nav ul#menu a {
	height:112px;
	line-height:175px;
	padding: 0 17px;}

#header ul#menu li a:hover, 
#header ul#menu li a.active,
#header ul#menu li:hover {
	background: #fff url(../img/btn-hover.jpg) repeat-x 0 100%;
	float: left;
	border-bottom:3px solid #164B5D;}
#header ul#menu li a:hover, 
#header ul#menu li:hover {
	border-bottom:3px solid #207b99;}
	
#header ul#menu a, 
#header ul#menu a:visited {
	font: normal 11px Verdana, Tahoma;
	text-transform: uppercase;
	border: none;
	color: #0060af;}
#header ul#menu a:hover, 
#header ul#menu a:active {
	border: none;
	color:#fff;}	
#header ul#menu li a.active {
	color: #fff;}
 
 
/* ------ LEFTCOL ------ */
#leftcol{
 width:430px; 
 float:left; 
 margin: 0;
 padding: 0;
 position:relative; }
 
#picture {
	width:395px;
	height: 283px;
	position: relative;
	top: 50px;
	left: 30px;}
	
#picture img {
	position: absolute;
	margin: 0; 
	padding: 3px 0 0 12px;}
	
/* address box */
#address {
	width:340px;
	position: relative;
	margin: 0; padding: 0;
	margin-top: 160px;
	margin-left: 40px;} 
#address .lefttext {
	position: relative;
	display: block;	
	padding-left:140px;}
#address .oneline {
	position: relative;
	display: block;
	padding-left:50px;}

 
 
/* ------ MAINCOL ------ */
#maincol{
 position: relative; 
 width:570px;
 float:right;
 margin: 0; 
 padding: 0;
 background: transparent;}
 
#maincol .maincol {
 text-align: left;
 position: relative;
 top: -40px; 
 margin:0;
 padding: 0 40px 0 35px;
 overflow: hidden;}
 
 
/* ------ TABLES, FORMs style ------ */
#maincol table.contacts {	
	margin: 0 10px 0 0px;
	padding: 10px 0;
	float:left;
	width: 470px;}
#maincol table.contacts td {
	text-align: left;
	padding: 6px 0px;}
	
#maincol table.contacts input.data,
#maincol table.contacts textarea {
	border: 1px solid #0060af;
	background: #fff;
	padding:4px  2px;
	width: 320px;
	font: normal 12px Verdana;
	color:#0060af;}
#maincol table.contacts textarea {
	height:100px;
	font: normal 11px Verdana;
	overflow: auto;}
	
#maincol table.contacts input.btn {
	border: 1px solid #033e52;
	-moz-border-radius:0.3em;
	background: #06252f;
	padding: 3px 7px;
	margin: 0 5px 10px 0;
	width: auto;
	color: #83c5dc;
	letter-spacing: 0px;
	font: normal 9px Verdana;
	text-transform: uppercase;}
	
#maincol table.contacts input.btn:hover {
	background: #020D11;
	color: #fff;}
	

ul{
     list-style:none;
}

li{
     list-style:none;
}

/* ------ GALLERY ------ */
#gallery {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	float:left;
	width:880px;
	padding:10px 0 20px 90px;
	text-align: center;}
#gallery a {
	border: none;
	text-decoration: none;
	margin:0;
	float: left !important;}

#gallery ul.imgline {
	margin: 10px auto; 
	width: 1000px;
	padding: 0; 
	list-style: none;
	list-style-image: none;
	text-align: center;
	display: block;
	list-style: none;
	clear: both;}
#gallery li {
	float: left;
	text-align: center;
	background: #fff;
	padding: 0;
	margin:10px;
	list-style: none;
	border: 1px solid #085a75;}
#gallery a img,
#gallery a:link img {
	margin: 3px;
	margin-bottom:2px;
	padding: 0; 
	border: 1px solid #fff;}
#gallery a:hover img {
	border: 1px solid #fff;}
	
	
/* ******************************************************************** */ 
/*     Footer   */
/* ******************************************************************** */
#footer{ 
 background:#fff url(../img/ftr.gif) no-repeat 0 0;
 border: none;
 clear: both;
 position: relative;
 margin: 0;
 padding-bottom: 40px;
 text-align: center;} 

#footerwidth {	
	background:transparent; 
	width:1000px; 
	height:auto; 
   min-height: 160px;	
 	text-align:center;  
 	margin:0 auto;
	padding-top: 3px;}
	
#footerwidth {	 
 font-size: 10px;
 color: #124759;}
 
#footer a {
	color:#70939f;
	border-bottom:none;	} 
#footer a:hover {
	color: #0060af;	
	border-bottom:none;} 
	
.fleft {
	float: left;
	width:430px;
	padding-top: 3px;}
.fright {
	float: right;
	display:inline;
	width:520px; /* total 570px */
	margin-right: 50px;
	color:#041f28;}
.fright a {
	margin: 0 4px;
	font-size: 11px;}


 
/* COMMON STYLES */
/* ----- Lists ---------- */
#maincol ul, #maincol ol {
	margin: 0;
	margin-left: 30px;
	padding: 0;
	list-style: outside none;
	list-style-image: none;}	
#maincol li {
	padding-left: 15px;
	line-height: 1.6;
	background: url(../img/bullet_grey.gif) no-repeat 0 50%;}
	
/* ----- Images ---------- */
img.pic-left {
	position: relative;
	top: 53px;
	left: 111px;}
img.pic-right {
	position: relative;
	top: 53px;
	left: 217px;}
	
/* ----- Text in two cols ---------- */
#maincol span.left-text {
	width: 250px;
	float: left;}
#maincol span.right-text {
	width: 220px; /* total 250 */
	padding-left: 20px;
	float: right;
	display: inline;
	border-left:1px solid #06242e;}
	
	
/* ----- Paging style ----- */
.paging {
	text-align: right;
	margin:10px 40px 0 0;
	padding: 10px 20px 0 0;
	color:#041f28;}
.paging a {
	margin: 0 4px;
	border: none;}
	
.paging a.selected {
	color: #70939f;
	border-bottom:1px solid #70939f;
	padding-bottom: 1px;
	font-weight: normal;}
 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}





/* ------ GALLERY ------ */
#gallery2 {
	margin: 0 auto;
	position: relative;
	width:1000px;
	text-align: center;}
#gallery2 a {
	border: none;
	text-decoration: none;
	margin:0;}

#gallery2 ul.imgline {
	margin: 10px auto; 
	width: 1000px;
	padding: 0; 
	list-style: none;
	list-style-image: none;
	text-align: center;
	display: block;
	clear: both;}
#gallery2 li {
	float: left;
	text-align: center;
	background: #fff;
	padding: 0;
	margin:10px;
	list-style: none;
	border: 1px solid #085a75;}
#gallery2 a img,
#gallery2 a:link img {
	margin: 3px;
	margin-bottom:2px;
	padding: 0; 
	border: 1px solid #fff;}
#gallery2 a:hover img {
	border: 1px solid #fff;}
.eighteen { font-size:18px; }