@charset "utf-8";



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertical-align:baseline;}

table {border-collapse:collapse;border-spacing:0;}




h1,h2,h3,h4,.componentheading {font-weight:bold;}

h1,.componentheading {font-size:180%;}

h2 {font-size:150%;}

h3 {font-size:130%;}

h4 {font-size:150%;padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;}

h5 {font-size: 16px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
















body,td,th {







	font-family:Tahoma;







	font-size: 13px;







}







body {







	background-color: #fff;







	margin-left: 0px;







	margin-top: 0px;







	margin-right: 0px;







	margin-bottom: 0px;







	height:100%;







}







a {







font-size:14px;







color:#0099FF;







}







a:hover {







color:#009900;







}


a.current {color:#009900; font-size:19px;}




.hd {







height:70px;







background:#DDDDDD;







border-bottom:#497BFE 3px solid;







}







.hd h1 {







margin-bottom:0px;







}







.vrs {







font-size:10px;







color:#666666;







}







.bh {







color:#0066CC;







}







.gh {







color:#666666;







}







.mn {







background:#E6E6E6;







margin:7px;







padding:5px;







width:195px;







}







.rb {







border-left:#CCCCCC 1px dotted;







padding:0px;







}







.mna {







padding:8px;







padding-left:15px;







border-bottom:#CCCCCC 1px dotted;







font-weight:bold;







}







.mna:hover {







background:#F4F0FF;







}







.mna a {







color:#0066FF;







text-decoration:none;







}















.cbpbControlArea a{color:#B23039;







font-weight:normal;































}











table.contact{







}







/* ячейки таблицы */



table.contact td{



vertical-align:middle;







}











.informacia {







/* margin-bottom:20px; */







padding:5px;







background:Bisque;







width: auto;







color:#333333;







float:left;







border: 0.001px #000 solid; /* стили рамки */







    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */







    -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */







    border-radius: 10px; /* закругление углов для всех, кто понимает */















}



.informaciaotcl {
/* margin-bottom:20px; */
padding:5px;
background:Bisque;
width: 700px;
color:#333333;
float:left;
border: 0.001px #000 solid; /* стили рамки */
    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
    -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
    border-radius: 10px; /* закругление углов для всех, кто понимает */
}



.informaciaaddwithreg {
/* margin-bottom:20px; */
padding:5px;
background:Bisque;
width: 700px;
color:#333333;

border: 0.001px #000 solid; /* стили рамки */
    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
    -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
    border-radius: 10px; /* закругление углов для всех, кто понимает */
}


.siteinfo { 
float: left;
max-width: 100%;
min-width: 30%;
}


.sn {







padding:5px;







background:Bisque;







width: auto;







color:#333333;







float:left;







border: 3px #c33 solid; /* стили рамки */







    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */







    -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */







    border-radius: 10px; /* закругление углов для всех, кто понимает */















}


.sn2 {



padding:5px;



background:Bisque;





color:#333333;



border: 3px #c33 solid; /* стили рамки */

    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */


    -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */


    border-radius: 10px; /* закругление углов для всех, кто понимает */


}















.snright {

padding:5px;

background:Bisque;

width: auto;

height:30px;

color:#333333;

float: left; 

margin-top: 3px;

margin-left: 0px;

border: 1px #333 solid; /* стили рамки */

    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */

    -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */

    border-radius: 10px; /* закругление углов для всех, кто понимает */

}





.snright2 {

padding:5px;

background:Bisque;

width: auto;

height:30px;

color:#333333;

float: left; 

margin-top: 3px;

margin-left: 16px;

border: 1px #333 solid; /* стили рамки */

    -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */

    -webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */

    border-radius: 10px; /* закругление углов для всех, кто понимает */

}









.sn form {

float: right;


font-weight:bold;

color:#666666;

}







.ch0 {







font-size:16px;







color:#0066CC;







padding-left:7px;







padding-right:7px;







background:#FFFFFF;







}







.ch1 {







background:#009900;







color:#FFFFFF;







font-size:16px;







padding-left:7px;







padding-right:7px;







}







.ch2 {







background:#FF6600;







color:#FFFFFF;







font-size:16px;







padding-left:7px;







padding-right:7px;







}







.ch3 {







background:#999999;







color:#FFFFFF;







font-size:16px;







padding-left:7px;







padding-right:7px;







}







.tabl {







padding:4px;







color:#333333;







}







.tabl th {







background:#E6E6E6;







font-size:11px;







color:#666666;







}







.tabl td {







border-bottom:#CCCCCC 1px dotted;







font-size:11px;







height:20px;







}







.tabl a {







color:#0066FF;







font-weight:bold;







text-decoration:none;







}







.tch0 {







font-size:13px;







font-weight:bold;







}







.tch1 {







color:#009900;







}







.tch2 {







color:#FF3300;







}







.tch3 {







color:#999999;







}







.pagenav {







margin-left:20px;







margin-top:10px;







}







.pagenav a {







color:#0066FF;







}







.red a {







font-weight:normal;







margin-left:15px;







}







.ub {







padding:7px;







margin-left:10px;







font-size:19px;







background:#65BF4F;







}







.ub a {







color:#FFFFFF;







text-decoration:none;







}







.admtabl {







margin-left:0px;







width:690px;







padding-bottom:15px;







float:left;







}







.admtabl td {







padding:5px;







}







.ln {







font-size:18px;







font-weight:bold;







margin-bottom:5px;







}







.ln span {







font-size:11px;







font-weight:normal;







}







.repm {







font-size:12px;







text-align:center;







width:190px;







overflow:hidden;







margin-bottom:5px;







}







	#verhneemenu{







		width:100%;







	}







		#verhneemenu ul{







			list-style:none;







		}







			#verhneemenu li{







				list-style:none;







				display:block;







				float:left;







			}







				#verhneemenu li a{







					display:block;







					float:left;







					height:66px;







					color:#fff;







					text-transform:uppercase;







					font-size:11px;







					font-weight:bold;







					background:url(images/menu_007_left.jpg) no-repeat left;







					line-height:43px;







					padding:0 0 0 7px;







					text-decoration:none;







				}







				#verhneemenu li a span{







					display:block;







					float:left;







					background:url(/images/menu_007_right.jpg) no-repeat right;







					height:66px;







					color:#fff;







					line-height:43px;







					padding:0 14px 0 6px;







				}







					#verhneemenu li a:hover{







						display:block;







						float:left;					







						background:url(images/menu_007_left_h.jpg) no-repeat left;







						height:66px;







					}







					#verhneemenu li a:hover span{

          				display:block;

						float:left;					

						background:url(/images/menu_007_right_h.jpg) no-repeat right;

						color:#fff;

						height:66px;

					}







				#verhneemenu li a.current{







					display:block;







					float:left;







					height:66px;







					color:#fff;







					text-transform:uppercase;







					font-size:11px;







					font-weight:bold;







					background:url(images/menu_007_left_h.jpg) no-repeat left;







					line-height:43px;







					padding:0 0 0 7px;







					text-decoration:none;







				}







				#verhneemenu li a.current span{					

					display:block;

					float:left;

					background:url(/images/menu_007_right_h.jpg) no-repeat right;

					height:66px;

					color:#fff;

					line-height:43px;

					padding:0 14px 0 6px;

				}























				







				







				







				







				#menu3 {







	







	width: 592px;







	height: 55px;







}















#menu3 ul {







	margin: 0;







	padding: 0px 0 0 5px;







	list-style: none;







	line-height: normal;







	







}















#menu3 li {







	display: inline;







	text-align: center;







}















#menu3 a {







	display: block;







	float: left;







	height: 36px;







	margin-right: 1px;







	padding: 10px 10px 0px 20px;







	letter-spacing: 2px;







	text-decoration: none;







	text-align: center;







	















	font-size: 18px;







	font-weight: normal;







	color: #383B3F;







}















#menu3 a:hover {







	background: #F40C42 url(images/img02.jpg) repeat-x left bottom;







	color: #FFFFFF;







}







 #menu3 .current a {







	background: #F40C42 url(images/img02.jpg) repeat-x left bottom;







	color: #FFFFFF;







}















#itsthetable {







	font-family: Georgia, "Times New Roman", Times, serif;







	color: #036;







}















#itsthetable caption {







	font-size: 48px;







	color: #036;







	font-weight: bolder;







	font-variant: small-caps;







}















#itsthetable th {







	font-size: 16px;







	color: #000;







	







	padding: 1px 5px;







	







	font-family: Georgia,"Times New Roman",Times,serif;







    font-weight: bold;







}















#itsthetable table {







	margin: 0;







	padding: 0;







	







	







	width: 100%







}















#itsthetable th a:link, #itsthetable th a:visited {







	color: #FFF;







	text-decoration: none;







	







	padding-left: 3px;







}















#itsthetable th a:hover, #itsthetable th a:active {







	color: #F90;







	text-decoration: line-through;







	







	padding-left: 3px;







}















#itsthetable tbody th:hover {







	







	background-position: bottom;







	background-repeat: repeat-x;







}















#itsthetable td {







	







	padding: 0px;







	font-size: 12px;







	text-align: left;







	width:300px;







}















#itsthetable td:hover {







	















}















#itsthetable td a:link, #itsthetable td a:visited {







font-size:14px;







}















#itsthetable td a:hover, #itsthetable td a:active {















}















#itsthetable th {







	text-align: left;







	width: 300px;







}















#itsthetable tr {







	







}















#itsthetable thead th {







	background-image: url(imgs/thead_back.gif);







	background-repeat: repeat-x;







	background-color: #06C;







	font-size: 12px;







	text-align: center;







	text-shadow: #333 2px 2px;







	







}















#itsthetable tfoot th {







	background-image: url(imgs/tfoot_back.gif);







	background-repeat: repeat-x;







	background-color: #036;







	height: 30px;







	font-size: 28px;







	text-align: center;







	text-shadow: #333 2px 2px;







}















#itsthetable tfoot td {















}















tbody td a[href="http://www.csslab.cl/"] {







	font-weight: bolder;







}















#heading {



			display: block;



			text-align: center;



			margin-bottom: 1em;



		}



		#heading * {



			display: inline;



			padding: 4px;



			user-select: none;



			cursor: pointer;



			vertical-align: middle;



		}



		#heading li.active {



			background-color: #66ccff;



			border-radius: 3px;



			-webkit-border-radius: 3px;



			-opera-border-radius: 3px;



			-moz-border-radius: 3px;



		}



		



		



		



		#panes {



			text-align: justify;



			border-style: none;



			/*width: 245px;*/



			margin: 0 1em 0 1em;



		}



		



		#panes p {



		  width: 600px;



		  margin: 0 auto 1em auto;



		  line-height: 1.2em;



		}



		



		#panes div div { overflow: hidden; }



		



		#previous { float: none; cursor: pointer; }



		#next { float: none; cursor: pointer; } 















/* .ДАЛЕЕ СТИЛИ ЛИСТАЛКИ ФРАЗ */



.search-background {

	display: none;

	font-size: 13px;

	font-weight: bold;

	height:160px;

	position: absolute;

	padding-top:140px;

	text-align: center;

	opacity:0.5;filter: alpha(opacity=50) ;

	text-decoration: none;

	width: 520px;

	color:#FFFFFF;

	text-shadow: #fff 0px 0px 20px;

	}

	

search-background label{	



	border:solid #66FF00 1px;

}	



#paging_button ul{ width: 510px; padding:0px; margin:8px; }



#paging_button ul li { 



	-moz-border-radius: 3px 3px 3px 3px;

    font-size: 13px;

	display:inline;

    margin: 0 2px 0px;

    padding: 4px;

    text-align: center;

    text-decoration: none;

    text-shadow: none;

	list-style-type:none; 

    width: 20px;cursor:pointer;

	}

	

#paging_button ul li:hover{background:#66CCFF;}



.splCont {display:none;  }







.spodskazkoy{
	position:relative;
	z-index:1;
	zoom:1;
	
}
.spodskazkoy em{display:none;}
.spodskazkoy:hover em{
	display:block;
	position:absolute;
	z-index:1;
 	background-color:#000;
 	-webkit-border-radius:5px; /* красивости в виде скругленных углов */
 	-moz-border-radius:5px;
 	border-radius:5px;
	line-height:normal;
	color:#FFF;
	text-decoration:none;
	padding:3px 5px;
	bottom:22px;
	right:0;
	-webkit-box-shadow:0 0 5px #000; /* красивости в виде тени */
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
}
.spodskazkoy:hover em i{
	position:absolute;
	z-index:1;
	bottom:-7px;
	right:5px;
	border-top:7px solid #000;
	border-left:7px solid transparent;
	_border-left:7px solid #FDEFC6; /* цвет фона. это для ие6.*/
	display:block;
	height:0;
	overflow:hidden;
}



#tablo {  float:left; background:url(/images/tablo.png) no-repeat; height:135px; width:155px; }

#tablo2 { float:left;  height:115px; width:auto; line-height:2; margin-left:20px; margin-top: 20px; }

#tablo3 { float:left;  height:115px; width: auto; line-height:2; margin-left:20px; margin-top: 5px; }

















































































































































table.sort{

border-spacing:0.1em;

margin-bottom:1em;

margin-top:15px;

float:left;
width:100%;

}



/* ячейки таблицы */

table.sort td{

border:1px solid #CCCCCC;

padding:0.3em 1em

}



/* заголовки таблицы */

table.sort thead td{

cursor:pointer;

cursor:hand;

font-weight:bold;

text-align:center;

vertical-align:middle

}



/* заголовок отсортированного столбца */

table.sort thead td.curcol{

background-color:#999999;

color:#FFFFFF

}













table.sorteditform{

border-spacing:0.1em;

margin-bottom:1em;

margin-top:15px;




}



/* ячейки таблицы */

table.sorteditform td{

border:1px solid #CCCCCC;

padding:0.3em 1em;


}



/* заголовки таблицы */

table.sorteditform thead td{

cursor:pointer;

cursor:hand;

font-weight:bold;

text-align:center;

vertical-align:middle

}



/* заголовок отсортированного столбца */

table.sorteditform thead td.curcol{

background-color:#999999;

color:#FFFFFF

}

#head_menu a {color:black;}
#head_menu a.current{color:maroon;}