@charset "utf-8";
/* CSS Documento for 'media=all': medicusmundi 2007 */
/* Striker(auskalo.com)&copy;2006 */
/* */

/* 
	Design colors:
	blue: 	#0051B1
	orange:	#FB8B01
	gray:	#D0D0D0
*/


/* general page styles */

html{
	/* general */
	font-size: 100.01%; /* fixes some browser bugs */
}

body{
	/* general */
	margin: 10px 0;
	padding: 0;
	/* fonts:
	font-family: Arial, Helvetica, sans-serif;
	font-family: Times New Roman, Times, serif;
	font-family: Courier New, Courier, monospace;
	font-family: Georgia, Times New Roman, Times, serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Geneva, Arial, Helvetica, sans-serif
	 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;	
	color: #333333;
	/* background */
	background: #FFFFFF;
}

/* default paragraph styles */
p {
	margin: 10px 0;
	text-align: left;
}
 
/* default link styles */

a { 
	color: #0051B1;
	text-decoration: none;
}

a:hover { 
	color: #FB8B01;
	text-decoration: underline;
}

/* default image styles */
img { 
	border: none; 
}

/* default list style */
ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

li {
	list-style: none;
}


/* ************************************************************************************************************************************** */
/* main layout container */
/* ************************************************************************************************************************************** */
#skip{
	position: absolute;
	top: -10000px;
	left: -1000px;
}

#main {
	/* width: 920px; */
	width: 760px;  
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
}

	/* ************************************************************************************************************************************** */
	/* header */
	/* ************************************************************************************************************************************** */
	#header {
		width: auto;
		height: 105px;
		overflow: hidden;
		margin: 0;
		padding: 0;
		border-bottom: 2px solid #FA8C01;
		clear: both;
	}
	
			#logo {
				width: 200px;
				height: 105px;
				float: left;
				overflow: hidden;
				margin: 0;
				padding: 0;
			}
			
			#logoSide {
				height: 105px;
				overflow: hidden;
				margin: 0;
				padding: 0;
				background: #DFEFFF;
			}
			
			#sideTop {
				height: 68px;
				overflow: hidden;
				margin: 0;
				padding: 0;	
				background: #FDB966 url(../images/bkg_top.jpg) no-repeat;
				border-bottom: 2px solid #FFFFFF;
			}
			
				#topLeft {
					width: 71px;
					height: 68px;	
					float: left;
					overflow: hidden;
					margin: 0;
					padding: 0;
				}
				
				#topCenter {
					width: 400px;
					height: 68px;
					float: left;
					overflow: hidden;
					margin: 0;
					padding: 0px 0;
				}
				
				#topRight {
					width: 85px;
					height: 68px;	
					float: right;
					overflow: hidden;
					margin: 0;
					padding: 0;
					line-height: 0.9em;
					color: #FDDCB1;
				}
				
					#topRight ul {
						margin: 0 5px;
						padding: 8px 0;
						font-size: 0.8em;
						font-weight: bold;
						list-style: none;
					}
					
					#topRight ul a {
						color: #0051B1;
						text-decoration: none;
					}
					
					#topRight ul a:hover {
						color: #FFFFFF;
					}
			
			
			#sideBottom {
				height: 35px;
				overflow: hidden;
				margin: 0;
				padding: 0;
				background: #FB8B01 url(../images/bkg_bottom.jpg) no-repeat;
			}
			
				#bottomLeft {
					width: 430px;
					height: 35px;
					float: left;
					overflow: hidden;
					margin: 0;
					padding: 0;
				} 
				
				#bottomRight {
					height: 35px;
					float: right;
					overflow: hidden;
					margin: 0;
					padding: 0;
					background: #FF0000;
				}
	

	/* ************************************************************************************************************************************** */
	/* body */
	/* ************************************************************************************************************************************** */
	#body {
		width: auto;
		margin: 0;
		padding: 0;
		margin-top: 10px;
		clear: both;
	}
	
			#left {
				width: 27%;
				display: block;		
				float: left;
				margin: 0;
				padding: 0;
			}
			
				/* ************************************************************************************************************************************** */
				/* body */
				/* ************************************************************************************************************************************** */
				.menu {
					width: 190px;
					margin: 0;
					padding: 0;
					border-bottom: 2px solid #FA8C01;
					font-size: 0.9em;
					color: #666666;
				}
				
					.menu ul {
						margin: 5px 0;
						padding: 0;
						list-style: none;
					}
					
					.menu li {
						position: relative;
						padding: 0;
					}
					
					.menu li a {
						color: #0051B1;
						text-decoration: none;
					}
					
					.menu li a:hover{
						color: #FB8B01;
					}
					
					.menu li ul {
						display: none;
						padding: 0;
						margin: 0;
						margin-left: 20px;
						list-style: none;
					}
					
					.menu .desplegado {
						display: block;
					} 
					
					.menu form {
						margin: 0;
						padding: 0;
						margin-left: 15px;
					}
					
					.menu .textField {
						font-size: 0.9em;	
						color: #000000;
						border: 1px solid #FFC48B;
						background: #F8F8F8; /*#FFDEB5;*/
					}
					
				/* ************************************************************************************************************************************** */
						
			
			#right {
				width: 73%;
				display: block;
				float: right;
				margin: 0;
				padding: 0;
			}
	
	/* ************************************************************************************************************************************** */
	/* footer */
	/* ************************************************************************************************************************************** */
	#footer {
		width: 760px;
		margin:  10px auto;
		padding: 10px 0;
		text-align: center;
		clear: both;
	}
	
			#footer ul {
				margin: 0;
				padding: 5px 20px;
				font-size: 0.9em;
				text-align: center;
				list-style: none;
				border-top: 1px solid #D0D0D0;
				border-bottom: 1px solid #D0D0D0;
			}
			
			#footer li {
				display: inline;
				margin: 0 5px;
				padding: 0;
			}
			
			#footer li a {
				color: #333333;
				text-decoration: none;
			}
			
			#footer li a:hover {
				color: #666666;
			}	


/* ************************************************************************************************************************************** */
/* map */
/* ************************************************************************************************************************************** */
.mapa {
	line-height: 0%;
}
.mapa img{
	border: 0;
}
dl.map.on{
  background: url(../images/mapa.gif) no-repeat;
  /* margin: 0px 12px 0px 9px; */
  margin: 0px;
  padding: 0px;
  text-align:left;
  width: 179px;
  height: 163px;
  position: relative;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.1em;
}
dl.map.on dt{
  display: inline;
}
dl.map.on dd{
  background: #F5F5F5;
  border: 1px solid #CCCCCC;
  /* border-radius: 8px; CSS3 rounded corners */
  /* -moz-border-radius: 8px; Mozilla rounded corners */
  color: #000000;
  padding: 4px;
  width: 80px;
  position: absolute;
  left: -9999px;
  z-index: 11;
}
dl.map.on a.location{
  background: url(../images/map_point.gif) no-repeat;
  display: block;
  outline: none;
  text-decoration: none;
  text-indent: -9999px;
  width: 5px;
  height: 5px;
  position: absolute;
  z-index: 10;
}
dl.map.on a.location:hover{
  background: url(../images/map_point-hover.gif) no-repeat -1px -1px;
}
dl.map.on a#location01{
  top: 88px; /* map_x: 95 */
  left: 42px; /* map_y: 30 */
}
dl.map.on a#location02{
  top: 124px;
  left: 76px;
}
dl.map.on a#location03{
  top: 61px;
  left: 71px;
}
dl.map.on a#location04{
  top: 9px;
  left: 75px;
}
dl.map.on a#location05{
  top: 99px;
  left: 117px;
}
dl.map.on a#location06{
  top: 89px;
  left: 101px;
}
dl.map.on a#location07{
  top: 67px;
  left: 122px;
}
dl.map.on a#location08{
  top: 79px;
  left: 152px;
}
dl.map.on a#location09{
  top: 42px;
  left: 153px;
}
dl.map.on a#location10{
  top: 39px;
  left: 109px;
}
dl.map.on a#location11{
  top: 22px;
  left: 102px;
}
dl.map.on a#location12{
  top: 29px;
  left: 89px;
}
dl.map.on a#location13{
  top: 20px;
  left: 88px;
}
dl.map.on a#location14{
  top: 13px;
  left: 94px;
}
dl.map.on a#location15{
  top: 10px;
  left: 39px;
}
dl.map.on a#location16{
  top: 12px;
  left: 85px;
}
