@charset "utf-8";

/* Global StYles */
body{
background:#fff;
background:url(../images/header-bg.jpg) repeat-x;
color:#23758d;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

html, body, ul, ol, li,h1, h2, h3, h4, h5, h6, form, fieldset, a img {
margin: 0;
padding: 0;
border: 0;
}

/* tYpEe */
p{margin-bottom:4px; text-align:justify;}

.width-txt1{ padding:0 40px 0 30px;}



/* CONTainers */
#container{
width:800px;
}
#container2{
width:800px;
height:750px;
background:#e7edf2;
}
#container3{
float:left;
width:594px;
background:#e7edf2;
}
#container4{
width:697px;
background:#e7edf2;
padding-top:20px;
height:auto;
}
#container-menu{
float:left;
width:202px;
background:#cad8e3;
}
.container-box1{
float:left;
padding:24px 0 0 25px;
width:233px;
}

.top-tittle{
height:94px;
background-color:#FFFFFF;
border:0 solid #267890;
border-width:1px 0 1px 0;
}

#header{
width:797px;
height:163px;
}

.top{
float:left;
width:297px;
height:82px;
}

.box-places1{
width:550px;
height:190px;
margin:16px 0 16px 10px;
background-color:#FFF;
border:5px solid #cdd2d3;
}

.box-regions{
float:left;
width:229px;
margin:20px 0 0 0;
}

.box-banner{
float:left;
width:468px;
margin:35px 0 0 0;
}

.box-txt1{
padding:10px 10px 10px 10px;
text-align:left;
float:left;
width:330px;
overflow:auto;
height:170px;
}

.box-image1{
float:left;
width:200px;
}

.box-link2{
font:12px Verdana, Arial, Helvetica, sans-serif;
float:left;
width:124px;
margin-left:50px;
}




/* iMAGES- SpaCes. */
#menu-line{
background:url(../images/menu-line.jpg) repeat-x;
height:9px;
margin-right:2px;
background-color:#666666;
clear:both;
}

#footer1{
padding-top:10px;
background:url(../images/footer-1.jpg) repeat-x;
height:77px;
}

#box-menu1{
background:url(../images/menu-bg.jpg) repeat-x;
height:380px;
border: 4px solid #267890;
}

.image-space1{ margin:0 0 7px 15px;}



/* menU. ROLLoverS */
.menu1 a{
width:113px;
height:24px;
float:right;
background:url(../images/menu-hover.jpg) no-repeat;
padding:8px 0 0 0;
}

.menu1 a:hover{
float:right;
background:url(../images/menu-a.jpg) no-repeat;
}

.menu2{
width:113px;
height:24px;
float:right;
text-transform:uppercase;
background:url(../images/menu-a.jpg) no-repeat;
padding:8px 0 0 0;
font:11px;
}

.box-link1 a, .box-link3 a, .box-link4 a{display: block; float:left; width:124px; height:127px; margin-left:50px;}
.box-link1 a:hover, .box-link3 a:hover, .box-link4 a:hover {width:124px; height:127px; float:left; margin-left:50px;}

.box-link1 a { background:url(../images/houses-img-2.jpg) no-repeat;}
.box-link1 a:hover{ background:url(../images/house-img-h.jpg) no-repeat;}

.box-link3 a { background:url(../images/land-image-2.jpg) no-repeat;}
.box-link3 a:hover{ background:url(../images/land-image-h.jpg) no-repeat;}

.box-link4 a { background:url(../images/rent-image-2.jpg) no-repeat;}
.box-link4 a:hover{ background:url(../images/rent-image-h.jpg) no-repeat;}

.rollover-1 a, .rollover-2 a, .rollover-3 a, .rollover-4 a, .rollover-5 a, .rollover-6 a, .rollover-7 a{
display: block; width:162px; height:32px; margin:5px 0 0 25px; padding:16px 0 0 10px; color:#FFFFFF;}

.rollover-1 a:hover, .rollover-2 a:hover, .rollover-3 a:hover, .rollover-4 a:hover, .rollover-5 a:hover, .rollover-6 a:hover, .rollover-7 a:hover {width:162px; height:32px; margin:5px 0 0 25px; padding:16px 0 0 10px; color:#FFFFFF;}
 
.rollover-1 a {background:url(../images/menu-alajuela-a.gif) no-repeat;}
.rollover-1 a:hover {background:url(../images/menu-alajuela-h.gif) no-repeat;}

.rollover-2 a {background:url(../images/menu-heredia-a.gif) no-repeat;}
.rollover-2 a:hover {background:url(../images/menu-heredia-h.gif) no-repeat;}

.rollover-3 a {background:url(../images/menu-cartago-a.gif) no-repeat;}
.rollover-3 a:hover {background:url(../images/menu-cartago-h.gif) no-repeat;}

.rollover-4 a {background:url(../images/menu-limon-a.gif) no-repeat;}
.rollover-4 a:hover {background:url(../images/menu-limon-h.gif) no-repeat;}

.rollover-5 a {background:url(../images/menu-guanacaste-a.gif) no-repeat;}
.rollover-5 a:hover {background:url(../images/menu-guanacaste-h.gif) no-repeat;}

.rollover-6 a {background:url(../images/menu-puntarenas-a.gif) no-repeat;}
.rollover-6 a:hover {background:url(../images/menu-puntarenas-h.gif) no-repeat;}

.rollover-7 a {background:url(../images/menu-sanjose-a.gif) no-repeat;}
.rollover-7 a:hover {background:url(../images/menu-sanjose-h.gif) no-repeat;}




/* Links */
.rollover-1 a:link, .rollover-2 a:link, .rollover-3 a:link, .rollover-4 a:link, .rollover-5 a:link, .rollover-6 a:link, .rollover-7 a:link{color:#FFFFFF;}

.rollover-1 a:visited, .rollover-2 a:visited, .rollover-3 a:visited, .rollover-4 a:visited, .rollover-5 a:visited, .rollover-6 a:visited, .rollover-7 a:visited{color:#FFFFFF;}

a:link{ text-decoration:none; color:#23758d;}
a:visited{ text-decoration:none; color:#23758d;}
a:hover{ text-decoration:none; color:#23758d;}

.menu2 a:link, .menu2 a:visited, .menu2 a:hover{ text-decoration:none; color:#FFF;}

.menu1 a:link{ text-decoration:none; color:#23758d;}
.menu1 a:visited{ text-decoration:none; color:#23758d;}
.menu1 a:hover{ text-decoration:none; color:#FFFFFF;}