ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
fieldset{
	border:0;
}
a,a:link,a:visited,a:hover{
	color:#00f;
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}
body{
	position:relative;
	background:#ebeae6;
	color:#000;
	font:42.5%   Helvetica, Arial, sans-serif;
}
#header{
width: 781px;
	height: 81px;
	padding: 2px 19px 0px 0px;
	background: #fff;
}

#header h2{
	font-size: 12px;
	text-transform: uppercase;
}

#header input{
	width: 101px;
	height: 15px;
	float: right;
	padding: 2px 5px;
	margin: 0px 0px 0px 11px;
	border: none;
	background: url(../images/search_bg.gif) no-repeat;
}

#header ul{
	float: right;
}

#header ul.header_navi{
	
	float: right;
	clear: right;
	margin: 40px 0px 0px 0px;
}


#header ul li{
	float: left;
	margin: 2px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
	background: url(../images/header_nav_li.gif) left no-repeat;
}

#header ul.icons li{
	background: url(../images/top_li_bg.gif) left no-repeat;
}


#header ul li.no_bg{
	background: none;
}

#header ul.header_navi li a{
	font-size: 9px;
	color: #020202;
}

#logo{
	display: inline-block;
	width: 300px;
	height: 77px;
	float: left;
	
	margin: 0px 0px 0px 20px;
	background: url(../images/banner_home.jpg) no-repeat;
	text-indent: -9999px;
}



#navigation{
	width: 775px;
	height: 56px;
	padding: 0px 12px 0px 13px;
	background: #1e2018;
}

#navigation ul {
	float: left;
}


#navigation ul li{
	display: block;
	float: left;
	height: 56px;
}

#navigation ul li a span{
	display: block;
	padding: 5px 0px 0px 0px;
}


#navigation ul li a{
	display: inline-block;
	height: 46px;
	color: #fff;
	text-align: left;
	font-size: 10px;
	padding: 10px 12px 0px 12px;
}


#navigation ul li a:hover{
	text-decoration: none;
	background: #2cb2e7 url(../images/hover_arrow.gif) center top no-repeat;
}

#navigation ul li.active a{
	background: #2cb2e7 url(../images/hover_arrow.gif) center top no-repeat;
}

/*--------------- Drop-down -----------------*/


#nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
}


#nav ul {
    position:absolute; 
    width:17em;
	height: auto;
    top:139px;
    display:none;
	background: #7CD1EE;

}

#nav ul li{
	/*display: block;*/
	padding: 5px 0px 0px 0px;
	margin: 0px 0px -35px 10px;
	clear: both;
	width: 90%!important;
}

#nav ul li a{
	height: 10px;
	text-align: left;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background: none;
}


#nav ul li a:hover{
	background: none;
	color: #000;
}




#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }


.menu1 {}
.menu2 {margin-left: 0px; *margin-left: -107px!important;}
.menu3 {margin-left: 0px; *margin-left: -77px!important;}
.menu4 {margin-left: 0px; *margin-left: -78px!important;}
.menu5 {margin-left: 0px; *margin-left: -78px!important;}
.menu6 {margin-left: 0px; *margin-left: -78px!important;}
.menu7 {margin-left: 0px; *margin-left: -77px!important;}
.menu8 {margin-left: 0px; *margin-left: -79px!important;}






#guia_1 {
	width: 775px;
	height: 120px;
	
	background: #D4CFC2;

}

#guia_1 img{
	float: left;
}



#guia_1 .col1{
	float:left;
	width: 160px;

}



#guia_1 .col1 h2{
	
	font-size:22px;
	color: #333333;
	
	margin: 40px 0px 16px 29px;
}




#guia_1 .col2{
	float:left;
	width: 600px;
	
	
	
}





#guia_1 .col2 p{
	
	width: 600px;
	color: #333333;
	font-size: 12px;
	
	
}

#guia_1 p a{
	color: #fff;
}


#agc{
	display: block;
	width: 160px;
	height: 40px;
	float: right;
	margin: 10px -3px 0px 0px;
	background: url(../images/logo-agcbase.jpg) no-repeat;
	text-indent: -9999px;
}

#main{
	width: 775px;
	float: left;
	clear: both;
	padding: 00px 12px 15px 13px;
	background: #fff url(../images/home_picture_new.jpg) no-repeat;
}

#main h1{
	
	font-size: 34px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 0px 34px;
}

#main h2{
	
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 0px 34px;
}

#saber_mas_black{
	display: block;
	width: 60px;
	height: 19px;
	float: left;
	margin: 70px 0px 34px 34px;
	background: url(../images/saber_mas_black.gif) no-repeat;
	text-indent: -9999px;
}

#main_navigation{
	width: 775px;
	height: 33px;
	float: left;
	overflow: hidden;
}

#main_navigation ul{
	float: right;
}

#content{
	width: 775px;
	float: left;
	padding: 0px 0px 10px 0px;
	background: #484846;
}

#content h2{
	color: #fff;
	font-size: 24px;
	margin: 0px;
}

.yellow_container{
	float: left;
	width: 357px;
	height: 250px;
	padding: 21px 0px 0px 29px;
	background: #ffd54f;
}

.yellow_container h2{
	color: #ffffff;
	font-size: 80px;
	
}


.yellow_container a,a:link,a:visited,{
	color: #414042;
	
	
}

.yellow_container a:hover{
	color: #414042;
	text-decoration:underline;
	
	
}


.yellow_container .col1{
	float: left;
	width: 67px;
	padding: 16px 0px 0px 0px;
}

.yellow_container .col2{
	float: left;
	width: 140px;
	padding: 10px 0px 0px 00px;
}

.yellow_container .col2 h3{
	color: #414042;
	font-size: 14px;
}

.yellow_container .col2 p{
	color: #8d7c47;
	font-size: 11px;
	margin: 3px 0px 5px 0px;
}








.yellow_container2{
	float: left;
	width: 357px;
	height: 250px;
	padding: 21px 0px 0px 29px;
	background: #fdba4d;
}

.yellow_containe2r h2{
	color: #ffffff;
	font-size: 80px;
	
}


.yellow_container2 a,a:link,a:visited,{
	color: #414042;
	
	
}

.yellow_container2 a:hover{
	color: #414042;
	text-decoration:underline;
	
	
}


.yellow_containe2r .col1{
	float: left;
	width: 67px;
	padding: 16px 0px 0px 0px;
}

.yellow_container2 .col2{
	float: left;
	width: 140px;
	padding: 10px 0px 0px 00px;
}

.yellow_container2 .col2 h3{
	color: #414042;
	font-size: 14px;
}

.yellow_container2 .col2 p{
	color: #8d7c47;
	font-size: 11px;
	margin: 3px 0px 5px 0px;
}

















.orange_container{
	float: left;
	width: 368px;
	height: 250px;
	padding: 21px 0px 0px 21px;
	background: #fdba4d;
	
}


.orange_container .col2{
	float: left;
	width: 60%;
	padding: 6px 0px 0px 00px;
	font-weight:bold;
}



.orange_container .col2 h3{
	color: #414042;
	font-size:12px
	
	
}



.orange_container a,a:link,a:visited{
	color: #414042;
	
	
	
}




.orange_container a:hover{
	color: #414042;
	text-decoration:underline;
	
	
}





#grey_container{
	width: 775px;
	height: 230px;
	float: left;
	padding: 20px 0px;
	background: #cbc4bd;
}

#grey_container h3{
	color:#333333;
	
}


#grey_container a{
	color:#333333;
	text-decoration:none
}

#grey_container a:hover{
	color:#333333;
	text-decoration:underline
}


.container{
	width: 137px;
	height: 136px;
	float: left;
	padding: 0px 60px;
	border-right: 1px solid #999999;
}

.no_border{
	border: none;
}

.container h3{
	font-size: 16px;
	color: #fff;
	margin: 0px 0px 9px 0px;
}

.container p{
	color: #000100;
	font-size: 10px;
	margin: 0px 0px 20px 0px;
}

#darkgrey_container{
	width: 775px;
	
	clear: both;
	padding: 0px 0px 0px 0px;
	background: #999999;
}

#darkgrey_container h2{
	
	color: #000;
	font-size: 16px;
	color: #ffffff;
	margin: 0px;
}





#darkgrey_container h3{
	font-size: 13px;
	color: #fff;
	margin: 0px 0px 9px 0px;
}

#darkgrey_container p{
	width: 110px;
	display: block;
	float: left;
	color: #000100;
	font-size: 11px;
	margin: 0px 0px 20px 0px;
}

#darkgrey_container a{
	color:#ffffff;
	text-decoration:none
}

#darkgrey_container a:hover{
	color:#ffffff;
	text-decoration:underline
}






.left_container{
	float: left;
	width: 277px;
	padding: 0px 66px 0px 44px;
	height: 145px;
}

.right_container{
	float: left;
	width: 270px;
	height: 145px;
	padding: 0px 66px 0px 44px;
	border-left: 1px solid #484846;
}


/*---------------Inner-----------------*/
#main_inner{
	width: 775px;
	float: left;
	clear: both;
	padding: 30px 12px 15px 13px;
	background: #fff url(../images/main_inner.jpg) no-repeat;
}

#main_inner h1{
	
	font-size: 34px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 0px 34px;
}

#main_inner h2{
	
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 0px 34px;
}

#main_inner_navigation{
	width: 775px;
	height: 24px;
	float: left;
	overflow: hidden;
}

#main_inner_navigation ul li{
	display: block;
	float: left;
}

#main_inner_navigation ul li a{
	display: block;
	background: #d5d2ce;
	text-align: center;
	color: #686f65;
	font-size: 10px;
	height: 18px;
	padding: 6px 0px 0px 0px;
}

#main_inner_navigation ul li a:hover{
	background: #686f65;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

#main_inner_navigation ul li.registros a{
	width: 102px;
}

#main_inner_navigation ul li.venta_en a{
	width: 162px;
	border-left: 1px solid #fff;
}

#main_inner_navigation ul li.capcitadores a{
	width: 201px;
	border-left: 1px solid #fff;
}

#main_inner_navigation ul li.programous a{
	width: 156px;
	border-left: 1px solid #fff;
}


#main_inner_navigation ul li.recomandecious a{
	width: 150px;
	border-left: 1px solid #fff;
}

#main_inner_navigation ul li.active a{
	color: #fff;
	background: #686f65;
}

#main_inner_navigation_p ul li.novedades a{
	width: 370px;
	
}

#main_inner_navigatio_p ul li.destacados a{
	width: 400px;
	
}

#main_inner_navigation_p ul li.active a{
	color: #333333;
	font-size:12px;
	font-weight:bold;
	background: #D4CFC2;
	border-bottom:#000000;
	
	
	
	
}





#assessor_virtual{
	width: 672px;
	height: 193px;
	padding: 2px 0px 20px 103px;
	background: #cbc4bd;
}

#assessor_virtual img{
	float: left;
}


#assessor_virtual h2{
	display: inline;
	font-size: 21px;
	color: #fff;
	float: left;
	margin: 40px 0px 16px 51px;
}

#assessor_virtual p{
	display: block;
	width: 425px;
	color: #989897;
	font-size: 15px;
	float: left;
	margin: 0px 0px 0px 51px;
}

#assessor_virtual p a{
	color: #fff;
}

#saber_mos_withbg{
	display: block;
	width: 106px;
	height: 27px;
	float: left;
	clear: left;
	margin: 20px 0px 0px 95px;
	background: url(../images/saber_marwithbg.gif) no-repeat;
	text-indent: -9999px;
}


#hidden1{
	width: 746px;
	height: 348px;
	float: left;
	padding: 0px 0px 0px 29px;
	background: #d4cfc2;
}

#hidden1 h2{
	font-size: 16px;
	color: #fff;
	margin: 30px 0px 10px 0px;
}

#hidden1 p{
	width: 125px;
	color: #000100;
	font-size: 10px;
	margin: 0px 0px 10px 0px;
}

#hidden1 .col1{
	width: 260px;
	float: left;
}

#hidden1 .col2{
	width: 257px;
	float: left;
}

#hidden1 .col3{
	width: 220px;
	float: left;
}

#registros{
	width: 746px;
	height: 365px;
	float: left;
	padding: 35px 0px 0px 29px;
	background: #999999;
}

#registros h2{
	font-size: 22px;
	color: #fff;
	margin: 0px 0px 5px 0px;
}

#registros h3{
	font-size: 16px;
	color: #000;
	margin: 0px 0px 5px 0px;
}

#registros h4{
	font-size: 12px;
	color: #fff;
	margin: 0px 0px 5px 0px;
}

#registros ul {
	margin: 10px 0px 10px 0px;
}


#registros ul li{
	margin: 0px 0px 10px 0px;
}

#registros ul li img{
	float: left;
	margin: 0px 5px 10px 5px;
}

#registros ul li a span{
	display: block;
}



#registros ul li a{
	font-size: 12px;
	color: #000;
	font-weight: bold;
}


#registros .col1{
	width: 248px;
	float: left;
}

#registros .col2{
	width: 260px;
	float: left;
}

#registros .col2 h3{
	font-size: 16px;
	color: #000;
	margin: 30px 0px 5px 0px;
}


#registros .col3{
	width: 200px;
	float: left;
}

#registros .col3 h3{
	font-size: 16px;
	color: #000;
	margin: 30px 0px 5px 0px;
}

#hidden2{
	width: 775px;
	height: 187px;
	float: left;
	background: #a9a6ac;
}

#hidden2 .col1{
	width: 163px;
	float: left;
	padding: 0px 0px 0px 27px;
}

#hidden2 .col2{
	width: 163px;
	float: left;
	padding: 0px 0px 0px 27px;
}

#hidden2 .col3{
	width: 163px;
	float: left;
	padding: 0px 0px 0px 27px;
}

#hidden2 .col4{
	width: 143px;
	height: 187px;
	float: left;
	padding: 0px 0px 0px 47px;
	border-left: 1px solid #fff;
}

#hidden2 .col4 a img{
	padding: 0px 0px 0px 0px;
}


#hidden2 .col4 img{
	padding: 10px 0px 0px 15px;
}


#hidden2 h2{
	font-size: 14px;
	font-weight: bold;
	color: #000100;
	margin: 30px 0px 10px 0px;
}

#hidden2 h2 img{
	margin: 0px 5px 0px 0px;
}


#hidden2 p{
	width: 145px;
	color: #fff;
	font-size: 10px;
	margin: 0px 0px 20px 0px;
}

#agentes{
	width: 746px;
	float: left;
	padding: 2px 0px 20px 29px;
	background: #D4CFC2;
}

#agentes img{
	float: left;
	margin: 50px 0px 0px 25px;
}

#agentes .row{
	width: 618px;
	float: left;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #8f9ca9;
}

#agentes .row .col{
	width: 259px;
	float: left;
	padding: 0px 30px 0px 20px;
}

#agentes .row .col img{
	float: left;
	margin: 50px 45px 50px 0px;
}


#agentes .row .col h2{
	font-size: 18px;
	color: #fff;
	margin: 20px 0px 5px 0px;
}

#agentes .row .col p{
	width: 180px;
	float: left;
	font-size: 11px;
	color: #fff;
	margin: 0px;
}

#agentes h2{
	display: inline;
	font-size: 21px;
	color: #fff;
	float: left;
	margin: 40px 0px 16px 51px;
}

#agentes p{
	display: block;
	width: 425px;
	
	font-size: 15px;
	float: left;
	margin: 30px 0px 0px 51px;
}

#agentes p a{
	color: #fff;
}

#hidden3{
	width: 746px;
	height: 365px;
	float: left;
	padding: 35px 0px 0px 29px;
	background: #9199b1;
}

#hidden3 h2{
	font-size: 22px;
	color: #fff;
	margin: 0px 0px 5px 0px;
}

#hidden3 h3{
	font-size: 16px;
	color: #000;
	margin: 0px 0px 5px 0px;
}

#hidden3 h4{
	font-size: 12px;
	color: #fff;
	margin: 0px 0px 5px 0px;
}

#hidden3 ul {
	margin: 10px 0px 10px 0px;
}


#hidden3 ul li{
	margin: 0px 0px 10px 0px;
}

#hidden3 ul li img{
	float: left;
	margin: 0px 5px 10px 5px;
}

#hidden3 ul li a span{
	display: block;
}



#hidden3 ul li a{
	font-size: 12px;
	color: #000;
	font-weight: bold;
}


#hidden3 .col1{
	width: 248px;
	float: left;
}

#hidden3 .col2{
	width: 260px;
	float: left;
}

#hidden3 .col2 h3{
	font-size: 16px;
	color: #000;
	margin: 30px 0px 5px 0px;
}


#hidden3 .col3{
	width: 200px;
	float: left;
}

#hidden3 .col3 h3{
	font-size: 16px;
	color: #000;
	margin: 30px 0px 5px 0px;
}

#main_inner .yellow_container{
	float: left;
	width: 366px;
	height: 146px;
	padding: 21px 0px 0px 21px;
	background: #ffd54f;
}

#main_inner .yellow_container h2{
	font-size: 22px;
	margin: 0px 0px 0px 0px;
	
}


#main_inner .yellow_container .col1{
	float: left;
	width: 67px;
	padding: 16px 0px 0px 0px;
}

#main_inner .yellow_container p{
	display: block;
	width: 135px;
	margin: 15px 0px 0px 0px;
	float: left;
}


#main_inner .orange_container{
	float: left;
	width: 367px;
	height: 146px;
	padding: 21px 0px 0px 21px;
	background: #fdba4d;
}

#main_inner .orange_container h2{
	font-size: 22px;
	margin: 0px 0px 0px 0px;
	
}


#main_inner .orange_container .col1{
	float: left;
	width: 70px;
	padding: 16px 0px 0px 0px;
}

#main_inner .orange_container p{
	display: block;
	width: 135px;
	margin: 15px 0px 0px 0px;
	float: left;
}




#main_inner_prensa{
	width: 775px;
	float: left;v
	clear: both;
	padding: 30px 12px 15px 13px;
	background: #fff url(../images/banner_prensa.jpg) no-repeat;
}

#main_inner_prensa h1{
	
	font-size: 34px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 0px 34px;
}

#main_inner_prensa h2{
	
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 0px 34px;
}


#main_inner_prensa .yellow_container{
	float: left;
	width: 366px;
	height: 146px;
	padding: 21px 0px 0px 21px;
	background: #ffd54f;
}

#main_inner_prensa .yellow_container h2{
	font-size: 22px;
	margin: 0px 0px 0px 0px;
	
}


#main_inner_prensa .yellow_container .col1{
	float: left;
	width: 67px;
	padding: 16px 0px 0px 0px;
}

#main_inner_prensa .yellow_container p{
	display: block;
	width: 135px;
	margin: 15px 0px 0px 0px;
	float: left;
}


#main_inner_prensa .orange_container{
	float: left;
	width: 367px;
	height: 146px;
	padding: 21px 0px 0px 21px;
	background: #fdba4d;
}

#main_inner_prensa .orange_container h2{
	font-size: 22px;
	margin: 0px 0px 0px 0px;
	
}


#main_inner_prensa .orange_container .col1{
	float: left;
	width: 70px;
	padding: 16px 0px 0px 0px;
}

#main_inner_prensa .orange_container p{
	display: block;
	width: 135px;
	margin: 15px 0px 0px 0px;
	float: left;
}







/*--------------- Inspectores -----------------*/

#main_inspectores{
	width: 775px;
	float: left;
	clear: both;
	padding: 30px 12px 15px 13px;
	background: #fff url(../images/banner_est_inspectores.jpg) no-repeat;
}

#main_inspectores h1{
	font-family: Helvetica;
	font-size: 34px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 0px 34px;
}

#main_inspectores h2{
	font-family: Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 0px 34px;
}

#main_inspectores_navigation{
	width: 775px;
	height: 24px;
	float: left;
	overflow: hidden;
}

#main_inspectores_navigation ul li{
	display: block;
	float: left;
}

#main_inspectores_navigation ul li a{
	display: block;
	background: #d5d2ce;
	text-align: center;
	color: #686f65;
	font-size: 10px;
	height: 18px;
	padding: 6px 0px 0px 0px;
}

#main_inspectores_navigation ul li a:hover{
	background: #686f65;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

#main_inspectores_navigation ul li.Habilitaciones a{
	width: 257px;
	border-left: 1px solid #dcd9d5;
}

#main_inspectores_navigation ul li.Inspectores a{
	width: 257px;
border-left: 1px solid #dcd9d5;
}

#main_inspectores_navigation ul li.Condiciones a{
	width: 258px;
border-left: 1px solid #dcd9d5;
}



#main_inspectores_navigation ul li.active a{
	color: #fff;
	background: #686f65;
	border-left: 1px solid #686f65;
}
























#footer{
	width: 745px;
	padding: 0px 0px 0px 30px;
}


#footer a{
	color: #d1d1d1;
	font-weight: bold;
	text-decoration: none;
}


#footer a:hover{
	
	text-decoration: underline;
}




#footer_listings{
	width: 745px;
	float: left;
	padding: 30px 0px 0px 0px;
}

#footer_listings h2{

	font-size: 12px;
	color: #fff;
	margin: 0px 0px 5px 0px;
}

#footer_listings h3{
	color: #2cb2e7;
	font-size: 10px;
}

#footer_listings ul{
	margin: 10px 0px 30px 0px;
}

#footer_listings li a{
	color: #d1d1d1;
	font-weight: bold;
}
#footer_listings li {
font-size: 10px;
}


#column1{
	width: 194px;
	float: left;
	padding: 0px 0px 0px 00px;
}

#column2{
	width: 257px;
	float: left;
}

#column3{
	width: 184px;
	float: left;
}

#column3 h2{
	font-size: 12px;
	color: #fff;
	margin: 0px 0px 15px 0px;
}

#footer_logo{
	display: block;
	width: 133px;
	height: 25px;
	float: left;
	margin: 40px 0px 0px 0px;
	text-indent: -9999px;
	background: url(../images/agc_footer_logo.jpg) no-repeat;
}


ul.footer_menu {
	float: left;
	font-size:10px;
}


ul.footer_menu li{
	display: inline;
	float: left;
	margin: 50px 0px 30px 25px;
}

ul.footer_menu li a{
	color: #fff;
}





ul.footer_menu li a:link{
	color: #fff;
}







.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
#wrapper{
	width: 800px;
	margin:0 auto;
}








/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/scroll_left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/scroll_right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}