

.main_content{

	margin:0 auto;

	padding:198px 0 0 0!important;

	padding:198px 0 0 0;	

	width:900px;

	display:block;

}

.main_content_demo{

	margin:0 auto;

	padding:0;

	width:900px;

	display:block;

}

.header{

	position:absolute;

	left:50%;

	top:0;

	margin:0 0 0 -455px;

	width:910px;

	height:68px;

	background:url(header.jpg) center top no-repeat;

	display:block;

}

.switch_ul{

	float:left;

	width:524px;

	height:68px;

	display:block;

	margin:0 0 0 191px!important;

	margin:0 0 0 96px;

	display:block;

	background:url(header_ul.jpg) center top no-repeat;

}

.switch_ul li {

	float:left;

}

.switch_ul li a{

	float:left;

	line-height:64px;

	width:131px;

	height:68px;

	display:block;

	font-size:14px;

	text-align:center;

	color:#666;

	text-transform:uppercase;

	font-weight:normal;

	letter-spacing:1px;

}

.switch_ul li a:hover{

	color:#999;



}

.switch_ul li.home a:hover{

	background:url(header_h.jpg) 1px 0 no-repeat;

}

.switch_ul li.download a:hover{

	background:url(header_h.jpg) -130px  0 no-repeat;

}

.switch_ul li.contact a:hover{

	background:url(header_h.jpg) -261px  0 no-repeat;

}

.switch_ul li.pirobox_1 a:hover{

	background:url(header_h.jpg) -392px  0 no-repeat;

}



.description{

	float:left;

	font-size:12px;

	width:850px;

	border-left:1px solid #ccc;

	margin:5px 0 5px 15px!important;

	margin:5px 0 5px 10px;

	padding:5px;

}

.details{

	float:left;

	margin:5px 0 5px 20px!important;

	margin:5px 0 5px 15px;

	width:850px;

	background: url(li.jpg) repeat-y;



}

.details li{

	margin:0;

	padding: 4px 3px 2px 15px;

	background: url(li_descr.jpg) center left no-repeat;

	border-bottom:2px solid white;

}

.code{

	float:left;

	margin:15px 0 10px 28px!important;

	margin:15px 0 10px 14px;

	width:832px;

	background: url(code.jpg) left bottom no-repeat;

	padding:10px 0 10px 10px;

	font-size:12px;

	display:block;

	border-top:1px solid #ededed;

}



a.active_switch ,a:hover.active_switch{

	color:black;

	text-decoration:line-through;

	cursor:default;

}

.highlites{

	color:red;

	font-size:11px;

}

.expl{

	float:left;

	width:820px;

	margin:5px 0 5px 20px!important;

	margin:5px 0 5px 15px;

	padding:5px;

	color:black;

	font-weight:300;

	font-size:11px;

	background: url(li.jpg) repeat-y;

	border-left:2px solid #ccc;

}

.select{

	position:absolute;

	width:132px;

	text-align:center;

	left:50%;

	top:0;

	margin:640px 0 0 270px;

	color:#999;

	display:block!important;

	display:none;

}

.down_arr{

	position:absolute;

	width:20px;

	height:20px;

	right:7px;

	top:3px;

	cursor:pointer;

}

.select_down{

	float:left;

	width:132px;

	height:23px;

	background:url(select.png) center bottom no-repeat;

	text-align:left;

	line-height:21px;

	text-indent:20px;



}

.select_up{

	float:left;

	width:132px;

	height:23px;

	background:url(select_up.jpg) center bottom no-repeat;

	text-align:left;

	line-height:21px;

	text-indent:20px;

}

.select dd{

	float:left;

	width:132px;

	height:20px;

	background:url(bg_select_li.jpg) center bottom;

	font-size:11px;

	display:block;





}

.select dd.last{

	float:left;

	width:132px;

	height:11px;

	background:url(last.jpg) center bottom no-repeat;

}

.top a{

	position:fixed!important;

	position:absolute;

	left:50%;

	margin:0 0 0 422px;

	bottom:10px;

	width:23px;

	height:14px;

	display:block;

	background:#444;

	text-align:center;

	color:white;

	font-size:10px;

	padding:2px;

}



.contact_form {

	width:840px; 

	float:left; 

	margin:10px 0 20px 20px!important;

	margin:5px 0 10px 10px;	

}

.contact_form ul {

}

.contact_form li {

	margin:0; 

	padding:0; 

	text-transform:none;

}

.contact_form legend {

	border:none; 

	text-transform:uppercase;

	color:#999;

	font-size:16px;

}

.contact_form fieldset {

	border:1px solid #ededed; 

	margin:0; 

	padding:8px;

}

.input { 

	width:410px; 

	background: url(form.jpg) bottom;

	color:#999;

	border:1px solid #ccc;

	font-family:Trebuchet MS,Arial; 

	font-size:16px;

	margin:10px 0 0 0;

	padding:5px 0 5px 4px;

}

.textarea {

	width:830px; 

	margin:10px 0 0 0; 

	height:150px; 

	border:1px solid #ccc;

	background: url(form.jpg) bottom;

	color:#999;

	font-family:Trebuchet MS,Arial; 

	font-size:16px;

	padding:5px 0 0 4px;

}

#load_img {

	display: none;

	line-height: 26px;

}



.error {

	border:1px solid #999;

	color:black;

}

#result{

	margin:0 0 0 10px;

}

.fail {

	color: red;

	font-size:16px;

}



.success {

	color: black;

	font-size:16px;



}

.submitbutton{

	float:left;

	width:400px;

}

.submit { 

	width:160px; 

	background: url(form.jpg) bottom;

	border:1px solid #ccc;

	color:#999;

	font-family:Trebuchet MS,Arial; 

	font-size:14px;

	padding:4px;

	margin:10px 0 0 0;

}

.required{



	position:absolute;

	width:90px;

	height:16px;

	background:#333;

	color:white;

	display:block;

	padding:0 0 1px 0;

	font-size:12px;

	margin:13px 0 0 -95px;

	display:none;

	text-align:center;

}

/*::::::::::::::COMMENTS:::::::::::::::*/

.numero_comm{

	float:left;

	color:#999;

	position:relative;

	background:url(date.jpg) no-repeat;

	height:24px;

	line-height:24px;

	width:28px;

	text-align:center;

	font-size:14px;

	font-weight:normal;

	margin:10px 0 -10px 15px!important;

	margin:10px 0 -10px 8px;

	padding:0;

}

.numero_my_comm{

	float:left;

	color:#000;

	position:relative;

	background:url(mydate.jpg) no-repeat;

	height:24px;

	line-height:24px;

	width:28px;

	text-align:center;

	font-size:14px;

	font-weight:normal;

	margin:10px 0 -10px 15px!important;

	margin:10px 0 -10px 8px;

	padding:0;

}

.data{

	font-size:10px;

	padding:0;

	color:#b6b6b6;

}

.mydata{

	font-size:10px;

	padding:0;

	color:#222;

}

.viewmessage{

	float:left; 

	width:840px; 

	margin:0 0 10px 20px!important;

	margin:0 0 10px 13px;

	border:1px solid #ccc;

	background: url(form.jpg) bottom;

	color:#999;

	padding:12px 5px 5px 5px;

}

.viewmessage pre{

		font-family:Trebuchet MS,Arial;

		font-size:12px;

		width:840px;

		display:block;

		overflow:auto;

		white-space: pre-wrap;       /* css-3 */

		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

		white-space: -pre-wrap;      /* Opera 4-6 */

		white-space: -o-pre-wrap;    /* Opera 7 */

		word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

.viewmymessage{

	float:left; 

	width:840px; 

	margin:0 0 10px 20px!important;

	margin:0 0 10px 13px;

	border:1px solid #adacad;

	background: url(myform.jpg) bottom;

	color:#000;

	padding:12px 5px 5px 5px;

}

.viewmymessage pre{

		font-family:Trebuchet MS,Arial;

		font-size:12px;

		width:840px;

		display:block;

		overflow:auto;

		white-space: pre-wrap;       /* css-3 */

		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

		white-space: -pre-wrap;      /* Opera 4-6 */

		white-space: -o-pre-wrap;    /* Opera 7 */

		word-wrap: break-word;       /* Internet Explorer 5.5+ */

}



.demo a{ float:left; margin:0; padding:0; margin:5px 0px 5px 19px!important; margin:5px 10px 5px 10px; display:block; border:3px solid #efefef;}

.demo a:hover{ border:3px solid #fff}

.demo a img{ float:left; margin:0; padding:0; margin:0; background:url(bg_tms.jpg) no-repeat;}

ul,li,dl,dt,dd{

	list-style-type:none;

	margin:0;

	padding:0;

}

