﻿/*
Costa Rica CSS Mouseover Map
Map Style
Coder: Ing. Natalia Sibaja
*/
#cr
{
    background: url('images/provinces/costarica.gif') no-repeat;
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 474px;
    height: 445px;
}
#cr li
{
    margin: 0px;
    padding: 0px;
    display: block;
    list-style: none;
    position: absolute;
}
#cr a
{
    display: block; 
    text-decoration: none;
}
#cr a span{
	display:none;
	font-size:14px;
}
#cr a:hover span
{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top:-1.8em;
	border:1px solid #999;
	color:#FFF;
	padding:1px 5px;
	z-index:10;
	background-color: #333;
}
#sj
{
    left: 188px;
    top: 146px;
    width: 174px;
    height: 110px;
    z-index: 15;
}
#al
{
    left: 67px;
    top: 0px;
    width: 203px;
    height: 154px;
    z-index: 9;
}
#lm
{
    left: 235px;
    top: 41px;
    width: 239px;
    height: 262px;
    z-index: 10;
}
#gu
{
    left: 1px;
    top:1px;
    width: 177px;
    height: 237px;
    z-index: 9;
}
#pu
{
    left: 256px;
    top: 237px;
    width: 207px;
    height: 209px;
    z-index: 10;
}
#cp
{
    left: 120px;
    top: 135px;
    width: 170px;
    height: 145px;
    z-index: 11;
}
#sj a
{
    height: 110px;
}
#al a
{
    height: 154px;
}
#lm a
{
    height: 262px;
}
#gu a
{
    height: 237px;
}
#pu a
{
    height: 209px;
}
#cp a
{
    height: 145px ;
}
#sj a:hover
{
    background: url('images/provinces/sanjose.gif') no-repeat;
}
#al a:hover
{
	background-image: url(images/provinces/alajuela.gif);
	background-repeat: no-repeat;
}
#lm a:hover
{
    background: url('images/provinces/limon.gif') no-repeat;
}
#gu a:hover
{
    background: url('images/provinces/guanacaste.gif') no-repeat;
}
#pu a:hover
{
    background: url('images/provinces/puntarenas.gif') no-repeat;
}
#cp a:hover
{
    background: url('images/provinces/centralpac.gif') no-repeat;
}
#sjlnk
{
	display:block;
	position:absolute;
	top:400px;
	left:0px;
	color:#FFF;
}
#sjlnk:hover
{
	color:#F63;
}

#sjlnk:hover #cp a
{background: url('images/provinces/sanjose.gif') no-repeat;}
#gulnk
{
	display:block;
	position:absolute;
	top:400px;
	left:0px;
	color:#FFF;
}
#gulnk:hover
{
	color:#F63;
}

#gulnk:hover #gu a
{background: url('images/provinces/guanacaste.gif') no-repeat;}
#allnk
{
	display:block;
	position:absolute;
	top:400px;
	left:0px;
	color:#FFF;
}
#allnk:hover
{
	color:#F63;
}

#allnk:hover #al a
{background: url('images/provinces/alajuela.gif') no-repeat;}
#lmlnk
{
	display:block;
	position:absolute;
	top:400px;
	left:0px;
	color:#FFF;
}
#lmlnk:hover
{
	color:#F63;
}

#lmlnk:hover #cp a
{background: url('images/provinces/limon.gif') no-repeat;}
#pulnk
{
	display:block;
	position:absolute;
	top:400px;
	left:0px;
	color:#FFF;
}
#pulnk:hover
{
	color:#F63;
}

#pulnk:hover #pu a
{background: url('images/provinces/puntarenas.gif') no-repeat;}
#cplnk
{
	display:block;
	position:absolute;
	top:400px;
	left:0px;
	color:#FFF;
}
#cplnk:hover
{
	color:#F63;
}

#cplnk:hover #cp a
{background: url('images/provinces/centralpac.gif') no-repeat;}
