/***********************************************/
/* default.css for Web Page          */
/* All styles are here. Agosto- 11.2009    */
/*			GLASSDESIGNGROUP			*/
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
		font-family: Arial,Helvetica,sans-serif; 
		font-size: 11px; 
		cursor: default; 
		color: rgb(255, 255, 255); 
		background-color: #E8E8E8; 
}


/************** Generals styles **************/

* { border: 0px solid rgb(238, 238, 238); margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
a, a:visited { color: rgb(0, 0, 0); outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; text-decoration: underline; }
a:hover, a:active { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; color: rgb(0, 0, 0); }
html, body, #bg, #bg table, #bg td, #cont { overflow: hidden; width: 100%; height: 100%; }

img{
	padding:0px;
	margin:0px;
	border:none;
}

p{
	font-family:ArialMT, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0px;
	line-height:140%;
	color:#444444;
	padding:0px;
	margin:2px 0px 10px 4px;
}

h1{
	font-family:"Lucida Sans Unicode", "Lucida Sans", Arial;
	font-size:20px;
	line-height:140%;
	color:#333333;
	padding:0px;
	margin:4px 0px 0px 0px;
	font-weight:normal;	
}
h2{
	font-family: Arial;
	font-size:14px;
	line-height:140%;
	color:#444444;
	padding:0px;
	margin:4px 0px 0px 0px;
	font-weight:bold;	
}
h3{
	font-family: Arial;
	font-size:12px;
	line-height:140%;
	color:#666666;
	padding:0px;
	margin:4px 0px 0px 10px;
	font-weight:bold;	
}
h4{
	font-family: Arial;
	font-size:14px;
	line-height:140%;
	color:#444444;
	padding:0px;
	margin:4px 0px 0px 10px;
	font-weight:bold;	
	clear:both;
	display:block;
	padding-top:30px;
	padding-bottom:6px;
}

/********************* Content **********************/	

#bg div { position: absolute; width: 200%; height: 180%; top: -50%; left: -50%;}
#bg td { vertical-align: middle; text-align: center; }
#bg img { margin: 0pt auto; min-height: 50%; min-width: 50%;}

	#content {
		overflow: auto; 
		position: absolute; 
		left: 0pt; 
		top: 0pt; 
		width: 100%; 
		height: 100%; 
		
	}
		#language{
			position:absolute;
			top:0px;
			right:40px;
			width:86px;
			height:20px;
			z-index: 10;
			padding-top:2px;

			background: transparent url('images/pattern.png') repeat scroll 0pt 0pt !important;
			background: #000;
			filter:alpha(opacity=70);			
		}
		#language a{
			color:#FFFFFF;
			padding:20px 0px 20px 20px;
			text-decoration:none;
		}
	
		#left_column { 
			margin-top: 20px; 
			margin-left: 40px; 
			margin-bottom: 300px; 
			padding-left: 8px;
			padding-right:8px; 
			width: 200px; 
			height: auto; 
			float: left;
			margin-bottom:140px;

			background: transparent url('images/pattern1.png') repeat scroll 0pt 0pt !important;
			background: #fff;
			filter:alpha(opacity=80);
		}	
		
		#container-left { 
			z-index: 80; 
			width: 100%; 
			height: 360px; 
			padding:30px 6px 20px 0px;
			color:#000000;
					
			
		}
			#container-left li{ 
				margin:5px 3px 3px 3px;
				padding:2px 10px 2px 12px;
				background-color:#FFFFFF;
			}
				#container-left li a{ 
					color:#000000;
					display:block;
					text-decoration:none;
					padding:2px 0px 2px 0px;
				}
					#container-left li a:hover{ 
						color:#3EA67E;
						
					}
					#container-left li ul li{ 
						background-color:#D3EFE4;
					}
							#container-left li ul li a:hover{ 
								color:#3EA67E;
							}
			#left_in{
				overflow: hidden; 
				height: 100%;
				}
		#right_column{	
			margin-top: 20px; 
			margin-left: 10px; 
			margin-bottom: 30px; 
			padding-left: 0px; 
			width: 600px; 
			float: left; 
			color:#333333;
		}
		#container-right-header{
			z-index: 80; 
			width: 548px; 
			height: 45px; 
			background: transparent url('images/pattern3.png') repeat scroll 0pt 0pt !important;
			background: #000;
			filter:alpha(opacity=70);			
			
		}
		#container-right-header-line{
			z-index: 80; 
			width: 548px; 
			height: 2px; 
			margin-top:2px;
			margin-bottom:2px;
			background: transparent url('images/pattern3.png') repeat scroll 0pt 0pt !important;
			background: #000;
			filter:alpha(opacity=70);			
			
		}
		#container-right { 
			z-index: 80; 
			width: 528px; 
			min-height:329px;
			/*_height:329px;*/
			padding:20px 10px 10px 10px;
			overflow:auto;
			margin-bottom:120px;

			background: transparent url('images/pattern2.png') repeat scroll 0pt 0pt !important;
			background: #fff;
			filter:alpha(opacity=90);			
			
		}
			#container-right b { 
				color:#333333;
			}
			
		.image_to_right{
			float:right; 
			margin:0px 10px 10px 10px;
			border: solid 1px #ddd;
		}
		
		.image_to_right2{
			float:right; 
			margin:0px 210px 10px 10px;
			border: solid 1px #ddd;			
		}
		.clearboth{
			clear:both;
		}
	
	/********************* Bottom_bar**********************/
		#bottom_bar { 
			position: absolute; 
			bottom: 20px; 
			left: 409px; 
			z-index: 80; 
			width: 70%; 
			font-size: 11px; 
		}
		.bottom_content{ margin: 0px; padding: 0px 0px 0px 0px; 
			height: 90px; display: block; 

			background: transparent url('images/pattern1.png') repeat scroll 0pt 0pt !important;
			background: #fff;
			filter:alpha(opacity=90);			
			
		}
		#bottom_menu{
			 position: absolute; bottom: 25px; right: 30px; z-index: 80; width: 280px; height: 65px; font-size: 10px; text-align:right
		}
		.menuListe ul { margin-top: 10px; display: block; }
		ul.menuListe li { margin: 0px 0px 3px 0px; padding: 50px 0px 0px; display: inline; }
		.menuListe a, .menuListe a:visited { padding: 4px 4px 0px 4px; text-decoration: none; color: black; }
		.menuListe a:hover { background-color: rgb(136, 168, 184); color: white; }
		.menuListe img { padding-bottom: 0px; }
		
		
		#logo { position: absolute; bottom: 20px; display: block; left: 0px; z-index: 80; width: 100%; font-size: 11px; }
		#logo div { margin: 0px; 
			height: 90px; width:100%; padding-left: 15px; 
			background: transparent url('images/pattern1.png') repeat scroll 0pt 0pt !important;
			background: #fff;
			filter:alpha(opacity=80);			
		}
		#logo img { margin-top: 10px; margin-left: 18px;height:69px; width:360px }	

		
		#galery_buttons{
			position: absolute; 
			bottom: 20px; 
			right: 300px; 
			z-index: 80; 
			width: 280px; 

}
#galery_buttons a{
		margin-left: 10px	

}
		
		
		
		#photo_gallery{
			margin:20px 0px 10px 0px;
			font-size:16px;
		}

		
		
		.nombre{
				width:270px;
				height:17px;
				color:#FFFFFF;
				font-weight:bold;
				background-color:#333333;
				position:absolute;
				top:0px;
				left:0px;
				text-align:right;
				font-size:12px;
				padding:10px 2px 0px 0px;
				
			}
		.equipo_boxContent{
			margin-left:-10px;
		
		}
			.equipo_boxContent h2{
				margin-left:10px;
				margin-bottom:6px;
			}
		
		.equipamiento_item{
			clear:both;
		}
			.equipamiento_item p{
				margin:0px 10px 10px 20px;
			}
			.equipamiento_item span{
				display:block;
			}
			.equipamiento_nombre{
				width:270px;
				height:17px;
				color:#FFFFFF;
				font-weight:bold;
				background-color:#333333;
				text-align:right;
				font-size:12px;
				padding:10px 2px 0px 0px;
			}
			
			
			.tratamiento_item{
				clear:both;
				margin-bottom:12px;
				overflow:visible;
			}
			.tratamiento_item p{
				margin:0px 10px 10px 20px;
			}
			.tratamiento_item span{
				display:block;
			}
				.tratamiento_nombre{
					width:520px;
					color:#FFFFFF;
					font-weight:bold;
					background-color:#333333;
					text-align:left;
					font-size:12px;
					padding:8px 2px 2px 4px;
					margin-bottom:4px;
					overflow:hidden;
				}
				.tratamiento_subtopic{
					width:190px;
					color:#000000;
					font-weight:bold;
					background-color:#D8D8D8;
					text-align:left;
					font-size:12px;
					padding:10px 2px 0px 0px;
					margin-bottom:4px;
					overflow:hidden;
				}
				.tratamiento_item ul{
				margin:5px 5px 0px 20px;
			}
				.tratamiento_item ul li{
					margin:0px 0px 0px 12px;
					color:#929292;
					font-size:12px;
					list-style-type:disc
				}
				
				.tratamiento_to_right{
					float:right; 
					margin:0px 10px 10px 60px;
				}
				.tratamiento_to_right_up{
					float:right; 
					margin:46px 10px 10px 60px;
				}
				
				
				
				.interna_item{
					clear:both;
					margin-bottom:12px;
					overflow:visible;
				}
				.interna_item p{
					margin:0px 10px 10px 20px;
				}
				
					.interna_item ul{
					margin:5px 5px 0px 20px;
				}
					.interna_item ul li{
						margin:0px 0px 0px 10px;
						color:#444444;
						font-size:12px;
						list-style-type:disc
					}
				
				
		/********************Quienes Somos*****************/
		.team_item{
			overflow:hidden;
			clear:both;
			margin-bottom:8px;
			position:relative;
			padding-top:26px;
			
		}
			.team_item p{
				margin:0px;
				margin-left:10px;
			}
				
				.team_item p b{
					color:#FFFFFF;
				}
			
			.team_item ul{
				margin:5px 5px 0px 20px;
			}
				.team_item ul li{
					margin:0px 0px 0px 0px;
					color:#333333;
					font-size:11px;
					list-style-type:disc
				}
				

#leftarrow {
	position: absolute;
	width: 38px;
	height: 100%;
	left: 0px;
	top: 0px;
	cursor: pointer;
	visibility: hidden;
	z-index: 10;	
	background: transparent url(images/leftarrow.png) center no-repeat !important;
	filter:alpha(opacity=80);			
}				

#rightarrow {
	position: absolute;
	width: 38px;
	height: 100%;
	right: 0px;
	top: 0px;
	cursor: pointer;
	visibility: hidden;	
	z-index: 10;
	background: transparent url(images/rightarrow.png) center no-repeat !important;
	filter:alpha(opacity=80);			
}				

#credits {
	margin: 20px 65px 0;
	font-size: 10px;
}

#credits a:hover, #credits a:active, #credits a:visited { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; color: #000; }

#visor {
	position: relative;
	width: 524px;
	height: 260px;
	margin: 2px 0 16px 2px;
	background: transparent url(images/visor.jpg) center bottom no-repeat;
}				

#video {
	position: relative;
	float: right;
	width: 230px;
	height: 260px;	
}

.visorbtn {
	float: left;
	width: 283px;
	height: 47px;	
	cursor: pointer;
	margin:4px 0px 0px 2px;
	text-indent: -2000em; /* Hides the text in the h1 tag */
	z-index: 1000; /* IE Fix*/	
}

#visor_links{
	width:283px;
	height:150px;
	padding-top:101px;
}
#step1 {
	background: transparent url(images/odont-mini-invasiv.png) left no-repeat;
	
}
#step2 {
	background: transparent url(images/dientes-hora.png) left no-repeat;
}
#step3 {
	background: transparent url(images/medicina-interna.png) left no-repeat;
}



/********************* end **********************/