/* Documento css registrado por FLEXO estudio digital */



/* ------------------------------------- General -----------------------------------*/



body {

	margin: 0px;

	padding:0px;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 70%;

	color:#444;

	background: url(/img/fondo.jpg) no-repeat top center #141414;

	line-height:150%;

	}



acronym {cursor: help; text-decoration:underline;}



img a {border: 0;}



/* ----------------- Tablas ------------*/

table{

	margin: 0px 0px 10px 0px;

	text-align:center;

	}



th{

	font-weight:bold;

	color:#ffffff;

	text-align:center;

	padding:3px;

	background-color: #948e86;

	border-bottom: 1px solid #eee;

	vertical-align:middle;

}

th.tactical{background-color: #5f6355;}

th.diving{background-color: #465465;}

th.rescue{background-color: #703437;}



td{

	border-right: 1px solid #eee;

	border-bottom: 1px solid #aaa;

	background-color: #eeeeee;

	color:#333333;

	padding:5px;

	font-size:100%;

}

td.tactical{background-color: #dfe0dd;}

td.diving{background-color: #dadde0;}

td.rescue{background-color: #e2d6d7;}



td.tdimg{background-color: #fff;}



/* ----------------- Enlaces ------------*/

a {

	color: #e6690d;

	text-decoration: none;

	font-weight:bold;

}



a:hover{

	text-decoration: underline;	

}



/* ----------- Encabezados y parrafo -------------*/

h1 {

	display:none;

	}



h2 {

	font-size:200%;

	padding:20px 0px 20px 0px;

	color:#333333;

	margin:0px 15px 10px 15px;

	clear:both;

	border-top:5px solid #333333;

	border-bottom:1px dotted #999999;

	text-transform:uppercase;

	}

	

h3 {

	font-size:140%;

	font-weight:bold;

	padding:5px 0px 5px 0px;

	margin:15px 0px 5px 0px;

	color: #555555;

	clear:both;

}



h4 {

	font-size:120%;

	padding:10px 0px 5px 0px;

	margin:15px 0px 5px 0px;

	border-top: 2px solid #ddd;

	color: #637d84;

	clear:both;

}



h5 {

	color:#555555;

	font-size:100%;

	padding:3px 5px;

	margin:10px 0px 5px 0px;

}



p	{

	margin:0px;

	padding:5px 2px;

	line-height:130%;}



	

/* ------------------------------------- CAPAS ID -----------------------------------*/

/* ------------------------ Cabecera --------------------------*/

#idioma{

	width:960px;

	margin:10px auto;

	padding:0px;

}



#cabecera{

	clear:both;

	width:980px;

	padding:0px;

	margin:0px auto;

	}

	

#logo{

	float:left;

	margin:15px 0px 25px 20px;

	padding:0px;

}





#submenus{

	clear:both;

	display:block;	

	margin: 0px 10px 0px 0px;

	padding:0px 0px 0px 0px;

}





/* ------------------------ Ruta --------------------------*/

#ruta{

	padding:0px 0px 5px 0px;

	margin:0px 15px 10px 15px;

	color:#999;

	}





/* ------------------------ Contenido --------------------------*/



#contenido{

	clear:both;

	width:950px;

	padding:20px 15px 30px 15px;

	margin:0px auto;

	background: #FFF url(/img/pix_fondo_contenido.gif) repeat-x;

	border-top:1px solid #fff;

	border-bottom:1px solid #ccc;

}



#banner{

	clear:both;

	width:920px;

	margin:0px 15px;

	padding:0px;

}

#banner_area{

	padding:60px 30px 30px 380px;

	margin:0px 15px;

	color:#FFF;

	height:160px;

	}

#banner_area p{ margin:0px; padding:10px 0 0 0;}



#areas{

	clear:both;

	width:950px;

	margin:30px 0px 0px 0px;

	padding:0px;

	height:290px;

}



#productos{

	clear:both;

	width:920px;

	margin:20px 15px;

	padding:0px;

}



#principal{

	float:left;

	width:550px;

	padding:0px;

	margin:0px 20px;

	text-align:justify;

}



#lateral{

	float:right;

	width:270px;

	padding: 10px 10px 20px 30px;

	margin:30px 20px 30px 0px;

} 



#lateral_gris{

	float:right;

	width:250px;

	padding: 10px 30px 20px 30px;

	margin:30px 20px 30px 0px;

	background-color: #efefef;

} 



/* ------------------------ Banda Accesos Directos --------------------------*/

#accesos{

	width:980px;

	height:60px;

	margin:0px auto;

	clear:both;

	background:#e9e9e9;

	border-top:1px solid #FFF;

	padding:20px 0px 30px 0px;

	color:#666;

}





/* ------------------------ Pie --------------------------*/

#pie{

	width:940px;

	margin:0px auto;

	clear:both;

	padding:20px 20px 20px 20px;

	color:#FFFFFF;

	background: url(/img/pix_transp_50.png) repeat;

}



#pie a{ font-weight:normal; color: #cc6633;}





/* ------------------------------------ CLASES -----------------------------------*/



/* ------------------------ Banner secciones --------------------------*/

.banner_tactical_eng 	{background: url(/img/banner_tactical.gif) #5f6355; height:250px;}

.banner_diving_eng		{background:url(/img/banner_diving.gif) #465465; height:250px;}

.banner_rescue_eng		{background:url(/img/banner_rescue.gif) #703437; height:250px;}



.banner_tactical_esp 	{background: url(/img/banner_tactical_esp.gif) #5f6355; height:250px;}

.banner_diving_esp 		{background:url(/img/banner_diving_esp.gif) #465465; height:250px;}

.banner_rescue_esp 		{background:url(/img/banner_rescue_esp.gif) #703437; height:250px;}



.banner_tactical_fra	{background: url(/img/banner_tactical_fra.gif) #5f6355; height:250px;}

.banner_diving_fra		{background:url(/img/banner_diving_fra.gif) #465465; height:250px;}

.banner_rescue_fra		{background:url(/img/banner_rescue_fra.gif) #703437; height:250px;}



.banner_tactical_deu 	{background: url(/img/banner_tactical_deu.gif) #5f6355; height:250px;}

.banner_diving_deu		{background:url(/img/banner_diving_deu.gif) #465465; height:250px;}

.banner_rescue_deu		{background:url(/img/banner_rescue_deu.gif) #703437; height:250px;}





/* ------------------------ Fotos --------------------------*/



.fotoparrafode {

	float: right;

	padding: 0px;

	margin: 0px 0px 10px 15px;

}

.fotoparrafoiz{

	float: left;

	padding: 0px;

	margin: 0px 15px 10px 0px;

}



.fotoparrafomarcoiz {

	float: left;

	padding: 0px;

	margin: 3px 10px 10px 0px;

	border:4px solid #edebdd;

}

.fotoparrafomarcode {

	float: right;

	padding: 0px;

	margin: 3px 0px 10px 10px;

	border:4px solid #edebdd;

}



.fotomarco {

	padding: 0px;

	margin: 3px 0px 10px 0px;

	border:4px solid #edebdd;

}



/* ------------------------ Capa producto  --------------------------*/

.capaproducto {

	float:left;

	width:200px;

	height:300px;

	margin:15px 15px;

	padding: 0px;

	text-align:justify;

	background: url(/img/pix_fondo_contenido.gif) repeat-x;

	}

	

.capaaccesorio {

	float:left;

	width:200px;

	height:300px;

	margin:15px 15px;

	padding: 0px;

	text-align:justify;

	background: url(/img/pix_fondo_contenido.gif) repeat-x;

	}

	

.capaproducto h4 {margin:0px 0px 5px 0px; padding:0px; border-top: 1px solid #ccc; display:block; height:45px;}

.capaproducto h4 a{border:0px; background-color:#C60; padding:15px 10px; color:#FFF; float:left; }

.capaproducto h4 a:hover{background-color: #C30; text-decoration:none;}



.capaaccesorio h4 {margin:0px 0px 5px 0px; padding:0px; border-top: 1px solid #ccc; display:block; height:45px;}

.capaaccesorio h4 a{border:0px; background-color: #B08E4F; padding:15px 10px; color:#FFF; float:left; }

.capaaccesorio h4 a:hover{background-color: #963; text-decoration:none;}





.titproducto { background-color:#C60; padding:20px 15px; color:#FFF; margin:20px 0px;  float:left; font-size:150%; text-align: center;}





/* ------------------------ Parrafo descripcion  --------------------------*/

.descripcion{

	margin:80px 0px 30px 0px;

	font-size:110%;

	}



/* ------------------------ Capa caracteristicas  --------------------------*/

.capacaracteristicas {

	float:left;

	width:270px;

	margin:5px 15px;

	padding: 0px;

	text-align:justify;

	}



.capacaracteristicas_form {

	float:left;

	width:270px;

	margin:5px 15px;

	padding: 0px 20px 20px 20px;

	text-align:justify;

	background-color:#f6f5f2;

	}

	

/* ------------------------ Distribuidores --------------------------*/





.capadealer {

	margin:5px 0px;

	padding:5px;

	border-left:1px dotted #C60;

	border-right:1px dotted #C60;

	border-bottom:1px dotted #C60;

	}



/* ------------------------ Separador --------------------------*/

.separador {

	clear:both;

	margin:0px;

	padding:0px;

	font-size:1px;

	}

	



/* ------------------------ Texto --------------------------*/

	

.fecha{color: #999;}

.mini{font-size:90%;}

.rojo{color:#F00;}

.oculto{display:none;}

.tecla {text-decoration: underline;} 



.bt_comprar {clear:both; margin:0px 0px;}

.bt_comprar a{ background: url(/img/ico_cart_blink.gif) no-repeat 5px #666; font-size: 90%; color:#FFF; padding:5px 8px 5px 30px; -khtml-border-radius: 5px;}

.bt_comprar a:hover{ background-color: #C60; text-decoration:none;}



.bt_tabla {clear:both; margin:0px 0px; padding:0px;}

.bt_tabla a{ background: url(/img/ico_pdf.gif) no-repeat 5px #e9e9e9; color:#333; font-weight:lighter; padding:8px 8px 8px 30px; -khtml-border-radius: 5px;}

.bt_tabla a:hover{ background-color: #fff; text-decoration:none;}



.masinfo{

	text-align:right;

	margin:10px 0px 0px 0px;

	padding:4px 6px 4px 8px;

	color:#666666;

	clear:left;

}

.masinfo a{font-weight:normal; color:#556b63;}



.recuadro{

	margin:10px 0px 0px 0px;

	padding:25px;

	background-color:#efefef;

}

.recuadro_shop{

	margin:0px 10px 0px 0px;

	padding:20px;

	background-color:#efefef;

	float:left;

	width:130px;

	

}



.descarga{

	background:url(/img/ico_doc.png) no-repeat left center;

	padding:10px 0px 10px 60px;

}



.garantia{

	background:url(/img/ico_garantia.gif) no-repeat left center;

	padding:20px 0px 20px 80px;

}



.faq{

	background:url(/img/ico_faqs.gif) no-repeat left top;

	padding:0px 0px 10px 60px;

}



.distribuidor_shop{

	background-color: #C60;

	color:#FFF;

	padding:2px;

	font-weight:bold;



}



.volver{

	clear:both;

	border-top:3px solid #e6e4da;

	background-image:url(/img/ico_volver.gif);

	background-repeat:no-repeat;

	background-position: left center;

	margin:15px 0px 0px 0px;

	padding:4px 10px 4px 10px;

}

.volver a { font-weight:normal;}





/* ------------------------------------- LISTAS -----------------------------------*/



/* ----------------- general -----------------*/

ol{

	margin:0px;

	padding:0px;

}

ul{

	margin:0px 0px 0px 0px;

	padding:0px;

	list-style:none;

}

li{

	margin:0px;

	padding:0px;

}

/* ----------------- idioma ----------------*/



#idioma ul{float: right;}

#idioma li {

	float:left;

	margin: 0px 0px 0px 8px;

	text-decoration: none;

	background-position:0px center;

	background-repeat:no-repeat;

	padding: 0px 0px 3px 15px;

	color:#CCCCCC;

}

#idioma li a{

	text-decoration: none;

	font-weight: lighter;

}

#idioma a:hover {

	text-decoration: underline;

}



.id_esp{background-image: url(/img/id_esp.gif);}

.id_eng{background-image: url(/img/id_eng.gif);}

.id_fra{background-image: url(/img/id_fra.gif);}

.id_deu{background-image: url(/img/id_deu.gif);}



.tit_esp{background-image: url(/img/id_esp.gif); background-repeat:no-repeat; padding:15px 0 0 0;}

.tit_eng{background-image: url(/img/id_eng.gif); background-repeat:no-repeat; padding:15px 0 0 0;}

.tit_fra{background-image: url(/img/id_fra.gif); background-repeat:no-repeat; padding:15px 0 0 0;}

.tit_deu{background-image: url(/img/id_deu.gif); background-repeat:no-repeat; padding:15px 0 0 0;}







/* ---------------- lista del menu  -------------------- */



#menu{

	clear:both;

	margin: 0px 5px;

	padding: 0px 10px;

	height:34px;

	}



#menu ul {

	margin: 0px;

	padding: 0px;

}



#menu li {

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	padding: 7px 7px 10px 7px;

	margin:0px 5px;

	float:left;

	color: #aaa; 

	text-transform:uppercase;

}



#menu li a{

	padding: 0px;

	margin:0px;

	font-weight:lighter;

	color: #ffffff; 

	text-decoration:none;

}



#menu li a:hover {

	text-decoration:none;

	color: #FC6;

}

#menu li.activo{

	color: #333;

	background: url(/img/bt_menu_on.gif) repeat-x bottom;

	border-top:1px solid #FFF;

	}

	

#menu li.activo a{color: #333;}



#menu li.sub_tactical{padding:0px 3px 0 3px; margin:6px 0 0 0;}

#menu li.sub_tactical a{background-color: #5f6355; padding:3px 8px; margin:0px; text-transform:lowercase; -khtml-border-radius: 5px;}

#menu li.sub_tactical a:hover{background-color: #717c57; color:#FFF;}



#menu li.sub_diving{padding:0px 3px 0 3px; margin:6px 0 0 0;}

#menu li.sub_diving a{background-color: #465465; padding:3px 8px; margin:0px; text-transform:lowercase;	-khtml-border-radius: 5px;}

#menu li.sub_diving a:hover{background-color: #436084; color:#FFF;}



#menu li.sub_rescue{padding:0px 3px 0 3px; margin:6px 0 0 0;}

#menu li.sub_rescue a{background-color: #703437; padding:3px 8px; margin:0px; text-transform:lowercase;	-khtml-border-radius: 5px;}	

#menu li.sub_rescue a:hover{background-color: #94373b; color:#FFF;}



#menu li.sub_shop{padding:0px 3px 0 3px; margin:6px 0 0 10px;	}

#menu li.sub_shop a{background: url(/img/ico_cart_blink.gif) no-repeat 8px center #C60; padding:3px 8px 3px 35px; margin:0px;	-khtml-border-radius: 5px; text-decoration:blink;}	

#menu li.sub_shop a:hover{background-color: #F60; color:#FFF;}





/* ----------------- ruta ------------------*/

#ruta ul{

	margin: 0px;

	padding: 0px 0px;

	list-style: none;

	display:inline;

}

#ruta li {

	display:inline;

	text-decoration: none;

	background-image:url(/img/ico_flecha_der_ng.gif);

	background-repeat:no-repeat;

	background-position:3px;

	padding: 0px 0px 0px 10px;

	font-weight:normal;

	color:#666;

}

#ruta li a{

	display:inline;

	text-decoration: none;

	font-weight:normal;

}

#ruta a:hover {

	text-decoration: underline;

}





/* ----------------- accesos ----------------*/



#accesos ul{}



#accesos li {

	float:left;

	font-size:110%;

	width:170px;

	margin: 0px 30px 0px 30px;

	text-decoration: none;

	background-position:0px center;

	background-repeat:no-repeat;

	padding: 15px 0px 15px 80px;

	color:#666666;

	border:0px solid #999;

}

#accesos li a{

	text-decoration: none;

	color:#555;

	

}

#accesos li a:hover {

	text-decoration: underline;

	color: #C60;

}



.acc_shop{background-image: url(/img/acc_shop.gif);}

.acc_sat{background-image: url(/img/acc_sat.gif);}

.acc_dealer{background-image: url(/img/acc_dealer.gif);}



.acc_mini{color:#888888; font-size:90%;}





/* ---------------- lista del menu -------------------- */



#areas  li  {

	float:left;

	padding: 0px;

	margin:0px;

}



#areas  li a {

	display:block;

	font-size:110%;

	margin: 0px 15px 0px 15px;

	text-decoration: none;

	font-weight:lighter;

	padding: 0px;

	width:286px;

	height:290px;

	text-align:left;

	color:#fff;

	cursor: pointer;

}



.bt_tactical_eng {background:url(/img/area_tactical.jpg) #5f6355;}

.bt_diving_eng {background:url(/img/area_diving.jpg) #465465;}

.bt_rescue_eng {background:url(/img/area_rescue.jpg) #703437;}



.bt_tactical_esp {background:url(/img/area_tactical_esp.jpg) #5f6355;}

.bt_diving_esp {background:url(/img/area_diving_esp.jpg) #465465;}

.bt_rescue_esp {background:url(/img/area_rescue_esp.jpg) #703437;}



.bt_tactical_fra {background:url(/img/area_tactical_fra.jpg) #5f6355;}

.bt_diving_fra {background:url(/img/area_diving_fra.jpg) #465465;}

.bt_rescue_fra {background:url(/img/area_rescue_fra.jpg) #703437;}



.bt_tactical_deu {background:url(/img/area_tactical_deu.jpg) #5f6355;}

.bt_diving_deu {background:url(/img/area_diving_deu.jpg) #465465;}

.bt_rescue_deu {background:url(/img/area_rescue_deu.jpg) #703437;}



.roll_tactical{

	margin:0px 0px 0px 0px;

	display:none;

	padding:30px;

	height:230px;

	background-color:#5f6355;

}

.roll_diving{

	margin:0px 0px 0px 0px;

	display:none;

	padding:30px;

	height:230px;

	background-color:#465465;

}

.roll_rescue{

	margin:0px 0px 0px 0px;

	display:none;

	padding:30px;

	height:230px;

	background-color:#703437;

}



.masinfo{color:#CC9966;}





/* ----------------- areas tiendas autorizadas ----------------*/



.shop_tactical{border-left:5px solid #5f6355; padding:0px 5px;}

.shop_diving{border-left:5px solid #465465; padding:0px 5px;}

.shop_rescue{border-left:5px solid  #703437;padding:0px 5px;}





/* ----------------- listado ----------------*/





.listado ul{

	margin: 0px 0px 5px 0px;

	padding: 0px;

	list-style:none;

	display:inline;

}

.listado li {

	margin: 0px 0px 0px 0px;

	text-decoration: none;

	background-image:url(/img/ico_flecha_der_ng.gif);

	background-repeat:no-repeat;

	background-position:0px 10px;

	padding: 5px 0px 5px 8px;

	border-bottom:1px solid #eee;

	line-height:130%;

}

.listado li a{

	display:inline;

	text-decoration: none;

}

.listado a:hover {

	text-decoration: underline;

}



/* ----------------- sublistado ----------------*/

.sublistado ul{

	margin: 0px;

	padding: 0px;

	list-style:none;

	display:inline;

}

.sublistado li {

	margin: 0px 0px 0px 5px;

	text-decoration: none;

	background-image:url(/img/ico_flecha_der_ng.gif);

	background-repeat:no-repeat;

	background-position:0px 8px;

	padding: 3px 0px 3px 8px;

	border-bottom:0px solid #fff;

}

.sublistado li a{

	display:inline;

	text-decoration: none;

}

.sublistado a:hover {

	text-decoration: underline;

}







/* ----------------- lista de noticias ------------*/

.listanoticias ul{

	margin: 0px;

	padding: 0px;

	list-style: none;

	display:inline;

}

.listanoticias li {

	clear:both;

	margin: 20px 0px 0px 0px;

	text-decoration: none;

	padding: 0px 15px 15px 10px;

	border-bottom:1px solid #e6e4da;

	border-right:1px solid #e6e4da;

	text-align:left;

}

.listanoticias li a{

	display:inline;

	text-decoration: none;

	color: #e6690d;

	font-size:100%;

	font-weight: bold;

}

.listanoticias a:hover {

	text-decoration: underline;

}



.paginacion{

	clear:both;

	border-top:3px solid #d9dbd5;

	margin:10px 0px 0px 0px;

	padding:5px 5px;

	}



.parrafonoticia{

	clear:both;

	margin-top:20px;

}



.fotonoticia{

	clear:both;

	margin-bottom:5px;

	border:4px solid #efefef;

}



/* ----------------- galeria imagenes----------------*/



.galeria li {

	text-decoration: none;

	margin:0px;

	padding:0px;

	display:inline;

}

.galeria li a{

	display:inline;

	font-size:100%;

	float:left;

	margin: 0px 3px 3px 0px;

	padding:3px 0px;

	text-align:center;

	width:20px;

	text-decoration: none;

	font-weight:normal;

	background-color: #eee;

	color:#666666;

}

.galeria a:hover {

	text-decoration: none;

	background-color: #C60;

	color:#FFFFFF;

}









/* ------------- icono de progreso ------------*/

#progreso{

	display:none;

	margin:5px 0px;

	padding:5px 5px 5px 30px;

	border:1px dotted #CCCC99;

	background-image:url(/img/progress.gif);

	background-position: 5px;

	background-repeat:no-repeat;

	background-color: #FFFFCC;

	font-size:90%;

}







/* ------------------- Formularios -------------------*/



#formulario{

	margin:0px;

	padding:30px;

	background-color: #FFF;

}





form {

	padding: 0px 0px 0px 0px;

	margin:5px;

	clear:both;

}



input{

	font-size:100%;

	border:1px solid #aaa;

	padding:4px 6px;

	margin:0px 0px 10px 0px;

	background: url(/img/pix_fondo_contenido.gif) repeat-x  #ffffff;

	}

	

select{

	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size:100%;

	border:1px solid #aaa;

	background:  #ffffff;

	padding:5px;

	color:#333333;

	margin:3px 0px 10px 0px;

	}



.over{ border:1px solid #444;}



optgroup{font-style:normal;}

fieldset {border:1px solid #ddd; padding:10px; }

legend {padding:5px; font-weight:bold;}



textarea{

	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size:100%;

	font-weight: lighter;

	border:1px solid #aaa;

	padding:8px;

	margin:0px 0px 10px 0px;

	background: url(/img/pix_fondo_contenido.gif) repeat-x #ffffff;

	}

	

submit{

	border:1px solid #333333;

	padding:0px 0px 0px 3px;

	margin:0px;

	}

label{

	color: #5f6355;

	text-align:left;

	}

	

.noborder{

	border:none;

	margin:0px 2px 0px 10px;

	padding:0px 0px 0px 0px;

	vertical-align:text-top;

}



.botontxt{

	padding-left:3px;

	border:1px solid #999999;

	background-color: #ccc;

	margin:0px;

}



/* ------------------------------------ recuadros respuesta  -----------------------------------*/

.recuadro_info, .recuadro_ok, .recuadro_att, .recuadro_ko {

       border: 1px solid;

       margin: 20px 0px;

       padding:20px 10px 20px 55px;

       background-repeat: no-repeat;

       background-position: 10px center;

       position:relative;

	   text-align:left;

}

.recuadro_info {

       color: #00529B;

       background-color: #BDE5F8;

       background-image: url('/img/ico_info.gif');

}

.recuadro_ok {

       color: #4F8A10;

       background-color: #DFF2BF;

       background-image:url('/img/ico_ok.gif');

}

.recuadro_att {

       color: #9F6000;

       background-color: #FEEFB3;

       background-image: url('/img/ico_att.gif');

}

.recuadro_ko {

       color: #D8000C;

       background-color: #FFBABA;

       background-image: url('/img/ico_ko.gif');

}





/* ------------------------------------ mapas interactivos distribuidores  -----------------------------------*/



/* START OF CSS FOR MAP */

dl.map {

	position:relative;

	width:550px;

	height:500px;

	background:url(europe.gif) no-repeat;

	text-align:left;

	margin:0px;

	padding:0px;



}

dl.map dt {

	list-style:none;

	display:inline;

}

dl.map dd {

	position:absolute;

	left:-9999px;

	width:200px;

	padding:10px;

	border:#999 1px solid;

	background:#e9e9e9;

	-moz-border-radius:5px;

	border-radius:8px;

	z-index:11;



	color:#333;

}



dl.map a.location {

	display:block;

	position:absolute;

	text-indent:-9999px;

	background:url(point.png) no-repeat;

	width:10px;

	height:10px;

	outline:none;

	z-index:10;

	text-decoration:none;

}

dl.map a.location:hover {

	background:url(point-hover.png) no-repeat;

}





/* START OF CSS FOR MAP POINTS */

dl.map a#location01 {

	top:306px;

	left:130px;

}

dl.map a#location02 {

	top:241px;

	left:352px;

}

dl.map a#location03 {

	top:304px;

	left:373px;

}

dl.map a#location04 {

	top:210px;

	left:241px;

}

dl.map a#location05 {

	top:205px;

	left:469px;

}

dl.map a#location06 {

	top:304px;

	left:172px;

}

dl.map a#location07 {

	top:180px;

	left:354px;

}

dl.map a#location08 {

	top:192px;

	left:284px;

}

dl.map a#location09 {

	top:253px;

	left:234px;

}

dl.map a#location10 {

	top:144px;

	left:59px;

}





/* COLORES EN TITULOS DE AREAS */

.dist_tactical{border-left: 5px solid #717c57; padding-left:5px;}

.dist_diving{border-left: 5px solid #436084; padding-left:5px;}

.dist_rescue{border-left: 5px solid #94373b; padding-left:5px;}