/* Global */
body{color: #565655;margin: 0;padding: 0;background: #5f7110;font: normal 14px/16px Akzidenz Grotesk BE MdEx; text-align: center;letter-spacing: 1px;}
a { color:#6e840b;font: normal 12px/15px Arnhem-Normal; text-decoration:underline;}
.clear {clear:both; overflow:hidden; margin:0; padding:0; height:1px;} 
a:hover {text-decoration:none;}
h2 {
	color:#6e840b;
	font: normal 20px/24px Arnhem-Normal;
	margin: 15px 5px 0px 0x;
	text-decoration: none;
	text-transform: none;
}
h3 { color:#95a938;font: normal 12px/15px Arnhem-Normal; margin: 0 0 3px 0;}
h4 { font:  bold 14px Arhem_Normal; }
h5 { font: oblique 14px Arhem_Normal; }
/******* Layout **********/
#wrapper{width:1000px;margin: 0 auto;background: url(../images/l-bg.png) repeat-y center;}
#top{background: url(../images/top.png) no-repeat center;height: 29px;margin:0;padding:0}
#header{background: url(../images/shade.gif) repeat-x top;height: 118px;margin:0 21px;}
#logo {float: left;width:300px; padding: 0px 0 0 5px}
#sm { float: right; padding: 80px 20px 0 0}
/****** Navigation **********/
#nav{background: url(../images/nav.gif) repeat-x top;height: 10px;margin:0 18px;padding-left:1px;}
#nav ul {margin: 0;list-style: none;padding:0}
#nav li {display: block;float: left;}
#nav li a {
	font: normal 12px Arnhem-Normal;
	color: #FAFCF8;
	text-decoration: none;
	display: block;
	padding: 15px 15px 9px;
	border-right: 1px solid #95a938;
	letter-spacing: 0.5px;
}
#nav li a:hover {background: url(../images/hover.gif) repeat-x top;}
#nav li a.current {background: url(../images/hover.gif) repeat-x top;}
/******* Content *********/
#main{ background: url(../images/shade.gif) repeat-x top;margin:2px 21px;padding: 10px;overflow: hidden;clear:both;}
#content{width:731px;padding:10px 20px 15px 0px;float:right;text-align: justify ;}
#content p { margin: 0 0 10px 0x}
#content ul {padding:0 0 10px 0;margin:20px 0 0 25px;list-style: square url(../images/bullet.gif);}
#content li {margin:0; padding:0 0 4px 0;}
.img { border: 1px solid #e5e5e5; padding: 7px; margin: 0 0 12px 0; background-color:#fff;}
.box1 {width: 215px; float:left; padding:7px; border: 1px solid #e5e5e5;}
.box2 {width: 215px; float:left;padding:7px; margin-left:12px;border: 1px solid #e5e5e5;}
.cont { display:block;background-color:#F7F7F7;padding:8px;}
.cont:hover{ background-color:#fff;}
/***** Side Bar **********/
#sidebar{width:200px;margin: 0 0 0 -20px;}
.menu { margin:30px 0 0 0;padding:0; list-style:none;}
.menu2 { margin:30px 0 0 0;padding:0; list-style:none;}
.menu li {
	height: 25px;
	padding: 14px 0 0 43px;
	background-image: url(../images/menu.gif);
	background-repeat: repeat-x;
	background-position: left centre;
}
.menu a {
	color:#475509;
	text-decoration: none;
	font-weight:normal;
	font-family: Akzidenz Grotesk BE MdEx;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
}
.menu a:hover { color:#000000; }
/******** Footer *******/
#footer-line{background: #6e840b url(../images/footer.gif) repeat-y left;height: 9px;margin:0 18px;}
#footer {background: url(../images/shade.gif) repeat-x top;margin:2px 21px;padding: 10px;line-height:1.6em;}
.crd a { color:#565655;text-decoration:none;}
#bottom{background: url(../images/bottom.png) no-repeat center;height: 10px;}

.glossymenu{

margin: 30px 0;
width:200px; /*width of menu*/
border: none;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background-position: left center;
height: 25px;
padding: 12px 0 0 43px;
background: url(../images/glossyback.gif) no-repeat center left;
color: #475509;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 42px;
text-decoration: none;
font-weight:normal;
font-family: Akzidenz Grotesk BE MdEx;
font-size: 11px;
font-style: normal;
line-height: 13px;
letter-spacing: 0.5px;
}
.glossymenu a.menuitem2{

background-position: left center;
height: 25px;
padding: 12px 0 0 43px;
background: url(../images/glossybackactive.gif) no-repeat center left;
color: #475509;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 42px;
text-decoration: none;
font-weight:normal;
font-family: Akzidenz Grotesk BE MdEx;
font-size: 11px;
font-style: normal;
line-height: 13px;
letter-spacing: 0.5px;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

color: #475509;
}
.glossymenu a.menuitem2:visited, .glossymenu .menuitem:active{

color: #475509;
}


.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/

position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem2 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/

position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossybackactive.gif);
color:#000000;
}
.glossymenu a.menuitem2:hover{
background-image: url(../images/glossybackactive.gif);
color:#000000;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 35px;
padding-right: 20px;
}

.glossymenu div.submenu ul li{
padding-top: -1px;
background: url(../images/guion.gif) no-repeat center left;
padding-left: 10px;
letter-spacing: 0.5px;


}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Arnhem-Normal;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: green;
}
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color: #FFFFFF; border:1px solid #336; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }

/* Estilo de las fotos */
#fotos {float:left; border:thin; width:160; height:auto; color:#000000; text-align:center; font-size: 13px; font-style:oblique; letter-spacing: 0.1px; }

