/******************************
    GENERALE
******************************/

body{
    margin: 0px auto;
    padding: 0px;
	text-align: center;
	color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background: URL('images/bgbig.gif') #190602 repeat-x;
	font-size: 11px;
	text-decoration: none;
	letter-spacing : 0px;
	line-height: 16px;

}



a:link, a:visited{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a:hover{
	color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

a img {
	border: none;
}




INPUT {
	width:200px;
	margin:0px;
	padding:5px;
	COLOR: #666666; 
	FONT-FAMILY: verdana, lucida, helvetica, arial, sans-serif; 
	FONT-SIZE: 12px; FONT-STYLE: normal; 
	TEXT-DECORATION: none; 
	border:1px solid #202020;
	background: #1a1a1a;

}



select { 
    border: 1px solid #efefef ;
	COLOR: #666666; 
	FONT-FAMILY: verdana, lucida, helvetica, arial, sans-serif; 
	FONT-SIZE: 11px; FONT-STYLE: normal; 
	TEXT-DECORATION: none; 

}



TEXTAREA {
    width:305px;
	height:109px;
	padding:5px;
	COLOR: #666666; 
	FONT-FAMILY: verdana, lucida, helvetica, arial, sans-serif; 
	FONT-SIZE: 12px; FONT-STYLE: normal; 
	TEXT-DECORATION: none; 
	border:1px solid #202020;
	background: #1a1a1a;
}

.textarea {
    width:298px;
	height:128px;
}

.size1{
    border: 1px solid #efefef ;
	COLOR: #666666;  
    width:52px;
	height:21;
}

.size1:hover{
	border: 1px solid #bbeeff;
	COLOR: #666666;
	background: #000000;
    width:52px;
	height:21;
}


h1 
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#000000;
	LINE-HEIGHT: 14px;
}

h2
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#FFFFFF;
	LINE-HEIGHT: 14px;
}

h3
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:5px;
	font-weight:normal;
	color:#a2865c;
	LINE-HEIGHT: 16px;
	background:#141414;
	border-top: 1px solid black;
}

.thepet {
    position:relative;
	left:0px;
	top:10px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: #202020;
color:#FFCC00;
}

.big{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#FFFFFF;
	LINE-HEIGHT: 14px;
}

.solid{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#ffcc00;
	LINE-HEIGHT: 14px;
}

.link01 {
    color:#a0845b;
	text-decoration:none;
}

.link01 a{
    color:#a0845b;
	text-decoration:none;
}

.link01 a:hover{
    color:#a0845b;
	text-decoration:underline;
}


.readmoree{
    color:#FFCC00;
}

.readmoree a{
    color:#FFCC00;
	text-decoration:none;
}

.readmoree a:hover{
    color:#FFCC00;
	text-decoration:underline;
}

.fade img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* mouse out */
-moz-opacity: 1;
}

.fade:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* mouse over = opacitate % catre bgcolor */
-moz-opacity: 0.7;
}







/******************************
    BUTON 1
******************************/

.buton1{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('images/button1.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 136px;
	height: 43px;
	margin: 0; 
	padding: 0; 
}
.buton1 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 136px;
	height: 43px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.buton1 img{
    width: 136px;
	height: 43px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.buton1 a:hover img{visibility:hidden}







.table01{
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse: collapse;
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:white;
	font-size:12px;
	line-height:16px;
}

td.table01 {
    text-align:vertical;
}


.table02{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color: #999999;
	font-size:12px;
	line-height:16px;
}




.darken {
    color:#666666;
	background: #121212;

}

.darken2 {
    color:#846a48;
	background: #121212;
	text-decoration:none;
}

.darken2 a{
    color:#846a48;
	background: #121212;
	text-decoration:none;
}

.darken2 a:hover{
    color:#846a48;
	background: #121212;
	text-decoration:underline;
}

.container {
    width:950px;
	height:650px;
    margin: 0px auto;
    padding: 0px;
	position:relative;
	top:30px;
	text-align: center;
	vertical-align:top;
    border: 0px solid white;
}

.top {
    width:100%;
	height:10px;
	padding:0px;
	margin:0px;
	background: url('images/top.gif') #000000 repeat-x;
}

.content {
   	padding:0px;
	margin:0px;
    width:100%;
	min-height:610px;
	background: #000000;
	text-align:left;
}

.content2{
    width:910px;  
	border:0px solid white; 
	position:relative; 
	top:20px; 
	text-align:justify;
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:white;
	font-size:12px;
	line-height:16px;
	letter-spacing:0px;

}

.content2c{
    width:910px;  
	border:0px solid white; 
	position:relative; 
	top:20px; 
	text-align:justify;
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:white;
	font-size:12px;
	line-height:16px;
	letter-spacing:0px;

}

.content2b{
    width:936px;  
	border:0px solid white; 
	position:relative; 
	top:5px; 
    background: URL('images/bg_content2.gif') repeat-x;
}

.bottom{
   	padding:0px;
	margin:0px;
    width:100%;
	height:20px;
	background: url('images/bottom.gif') repeat-x;
}

#menu{
    margin:0px;
	padding:0px;
    height:22px;
	text-align:left;
	vertical-align:bottom;
	border: 0px solid white;
}

.bar{
    height:39px;
    background: URL('images/bar.gif');
}

.title {
    float:left;
    position:relative;
	top:11px;
	left:30px;
}

.titleright {
    float:right;
    position:relative;
	top:5px;
	right:10px;
    border:0px solid white;
	width:294px;
}

.leftarrow{
    float:left;
}

.rightarrow{
    float:right;
}

.midletitle{
    float:left;
	position:relative;
	left:5px;
	top:7px;
    width:230px;
	border:0px solid white;
	text-align:center;
}

.footerleft{
    float:left;
    position:relative;
	left:10px;
	top:10px;
    margin:0px;
	padding:0px;
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
	color: #7b6344;
	text-align:left;
}

.footerleft a{
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
	color: #7b6344;
	text-decoration:none;
}

.footerleft a:hover{
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
	color: #be9f6e;
	text-decoration:underline;
}




.footerright{
    float:right;
    position:relative;
	right:10px;
	top:10px;
    margin:0px;
	padding:0px;
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
	color: #7b6344;
	text-align:right;
}

.footerright a{
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
	color: #7b6344;
	text-decoration:none;
}

.footerright a:hover{
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
	color: #be9f6e;
	text-decoration:underline;
}



.color2{
    color: #513b1e;
}

.color2 a{
    color: #513b1e;
}

.color2 a:hover{
    color: #7b6344;
}




/******************************
    PRODUCT 1
******************************/

.product1{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('products/poza1b.jpg');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 146px;
	height: 167px;
	margin: 0; 
	padding: 0; 
}
.product1 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 146px;
	height: 167px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.product1 img{
	width: 146px;
	height: 167px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.product1 a:hover img{visibility:hidden}




/******************************
    PRODUCT 2
******************************/

.product2{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('products/poza2b.jpg');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 146px;
	height: 167px;
	margin: 0; 
	padding: 0; 
}
.product2 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 146px;
	height: 167px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.product2 img{
	width: 146px;
	height: 167px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.product2 a:hover img{visibility:hidden}


/******************************
    PRODUCT 3
******************************/

.product3{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('products/poza3b.jpg');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 146px;
	height: 167px;
	margin: 0; 
	padding: 0; 
}
.product3 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 146px;
	height: 167px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.product3 img{
	width: 146px;
	height: 167px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.product3 a:hover img{visibility:hidden}




/******************************
    PRODUCT 4
******************************/

.product4{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('products/poza4b.jpg');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 146px;
	height: 167px;
	margin: 0; 
	padding: 0; 
}
.product4 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 146px;
	height: 167px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.product4 img{
	width: 146px;
	height: 167px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.product4 a:hover img{visibility:hidden}



/******************************
    PRODUCT 5
******************************/

.product5{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('products/poza5b.jpg');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 146px;
	height: 167px;
	margin: 0; 
	padding: 0; 
}
.product5 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 146px;
	height: 167px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.product5 img{
	width: 146px;
	height: 167px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.product5 a:hover img{visibility:hidden}


/******************************
    PRODUCT 6
******************************/

.product6{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('products/poza6b.jpg');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 146px;
	height: 167px;
	margin: 0; 
	padding: 0; 
}
.product6 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 146px;
	height: 167px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.product6 img{
	width: 146px;
	height: 167px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.product6 a:hover img{visibility:hidden}
