/* CSS Document */

/*//////////////////LAYOUT/////////////////*/

body{
	margin: 0;
	padding: 0;
	font: 11px arial, helvetica, verdana, sans-serif;
	color: #2F282A;
	line-height: 20px;
	background: #C6C8C9 url(../images/fondo.jpg) repeat-x left top;
	/*background: #ffffff;*/
}

a	{ outline: 0; }

input {
	width:300px;
}
.btn{
	width:80px;
	height:22px;
	font-size:10px;
	background:url(../images/bg_btn.gif) no-repeat bottom left #FFFFFF;
	border:none;
}

#contenedor{
	position: relative;
	width: 950px;
	top:25px;
	/*margin-top:-350px;*/
	/*left: 50%;
	margin-left: -475px;*/
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	
}

#logo {
	/*width: 800px;*/
	padding: 25px 0 0 60px;
}

#logo p					{ position:absolute; right:20px; top:15px; text-align:left; padding:0; margin:0; color:#CCCCCC; font-size:12px; }

#logo ul				{ margin:0; padding:0; list-style:none; position:absolute; right:-20px; top:40px; width:185px;}
#logo ul li				{ float:left; margin:0 15px; }
#logo ul li.ultimo		{ margin-right:0; }
#logo ul li a img		{ border:none; }
#logo ul li a:hover		{ border:none; text-decoration:none; }
#logo ul li a:visited	{ border:none; text-decoration:none; }

/*////////////////////MENÚ PRINCIPAL (ARRIBA)//////////////*/

		#menu {
			height: 40px;
			width: 795px;
			padding: 30px 0px 25px 81px;
		}
		
		#menu a {
			outline:0;
			display:block;
			float:left;
			font: bold 12px Arial, Helvetica, sans-serif;
			letter-spacing:4px;
			text-transform:uppercase;
			text-decoration: none;
			color:#999999;
			height: 50px;
			padding: 8px 30px 0 30px;
			background: transparent url(../images/separador.gif) no-repeat left top;*/
		}
		
		#menu img.invisalign	{ margin-top:-3px; /*border:1px dashed #00FF00;*/}
		
		#menu a:hover{
			text-decoration: underline;
		}
				
		#menu a.first{
			background: none;
			padding-left: 0px;
		}

/*////////////////////ELEMENTO DEL MENÚ PRINCIPAL QUE ESTÁ SELECCIONADO (SECCIÓN ACTUAL)//////////////*/
			
			#menu a.actual{
				text-decoration: none;
				color:#000000;
			}
			
		#contenido{
			width: 800px;
			padding: 0 0 0 82px;
			text-align:justify;

		}

/*////////////////////TEXTO DE LA SECCIÓN//////////////*/
	
	#texto{
		float: left;
		font-size:12px;
		width: 420px;
		padding: 0 25px 40px 0;
		text-align:justify;
	}
	#texto a, a:visited{
		text-decoration:none;
		color:#2F282A;
		font-weight:bold;
	}
	#texto a:hover{
		text-decoration:underline;
	}

	
	#texto_staff		{ float:left; width:550px; text-align:left; font-size:12px; padding: 0 25px 40px 0;}
	
	#texto_tratamientos	{ float:left; width:550px; font-size:12px; padding: 0 25px 40px 0; text-align:justify; }
	
	
	p.titular	{ clear:both; margin:15px 0 10px 0; color:#666666; font-size:14px; font-weight:bold; 
				  border-bottom:1px #CCCCCC solid; border-top:1px #CCCCCC solid; }

	
	span.textoizq	{ float:left; margin:0 0 0 10px; padding:0; width:380px;  }	
	span.textoizq p	{ margin:0 0 10px 0; padding:0; }
	
	#texto_tratamientos ul				{ list-style-type:none; margin-top:0;}
	#texto_tratamientos ul li			{ border-left:1px #999999 solid; padding-left:10px;}
	
	ul.sinada							{ list-style-type:none; margin-top:0; }
	
	p.primer:first-letter 				{ font-size:40px; float:left; margin:6px 0 0 0; line-height:27px; color:#999999; padding:0 5px 0 0;
										  /*border-left:1px #0099CC solid;*/ }


/*////////////////// INVISALIGN ///////////////////////////////	*/

#flashInvisalign	{ margin-bottom:2px; width:278px; height:220px; }

.izquierda	{ clear:both; float:left; margin:0; padding:0; margin:5px 10px 15px 0; /*border:2px solid;*/ }
.derecha	{ clear:both; float:right; margin:0; padding:0; margin:5px 0 15px 15px; /*border:2px solid;*/ }

.subtitulo	{ display:block; padding:6px; color:#00b5ec; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; }

.titulo		{ color:#006bb6; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; 
			  border-bottom:1px solid #00b5ec;  border-top:1px solid #00b5ec; }

.piefoto	{ margin:0; padding:3px 5px 5px 5px; color:#333333; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic;
			  text-align:left; background-color:#CCCCCC; line-height:13px; }
			  
.paso		{ clear:both; margin:0 0 5px 0; padding:0; color:#006bb6; font-size:12px; font-weight:bold;}

.pasotexto	{ margin:0; padding:0; margin-left:12px; }

#texto_invisalign{
	float: left;
	font-size:12px;
	width: 770px;
	padding: 0 25px 40px 0;
	text-align:justify;
}
#texto_invisalign a, a:visited{
	text-decoration:none;
	color:#2F282A;
	font-weight:bold;
}
#texto_invisalign a:hover{
	text-decoration:underline;
}
#texto_invisalign p	{ }
#texto_invisalign ul 	{ margin-left:180px; }
#texto_invisalign ul li { margin:5px 0 5px 0; }

/*////////////////////FOTOGRAFÍA DE LA SECCIÓN//////////////*/
	
	#fotos{
		float: left;
		padding: 0;
		width:130px;
	}
	
/*////////////////////SUBMENÚ (A LA DERECHA)//////////////*/

	#submenu{
		float: left;
		width: 191px;
		padding: 0px 0px 0px 25px;
		/*background: transparent url(../images/fond_submenu.jpg) no-repeat right top;*/
	}
	
		#submenu a{
			font: bold 11px verdana, arial, sans-serif;
			line-height: 24px;
			_height: 20px;
			display: block;
			text-decoration: none;
			color: #979697;
		}
		
			#submenu a:hover{
				text-decoration: underline;
			}
		
/*////////////////////ELEMENTO DEL SUBMENÚ QUE ESTÁ SELECCIONADO (SECCIÓN ACTUAL)//////////////*/

		#submenu a.actual{
			text-decoration: underline;
		}
		
/*/////////////////////SUBMENU DEL SUBMNU//////////////////////*/

		#submenu a.submenu2{
			font: bold 9px verdana, arial, sans-serif;
			line-height: 18px;
			padding-left:10px;			
		
		}
		

/*/////////////////////////////////////////////////////////////*/		
		
/*////////////////////PIE DE LA PÁGINA · INFORMACIÓN DE CONTACTO//////////////*/

	#pie{
		float: left;
		font: 12px arial, verdana, sans-serif;
		letter-spacing:4px;
		padding: 15px 0 0 60px;
	}
	
		#pie .texto{
			padding: 8px 0 20px 0;
			text-transform: uppercase;
			color: #666666;
			line-height: 20px;
		}
	
			#pie .texto span{
				color:#000000;
			}
			
		#pie a{
			text-decoration: none;
			color:#666666;
		}
	
		#pie a:hover{
			color:#000000;
		}
		
/*//// CLEAR ////*/
.clear		{clear:both; }