* {
	padding: 0;
	margin: 0;
}

body {
	background-image: url(../img/default/bg/body.gif);
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #4a4a4a;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	color: #4a4a4a;
	font-size: 1em;
	padding: 1px 2px;
}

input[type=hidden] {
	display: none;
}

a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0 none;
}

h1 {
	width: 450px;
	height: 100px;
	position: absolute;
	top: 90px;
	z-index: 1000;
	visibility: visible !important;
}

	h1 a {
		text-indent: -9999px;
		width: 450px;
		height: 100px;
		display: block;
		visibility: visible !important;
	}

h1, h2, h3, h4, h5, h6 {
	color: #114f6b;
}

.clear {
	clear: both;
}

p {
	line-height: 1.8em;
}

img {
	vertical-align: middle;
}

#main {
	overflow-x: hidden;
	margin: 287px auto 0 auto;
	background-image: url(../img/default/bg/main.gif);
	background-repeat: repeat-y;
	width: 1007px;
	font-size: 1.2em;
}

	#main.home {
		width: 907px;
		padding: 20px 40px 20px 60px;
		background-image: url(../img/default/bg/mainHome.gif);
	}
	
	#main.listadoTratamientos {
		width: 967px;
		padding: 0 20px 20px 20px;
		background-image: url(../img/default/bg/mainHome.gif);
	}

	#sidebar {
		width: 250px !important;
		float: left;
		padding: 0 0 0 34px;
		overflow-x: hidden;
	}
	
		#sidebar #cita {
			background-color: #f8f8f8;
			background-image: url(../img/default/bg/cita.gif);
			background-repeat: no-repeat;
			padding: 84px 10px 10px 10px;
			font-size: 0.9em;
		}
		
			#cita label,
			#cita .label {
				display: block;
				margin-bottom: 15px;
				width: 220px;
			}
			
			#cita input, #cita select {
				display: block;
				width: 100%;
			}
			
			#cita #horario {
				width: 190px;
			}
			
			#cita .label img {
				float: right;
				margin-top: 13px
			}
			
			#cita input.check {
				display: inline;
				width: auto;
				margin-left: 30px;
			}
			
			#cita input.button {
				width: auto;
				height: auto;
				margin-left: 160px;
			}
			
			#cita p {
				margin-bottom: 10px;
				line-height: normal;
				color: #000;
			}
			
				#cita p.error {
					color: #F00
				}

		#sidebar #opiniones {
			background-image: url(../img/default/bg/opiniones.gif);
			background-repeat: no-repeat;
			padding-top: 80px;
			padding-bottom: 20px;
		}
		
			#opiniones blockquote {
				padding: 10px 25px 0 25px;
				font-style: italic;
				line-height: 1.7em;
			}
			
			#opiniones blockquote p {
				font-weight: normal;
				font-style: normal;
				margin-left: 0;
				border-bottom: 0 none;
				padding-bottom: 0;
				font-size: 1em;
				color: #4a4a4a
			}
			
			#opiniones p {
				font-weight: bold;
				font-style: italic;
				margin-left: 25px;
				margin-right: 25px;
				font-size: 1.3em;
				color: #000;
				padding-bottom: 10px;
				margin-bottom: 10px;
				border-bottom: 1px dotted #4a4a4a;
			}
			
			#opiniones p.todos {
				margin-top: 20px;
				margin-right: 0;
				font-size: 0.9em;
				color: #2a82aa;
				font-style: normal;
				font-weight: normal;
				padding: 0 20px;
				margin-bottom: 20px;
				width: 215px;
				color: #4a4a4a;
				border: 0 none;
			}
			
				#opiniones p.todos a {
					color: #2a82aa;
					text-decoration: underline;
				}
	
	#content {
		overflow-x: hidden;
		width: 620px !important;
		float: left;
		margin: 30px 0 0 40px;
		overflow-x:hidden;
	}
	
	#main.listadoTratamientos #content {
		width: 900px;
	}

#footerContainer {
	height: 192px;
	background-image: url(../img/default/bg/footerContainer.gif);	
}

	#footer {
		width: 960px;
		background-image: url(../img/default/bg/footer.gif);	
		background-repeat: no-repeat;
		margin: auto;
		color: #FFF;
		height: 192px !important;
	}
	
	#footer a:link,
	#footer a:visited {
		color: #FFF !important;
	}
	
	#footer p {
		position: relative;
		left: 270px;
		padding-top: 120px;
		font-size: 1.1em;
		text-align: center;
		width: 140px;
		float: left;
		margin-right: 20px;
	}
	
	#footer ul {
		padding-top: 40px;
		position: relative;
		left: 270px;
		width: 525px;
		overflow: hidden;
		line-height: 20px
	}
	
	#footer ul li {
		display: inline;
		margin-right: 30px;
		list-style-type: square;
	}

#headerContainer {
	background-image: url(../img/default/bg/headerContainer.gif);
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	width: 100%;
}

	#header {
		height: 287px;
		width: 1007px;
		margin: auto;
		background-repeat: no-repeat;
	}
	
		#header * {
			visibility: hidden;
		}
		
		#header #redes {
			float: right;
			visibility: visible;
			height: 27px;
			margin-right: 110px;
		}
		
			#header #redes a {
				margin-top: 1px;
			}
		
			#header #redes a,
			#header #redes li {
				width: 30px;
				margin-right: 22px;
				height: 27px;
				text-indent: -9999px;
				display: block;
				float: left;
				visibility: visible;
			}
			
			#header #redes a.uno:hover {
				background-image: url(../img/default/bg/1.jpg);
			}
			#header #redes a.dos:hover {
				background-image: url(../img/default/bg/2.jpg);
			}
			#header #redes a.tres:hover {
				background-image: url(../img/default/bg/3.jpg);
			}
			#header #redes a.cuatro:hover {
				background-image: url(../img/default/bg/4.jpg);
			}
		
		#header #mapa1,
		#header #mapa2,
		#header #mapa3 {
			visibility: visible;
			position: absolute;
			display: block;
			top: 67px;
			margin-left: 880px;
			width: 70px;
			text-indent: -9999px;
			z-index: 1000;
		}
		
		#header #mapa2 {
			margin-top: 20px;
		}
		
		#header #mapa3 {
			width: 170px;
			height: 45px;
			margin-left: 712px;
			top: 190px;
		}
		
		#header #nav,
		#header #nav * {
			visibility: visible;
		}
		
			#header #nav {
				position: absolute;
				top: 178px;
				margin-left: 50px;
				font-size: 1.2em
			}
		
			#nav, #nav ul { /* all lists */
				list-style: none;
				line-height: 1;
			}
			
			#nav ul {
				position: absolute;
			}
			
			#nav a {
				display: block;
				color: #FFF;
				padding-left: 28px;
				padding-right: 20px;
				background-image: url(../img/default/bg/menuLi.gif);
				background-repeat: no-repeat;
				background-position: 0 5px;
				height: 27px;
				padding-top: 50px;
				margin-top: 30px;
				font-weight: bold;
			}
			
			#nav li:hover {
				background-image: url(../img/default/bg/menuLiHover.png);
				background-repeat: no-repeat;
				background-position: 0 5px;
				
				_background-image: url(../img/default/bg/menuLiHover.gif);
			}
			
			#nav li li:hover {
				background-image: none;
			}
			
			#nav a:link, #nav a:visited {
				color: #FFF !important;
			}
			
			#nav a:hover,
			#nav li:hover a {
				background-image: url(../img/default/bg/menuLiHover.png);
				padding-top: 80px;
				margin-top: 0;
				
				_background-image: url(../img/default/bg/menuLiHover.gif);
				
			}
			
			#nav li li:hover a,
			#nav li:hover li a {
				padding-top: 0;
				background-image: none;
			}
			
			#nav ul a {
				background-image: none;
				padding: 0 20px;
				background-color: #ff6629;
				height: 40px;
				line-height: 40px !important;
				font-size: 0.9em;
				font-weight: normal;
				margin-top: 0;
			}
			
			#nav ul a.alt {
				background-color: #f7500f;
			}
			
			#nav ul a:hover {
				background-color: #114f6b !important;
				background-image: none;
				text-decoration: underline;
				font-weight: bold;
				padding-top: 0;
			}
			
			#nav .highlight a {
				background-color: #9F3300;
				text-transform: uppercase;
				font-weight: bold;
				cursor: default;
			}
			
			#nav .highlight a:hover {
				background-color: #9F3300 !important;
				text-decoration: none;
			}
				
				#nav .highlight ul a {
					background-color: #ff6629;
					text-transform: none;
					font-weight: normal;
					cursor: pointer;
					border-right: 2px solid #ff6629;
				}
				
				#nav .highlight ul a:hover {
					font-weight: bold;
					background-color: #114f6b !important;
					text-decoration: underline;
				}
				
				#nav .highlight ul a.alt {
					background-color: #f7500f
				}
			
			#nav li { /* all list items */
				float: left;
				/*width: 150px; /* width needed or else Opera goes nuts */
				width: auto;
				_width: 150px;
			}
			
			#nav li li {
				width: 300px;
			}
			
			#nav li li a {
				height: 25px;
				line-height: 25px !important
			}
			
			#nav li ul { /* second-level lists */
				position: absolute;
				width: 690px;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			}
			
			#nav li ul li {
				float: left;
				width: 230px;
				overflow: hidden;
			}
			
			#nav li ul ul { /* third-and-above-level lists */
				/*margin: -40px 0 0 150px;*/
				position: static;
				width: auto;
			}
			
			#nav li ul ul li {
				float: none
			}
			
			#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
				left: -999em;
			}
			
			#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
				left: auto;
			}
			
			
			#nav #c106 {
				position: relative;
				left: -460px;
				top: 175px;
			}
			
			#nav #c107,
			#nav #c102,
			#nav #c135,
			#nav #c136 {
				position: relative;
				top: -150px;
			}
			
			#nav #c48 {
				_width: 210px;
			}
			
			#nav #c48 ul {
				width: 230px;
			}
			
			#nav #c146 {
				width: 115px;
			}
			
/* TRATAMIENTOS */
#profesionales {
	background-image: url(../img/default/bg/profesionales.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: 574px;
	padding: 0 25px 25px 25px;
	margin-bottom: 20px;
	margin-top: 160px;
}

	#profesionales h4 {
		display: none;
	}
	
	#profesionales div {
		float: left;
		width: 110px;
		margin-right: 4px;
		font-style: italic;
		font-size: 0.9em;
		margin-top: 20px;
	}
	
	#profesionales div img {
		margin-bottom: 5px;
	}

	#profesionales h3, #clinica h3 {
		height: 65px;
	}
		#profesionales h3 a,
		#clinica h3 a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
			position: absolute;
		}
		
		#profesionales h3 a {
			width: 624px;
			height: 205px;
			margin-left: -25px;
		}
		
		#clinica h3 a {
			height: 234px;
			width: 624px;
		}
	
#clinica {
	background-image: url(../img/default/bg/clinica.jpg);
	background-repeat: no-repeat;
	height: 234px;
	width: 618px;
	margin-bottom: 20px;
}
	
	#clinica p {
		display: none;
	}
	
	#clinica a.uno,
	#clinica a.dos {
		visibility: visible;
		display: block;
		position: absolute;
		height: 20px;
		text-indent: -9999px;
	}
	
		#clinica a.uno {
			margin: 60px 0 0 335px;
			width: 100px;
		}
		
		#clinica a.dos {
			margin: 75px 0 0 290px;
			width: 80px;
		}
		
	#clinica .images {
		margin-top: 40px;
		padding: 20px 20px 20px 30px;
	}
	
		#clinica .images a {
			margin-right: 10px;
		}
		
/* COMENTARIOS */
#commentsLeftColumn {
	float: left;
	width: 395px;
}

#commentsRightColumn {
	float: right;
	width: 450px;
	padding-right: 20px;
}

.comments {
	padding-bottom: 40px;
	width: auto !important;
	margin-top: 40px !important;
}

#content.comments h2 {
	padding-bottom: 0;
}

div.paging {
	color: #ccc;
	margin: 2em 0;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* GRACIAS */

.gracias {
	padding-left: 130px;
	background-image: url("http://piensaenweb.com.es/dihinx/img/default/enviado.gif");
	background-repeat: no-repeat;
	height: 150px;
	width: 550px;
	margin: 20px auto 0 auto;
	padding-top: 20px;
}

	.gracias h2 {
		color: #58C00C;
	}
	
/* Listado tratamientos */
.tipoTratamiento {
	font-size: 0.9em;
	width: 279px;
	margin-right: 20px;
	float: left;
}

.tipoTratamiento h2 {
	text-indent: -9999px;
	width: 279px;
	height: 83px;
	padding: 0;
	margin-bottom: 10px !important
}

	h2.cuerpo { background-image: url(../img/default/tratamientos/cuerpo.gif) }
	h2.facial { background-image: url(../img/default/tratamientos/facial.gif) }
	h2.mamas { background-image: url(../img/default/tratamientos/mamas.gif) }
	h2.otros { background-image: url(../img/default/tratamientos/otros.gif) }
	h2.varon { background-image: url(../img/default/tratamientos/varon.gif) }

.tipoTratamiento a {
	color: #616161 !important;
	text-decoration: underline !important;
	padding-bottom: 5px !important;
}

.tipoTratamiento ul {
	list-style-type: none;
}

.tipoTratamiento li {
	margin-bottom: 9px;
}

.tipoTratamiento li a {
	margin-left: 30px;
}

.tipoTratamiento li#c112 a,
.tipoTratamiento li#c111 a {
	font-weight: bold;
	color: #388baf !important;
	font-size: 1.3em;
	margin-left: 10px;
}