* { margin:0px; padding:0px; }

body {font-family: Trebuchet MS, Verdana, Arial,  Helvetica, sans-serif; font-size:12px; line-height:normal; background: url(../img/bg.jpg) no-repeat #000 top right; }

img {
	border: none;
}

a { color:#fff; text-decoration:none; }
a:link { color:#fff; text-decoration:none; }
a:visited { color:#fff; text-decoration:none; }
a:hover { color:#e10078; text-decoration:none; }
a.selected { color:#e10078; font-weight:normal;}



h1 { font-size:16px; color:#333; font-weight:normal;  padding-bottom:0px; color:#e10078; }
h2 { font-size:16px; color:#333; font-weight:bold; padding-bottom:0px; }	
h2 a { font-size:16px; color:#333; font-weight:bold; padding-bottom:0px; }	
h2 a:hover { color:#e10078;}	


h3 { font-size:16px; color:#333; font-weight:bold;  padding-bottom:0px; }
h3 a { font-size:16px; color:#333; font-weight:bold;  padding-bottom:0px; }
h3 a:link { font-size:16px; color:#333; font-weight:bold;  padding-bottom:0px; }
h3 a:hover { color:#70C600;}	

h4 { font-size:16px; color:#333; font-weight:bold;  padding-bottom:0px; }



#wraper {width:990px; height:auto; margin:auto;}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#page { width:990px; height:auto; position:relative; float:left; color:#FFF; text-align:left;
}

#head {float:left; position:relative; width:990px; height:125px; background:transparent;}
#logotop {float:left; position:relative; top:0px; left:0px; width:245px; height:117px;}
#adresatop {float:left; position:relative; top:45px; left:0px; width:200px; height:50px; color:#666; font-size:12px;}
#adresatop h1 { font-weight:bold; color:#999; font-size:12px;}


#centerfield {height:310px; width:990px; float:left; position:relative; top:0px; left:0px;}
#fotoinfo {height:302px; width:622px; float:left; position:relative; top:0px; left:0px;}
#novinky {height:170px; width:362px; float:left; position:relative; top:0px; left:8px;}

.cleaner5
{
	clear:both;
	height:5px;
}
.banner-left a
{
	float:left;
	position:relative;
	width:362px;
	height:127px;
	cursor:pointer;
	left:8px;
	top:6px;
	background:url(../img/absolute-lashes-banner.png) no-repeat top left;
}
.banner-left:hover
{
	background:url(../img/absolute-lashes-banner.png) no-repeat bottom left;
}




#downfield {height:160px; width:990px; float:left; position:relative; top:0px; left:0px; color:#FFF; z-index:1000; border-bottom:1px #666 solid;}

#Ast {height:120px; width:212px; float:left; position:relative; top:0px; left:0px; background:url(../img/colum1st.png); display:block; padding:15px;}
#Bnd {height:120px; width:212px; float:left; position:relative; top:0px; left:8px; background:url(../img/colum2nd.png); display:block; padding:15px;}
#Crd {height:120px; width:212px; float:left; position:relative; top:0px; left:16px; background:url(../img/colum3rd.png); display:block; padding:15px;}
#Dth {height:120px; width:212px; float:left; position:relative; top:0px; left:24px; background:url(../img/colum4th.png); display:block; padding:15px;}

.columONE { display:block; text-align:left;}
.columONE h2 { width:212px; float: left; color:#e10078; font-size:14px; font-weight:bold; padding-top:0px; padding-bottom:6px; margin-left:0px; margin-right:0px; border-bottom:1px dotted #000;}
.columONE p { width:212px; height:0px; float:left; color:#fff; font-size:12px; font-weight:normal; padding:8px 0px 0px 0px; line-height:14px;}
.columONE img { float:left; padding:0px 15px 0px 0px;}

.button { width:58px; height:19px; position:absolute; right:10px; _left:170px; bottom:10px; _top:117px; display:block; background:url(../img/vice.png) no-repeat; background-position:0px 0px;}
.button a { width:58px; height:19px; display:block; background:url(../img/vice.png) no-repeat; background-position:0px 0px;}
.button a:hover {background:url(../img/vice.png) no-repeat; background-position:0px -19px;}

.ruz {color:#e10078; font-size:18px; padding-bottom:5px;}
strong.ruz {color:#e10078; font-size:14px; padding-bottom:0px;}
.ruz a {color:#e10078; font-size:18px; padding-bottom:5px;}
a.ruz {color:#e10078; font-size:18px; padding-bottom:5px;}
.ruzsmall {color:#e10078; font-size:14px; padding-bottom:5px;}

#foot {height:20px; width:990px; float:left; position:relative; top:0px; left:0px; color:#999; z-index:1000; font-size:10px; text-align:right; padding-top:10px;}
#foot a {color:#e10078;}

.banner-left-big
{
	float:left; 
	position:relative; 
	width: 340px;
	height:420px;
}

.delic5
{
	float:left;
	position:relative;
	width:5px;
	height:10px;
}

.lashes-right-big
{
	float:left; 
	position:relative; 
	padding:20px;
	width: 605px;
	height:380px;
	background:url(../img/bg-lashes.png) no-repeat top left;
	line-height:1.3em;
}



#dotazy {height:470px; width:990px; float:left; position:relative; top:0px; left:0px; color:#FFF; z-index:1000; border-bottom:1px #666 solid;}
#video {height:470px; width:990px; float:left; position:relative; top:0px; left:0px; color:#FFF; z-index:1000; border-bottom:1px #666 solid;}
.video {width:400px; height:300px; float:left; position:relative; padding-top:70px; padding-left:70px;}


#mapa {width: 270px; height:210px; float:right; position:relative; top:72px;}
#obrazekKONTAKT {width: 270px; height:210px; float:right; position:relative; top:72px; padding-right:10px;}
#kontaktTEXT {width: 430px; height:210px; float:left; position:relative; top:70px; padding-right:10px; background:url(../img/bg-k.png) no-repeat;}
#kontaktTEXT p { padding-left:13px; padding-top:60px;}
#kontaktTEXT a:hover {color:#e10078;}

#kontaktp {width: 990px; height:42px; float:left; position:relative; top:62px; left:1px; background:url(../img/bg-p.png) no-repeat;}
#kontaktp p { padding:13px;}
#kontaktp p a:hover {color:#e10078;}



.cenikTEXT {width: 326px; height:431px; float:left; position:relative; top:20px; padding-right:6px; background: url(../img/bg-cenik.png) no-repeat;}
.cenikTEXT p { padding-left:13px; padding-top:60px;}
.cenikTEXT3 {width: 326px; height:431px; float:left; position:relative; top:20px; padding-right:0px; background: url(../img/bg-cenik.png) no-repeat;}
.cenikTEXT3 p { padding-left:13px; padding-top:60px;}

.table {padding:20px; font-size:14px;}
.table td { padding-top:5px;}















#menu { float:right; width:510px; height:77px; text-align:right;}

/* dock - top */
.dock {
	position: relative;
	height:80px; 
	text-align: center;
}
.dock-container {
	position: relative;
	float:left;
	height: 80px;
	width:510;
}
a.dock-item {
	display: block;
	width: 90px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 0px 0px 0px;
	width: 100%; 

}


.dock-item span {
	display: none; 
	padding-left: 20px;
}
/* dock - top */


/*SLIDER*/



/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	position:absolute;
	bottom:10px; right:0px; z-index:1000;
	width:145px;
	height:18px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(../img/button-slider.png) no-repeat;
	display:block;
	height: 18px;   
	width: 37px; 	
	padding:0px 5px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:normal;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: 0 0; }
#flowtabs #t3 			{ background-position: 0 0; }
#flowtabs #t4 			{ background-position: 0 0; }
 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -18px; }
#flowtabs #t2:hover 	{ background-position: 		0 -18px; }
#flowtabs #t3:hover 	{ background-position: 		0 -18px; }
#flowtabs #t4:hover 	{ background-position: 		0 -18px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#fff; line-height:normal; }
#flowtabs #t1.current { background-position:      0 -18px; }
#flowtabs #t2.current { background-position: 0 -18px; }
#flowtabs #t3.current { background-position: 0 -18px; }
#flowtabs #t4.current { background-position: 0 -18px; }


/* override the root element to enable scrolling */
#flowpanes {
	width:622px;
	height:302px;
	position:relative;
	overflow:hidden;
	clear:both;
	color:#fff;
	background-color:transparent;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:622px;
	height:302px;
	cursor:pointer;
	font-size:12px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#fff !important;
	font-size:11px;
}














/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:0px solid #666;	
	height:22px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0 4px 0 0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../img/akce-tab.png) no-repeat 0px -22px;
	font-size:11px;
	display:block;
	height: 22px;  
	line-height:normal;
	width: 125px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:0px;
}


ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0px 0px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px 0px;		
	cursor:default !important; 
	color:#000 !important;
}



/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: 0px -22px; width:125px; }
ul.tabs a.s:hover 	{ background-position: 0px 0px; }
ul.tabs a.s.current  { background-position: 0px 0px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -125px -22px; width:125px; }
ul.tabs a.l:hover 	{ background-position: -125px 0px; }
ul.tabs a.l.current  { background-position: -125px 0px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}



/* tab pane styling */
div.panes div {
	width:322px;
	height:108px;
	display:none;		
	padding:20px;
	border:0px solid #999;
	border-top:0;
	font-size:14px;
	background-color:transparent;
	color:#fff;
	overflow: hidden;

}
.panes {
	width:362px;
	height:148px;
	background-color:transparent;
	background:url(../img/tab-bg-148.png) no-repeat;	
}

.panes h3 {
	color:#fff; font-size:22px; font-weight:bold; padding-bottom:5px;}

.panes p {
	 font-size:12px; font-weight:normal; padding-bottom:0px; padding-top:2px;}