@charset "utf-8";
/* CSS Document */

body{
 background-color: #533010;
 padding: 0px 0px 15px 0px;
 margin: 0px;
 background-image: url(img/quetzal_background.jpg);
 background-position: center;
 color:#FFFFFF;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
}
h1{
 color:#C6FA05;
 font-size:14px;
 font-weight:bold;
 margin: 20px;
}
h2{
 color:#C6FA05;
 font-size:13px;
 font-weight:bold;
 margin: 20px;
}
p{
 margin: 20px;
}
li{
 margin: 5px 0px 5px 0px;
 list-style-image: url(img/bullet.gif);

}
a, a:link, a:visited{
 color:#FFFFFF;
 font-size:12px;
 text-decoration:none;
 font-weight: bold;
}
a:hover, a:active {
 color:#FFFFFF;
 font-size:12px;
 text-decoration:underline;
 font-weight: bold;
}
img{
 border: none;
}
.clear{
 clear: both;
}
.img{
 float:right;
 margin: 0px 25px 5px 15px;
}

/* Div Layout */

#costarica{
 text-align: right;
 float: left;
 width: 50%;
 border-bottom: 1px solid #C6FA05;
 background-color: #1DA8B5;
 height: 18px;
}
#ecuador{
 text-align: left;
 float: left;
 width: 49.9%;
 border-bottom: 1px solid #C6FA05;
 background-color: #601B76;
 height: 18px;
}
#costarica a:hover, #costarica a:active {
 text-decoration:none;
}
#ecuador a:hover, #ecuador a:active {
 text-decoration:none;
}

#site{
 width: 795px;
 margin: 35px auto 10px auto;
}
#menu{
 width: 793px;
 height: 28px;
 margin: 0px;
 border: solid 1px #C6FA05;
 float: left;
 clear: both;
 text-align: center;
 overflow: hidden;
}
#left{
 float: left;
 width: 157px;
 height: 422px;
}
#left_img{
 width: 156px;
 height: 401px;
 border-bottom: solid 1px #C6FA05;
 border-left: solid 1px #C6FA05;
 background-image: url(img/home_left.jpg);
 margin: 0px;
}
#left_logo{
 width: 156px;
 height: 21px;
 float: left;
 margin: 0px;
}
#content{
 width: 636px;
 border-left: solid 1px #C6FA05;
 border-right: solid 1px #C6FA05;
 border-bottom: solid 1px #C6FA05;
 float: left;
 background-color: #B51D4D;
 margin: 0px 0px 15px 0px;
}
#formholder{
margin: 10px auto 20px 20px;
width: 400px;
}
#formholder h2{
 margin: 5px 0px 5px 0px;
}
.form{
 border:1px solid #7D7D7D;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 height:18px;
 width:185px;
}
.formbig{
 border:1px solid #7D7D7D;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 height:105px;
 width:190px;
}
td {
 vertical-align: top;
 margin: 0px;
 padding: 0px 10px 0px 0px;
}
table{
 margin: 0px;
 padding: 0px;
}
form{
 margin: 0px;
 padding: 0px;
}
.sitemap{
 width: 600px;
 margin: 0px 25px 20px auto;
 text-align:right;
}

/* MENU LINK CSS */

#menu a, #menu a:link, #menu a:visited{
 width: 98px;
 height: 22px;
 margin: 0;
 background-color: #1DA8B5;
 float: left;
 padding: 6px 0px 0px 0px;
 border-right: solid 1px #FFFFFF;
}
#menu a:hover, #menu a:active {
 width: 98px;
 height: 22px;
 margin: 0;
 color: #1DA8B5;
 background-color: #ffffff;
 float: left;
 padding: 6px 0px 0px 0px;
 border-right: solid 1px #FFFFFF;
 text-decoration:none;
}
#menu1 a:hover, #menu1 a:active #menu1 a, #menu1 a:link, #menu1 a:visited{
 width: 135px;
}
#menu2 a:hover, #menu2 a:active #menu2 a, #menu2 a:link, #menu2 a:visited{
 width: 89px;
}
#menu3 a:hover, #menu3 a:active #menu3 a, #menu3 a:link, #menu3 a:visited{
 width: 99px;
}
#menu4 a:hover, #menu4 a:active #menu4 a, #menu4 a:link, #menu4 a:visited{
 width: 119px;
}
#menu5 a:hover, #menu5 a:active #menu5 a, #menu5 a:link, #menu5 a:visited{
 width: 79px;
}
#menu6 a:hover, #menu6 a:active #menu6 a, #menu6 a:link, #menu6 a:visited{
 width: 89px;
}
#menu7 a:hover, #menu7 a:active #menu7 a, #menu7 a:link, #menu7 a:visited{
 width: 109px;
}
#menu8 a:hover, #menu8 a:active #menu8 a, #menu8 a:link, #menu8 a:visited{
 border: none;
 width: 67px;
}