/******************************
    ACCORDEON
******************************/


.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 6px;
border: 0px solid gray;
background: URL("images/bluebg.gif") repeat-x #E1E1E1;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size:12px;
color:white;
margin-top:1px;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: URL("images/redbg.gif") repeat-x #b9d4e5;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size:12px;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size:12px;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size:12px;
}

.thepet{
padding:5px;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size:12px;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
font-size:12px;
}






/******************************
    GENERALE
******************************/

body{
    margin: 0px auto;
    padding: 0px;
	text-align: center;
	color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background: URL("images/bg_new.gif") repeat-x #f1f1f1;
	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:2px;
	height:22px;
	COLOR: #666666; 
	FONT-FAMILY: verdana, lucida, helvetica, arial, sans-serif; 
	FONT-SIZE: 12px; FONT-STYLE: normal; 
	TEXT-DECORATION: none; 
	border:1px solid #CCCCCC;
	background: #FFFFFF;

}



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 #CCCCCC;
	background: #FFFFFF;
}

.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:#002872;
	LINE-HEIGHT: 18px;
}

h3
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#4d9fcc;
	LINE-HEIGHT: 14px;
}

h4
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#000000;
	LINE-HEIGHT: 15px;
	text-align:justify;
}

.fade img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* mouse out */
-moz-opacity: 0.7;
}

.fade:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* mouse over = opacitate % catre bgcolor */
-moz-opacity: 1;
}



.readmore{
   	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#000000;
	line-height: 14px;
}




.readmore a{
   	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#4d9fcc;
	line-height: 14px;
	text-decoration:none;
}


.readmore a:hover{
   	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#4d9fcc;
	line-height: 14px;
	text-decoration:underline;
}










/* ******************************************** */
/* ******************************************** */
/* ******************************************** */

.table01{
    width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse: collapse;
}

td.bg1{
    background:URL('images/bg1.gif') repeat-x;
	height:433px;
}

td.bg2{
    background:URL('images/bg2.gif') repeat-x;
	height:12px;
}

td.bg3{
    background: #f1f1f1;
}


td.bg4{
    background:URL('images/bg4.gif') repeat-x;
	height:12px;
}


td.bg5{
    background:URL('images/bg5.gif') repeat-x;
	height:86px;
}


td.content {
    width:950px;
	background:URL('images/bgtop.gif') no-repeat #002872;
	border:0px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:center;
}




.table03{
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse: collapse;
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:black;
	font-size:12px;
	line-height:16px;
}

td.table03 {
    vertical-align:top;
}





/* ******************************************** */
/* ******************************************** */
/* ******************************************** */

.table02{
    width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse: collapse;
}

td.bg01{
	height:380px;
}

td.bg02{
    background:URL('images/bg_menu.gif') repeat-x bottom;
	height:61px;
	vertical-align:bottom;
}

td.bg03{
    background: #FFFFFF;
}


td.bg04{
    background:URL('images/bgfooter.gif') repeat-x;
	height:86px;
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:white;
	font-size:12px;
}

td.bg04 a{
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:white;
	font-size:12px;
	text-decoration:underline;
	line-height:20px;
}

td.bg04 a:hover{
    font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color:yellow;
	font-size:12px;
	text-decoration:underline;
	line-height:20px;
}

/* ******************************************** */
/* ***************   M E N U   **************** */
/* ******************************************** */


/******************************
    BUTTON 1
******************************/

.button1{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('menu/btn1b.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 96px;
	height: 37px;
	margin: 0; 
	padding: 0; 
}
.button1 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 96px;
	height: 37px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.button1 img{
	width: 96px;
	height: 37px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.button1 a:hover img{visibility:hidden}


/******************************
    BUTTON 2
******************************/

.button2{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('menu/btn2b.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 96px;
	height: 37px;
	margin: 0; 
	padding: 0; 
}
.button2 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 96px;
	height: 37px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.button2 img{
	width: 96px;
	height: 37px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.button2 a:hover img{visibility:hidden}


/******************************
    BUTTON 3
******************************/

.button3{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('menu/btn3b.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 96px;
	height: 37px;
	margin: 0; 
	padding: 0; 
}
.button3 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 96px;
	height: 37px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.button3 img{
	width: 96px;
	height: 37px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.button3 a:hover img{visibility:hidden}


/******************************
    BUTTON 4
******************************/

.button4{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('menu/btn4b.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 96px;
	height: 37px;
	margin: 0; 
	padding: 0; 
}
.button4 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 96px;
	height: 37px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.button4 img{
	width: 96px;
	height: 37px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.button4 a:hover img{visibility:hidden}



/******************************
    BUTTON 5
******************************/

.button5{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url('menu/btn5b.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 168px;
	height: 37px;
	margin: 0; 
	padding: 0; 
}
.button5 a{
	display: block;
	color: #000000;
	font-size: 11px;
	width: 168px;
	height: 37px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.button5 img{
	width: 168px;
	height: 37px;
	border: 0; 
	position:relative;
	top:0px;
}


* html a:hover {visibility:visible}

.button5 a:hover img{visibility:hidden}