/* CSS Document */
A { text-decoration:none; color:#FAA33C;}
A:hover { text-decoration:underline; }

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background:#F13969;
	background:url(img/fon.jpg) no-repeat top center #f13969;	
}

#body {
	width:900px;
    min-height:550px;
	border:0px solid  #000000;
	color:#666666;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/bgr_body.gif) repeat-y #FFFFFF;	

}
#top {
	width:850px;
	height:60px;
	padding-left:50px;
	clear:both;
	border:0px solid #000000;
}
ul#menu {

	width:585px;
	border:0px solid #000000;
	margin:0px;
	padding:0px;
	padding-top:15px;
	padding-right:15px;
	float:right;
	list-style:none;
}
ul#menu li {
	display:inline;
	color:#666666;
	border:0px solid #000000;
	float:right;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;

}
ul#menu li a {
	border:0px solid #000000;
	color:#666666;
	text-decoration:none;
	display:block;
	background:url(img/to4ka.gif) top left no-repeat;
	padding-bottom:5px;
	padding-left:15px;
}
ul#menu li a:hover {
	color:#F13969;
	background:url(img/to4ka2.gif) top left no-repeat;
	padding-bottom:5px;
}
#center {
	width:900px;
	clear:both;
	border:0px solid #000000;
}
#center_left {
	width:570px;
	float:left;
	padding-left:23px;
	border:0px solid #000000;
}

ul#menu2 {
	width:570px;
	height:80px;
	border:0px solid #000000;
	margin:0px;
	padding:10px 0 0 0;
	float:left;
	list-style:none;
	background:url(img/bgr_menu2.gif) top left no-repeat;
}
ul#menu2 li {
	display:inline;
	float:left;
	padding-top:17px;
	padding-left:5px;
	font-size:18px;

}
ul#menu2 li a {
	border:0px solid #000000;
	color:#9151A6;
	text-decoration:none;
	display:block;
	background:url(img/kosa.gif) top left no-repeat;
	padding-left:30px;
	padding-right:0px;
	padding-top:5px;
}
ul#menu2 li a:hover {
	color:#F13969;
	background:url(img/kosa.gif) top left no-repeat;
}
ul#menu2 li.kosa {
	display:inline;
	color:#9151A6;
	border:0px solid #000000;
	float:left;	
}
ul#menu2 li.kosa a {
	border:0px solid #000000;
	color:#9151A6;
	text-decoration:none;
	background:none;	
}
ul#menu2 li.kosa a:hover {
	color:#F13969;
}
#center_right {
	width:287px;
	float:left;
	border:0px solid #000000;
}
#center_right_2 {
	width:287px;
	height:90px;
	float:left;
	border:0px solid #000000;
	background:url(img/bgr_center_right.jpg) top left no-repeat;
}
#content {
	width:460px;
	float:left;
	padding-left:35px;
	padding-top:20px;
	border:0px solid #000000;
	clear:both;
}
#content_2{
	width:840px;
	float:left;
	padding-left:35px;
	padding-top:20px;
	border:0px solid #000000;
	clear:both;
}


ul#offer {
	display:block;
	width:520px;
	border:0px solid #000000;
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
	list-style:none;

}
ul#offer li {
    background:url(img/to4ka.gif) top left no-repeat;
	padding-left:15px;
	color:#9151A6;
	font-weight:bold;
	line-height:17px;
}

ul.offer1 {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.offer1 li {
padding:0;
margin:0;
    background:url(img/to4ka.gif) top left no-repeat;
    /*list-style-image:url(img/to4ka.gif);*/
	padding-left:10px;
	color:#9151A6;
	font-weight:bold;
	line-height:17px;
}

#botom{
	width:890px;
	border:0px solid #000000;
	color:#FFFFFF;
	font-size:10px;
	padding-top:15px;
	padding-left:10px;
	margin-left:auto;
	margin-right:auto;
	background:url(img/bgr_botom.gif) top left no-repeat;
}

.abc{
   color:#FFFFFF;
   padding-left:520px;

}
.tittle{
   color:#F13969;
   font-size:18px;
   padding-top:20px;
   padding-bottom:20px;
}
.question{
   color:#9151A6;
   font-size:14px;
   font-weight:bold;
   background:url(img/to4ka.gif) top left no-repeat;
   padding-left:15px;
}
.kozmetika{
   font-weight:bold;
   background:url(img/to4ka.gif) top left no-repeat;
   padding-left:10px;
}
.kozmetika2{
   color:#9151A6;
   font-weight:bold;
}


#gallery_left {
	width:513px;
	float:left;
	padding-left:23px;
	border:0px solid #000000;
}

#gallery_right {
	width:300px;
    float:left;
	border:0px solid #000000;

}

/*----------------------------------------------*/
.gallerycontainer{
position: relative;
padding:0px;
margin:0px;
margin-top:240px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #9151A6;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #9151A6;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:  #E9DAF5;
padding: 5px;
left: -1000px;
border: 1px dashed #FE7A9F;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -230px;
left: 80px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*----------------------------------------------*/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
  width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
  width: 250px;
	height: 187px;
}
.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}

/*----------------------------------------------*/

p#test2 a img {
border:1px solid #F03969;
padding: 1px;
}

#f {
  margin: 0;
  padding: 0;
  float:right;
  text-align:right;
  width:295px;
  clear: both;
  padding-top:15px;
}


#presa {
  margin: 0;
  padding: 0;
  float:right;
  text-align:right;
  clear: both;
  width:295px;
  padding-top:15px;
}

#f a img, #presa a img {
  margin: 0;
  padding: 0;
  display:block;
  float:right;
}