html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } 
  
:focus { outline: 0;} 
 
body { line-height: 1; color: black; background: white;} 
 
ol, ul { list-style: none; } 
 
table { border-collapse: separate; border-spacing: 0;} 
 
caption, th, td { text-align: left; font-weight: normal;} 
 
blockquote:before, blockquote:after, 
 
q:before, q:after { content: "";} 
 
blockquote, q { quotes: "" "";}

body {
	margin: 0;
	text-align: center;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	background: url(images/fondo.png) #e22974 repeat-x;
	margin-bottom: 10px;
	color: #009;
}

a img { border: 0; }

ul {
	margin: 9px 0 9px 0;
	padding: 0 0 0 20px;
}

li { 
	list-style:disc;
	padding-top: 1px;
}

p {
	padding: 9px 0 9px 0;
}

strong {
	font-weight: bold;
}

h1{
	display:block;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 18px 0;
	color: #880B93;
}

h2{
	display:block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 9px 0;
	color: #91DE27;
}

h3{
	display:block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #91DE27;
}

.relativo {
	width: 100%;
	height: 100%;
}

#fondo {
	width: 990px;
	height:550px;
	margin-left:-495px;
	margin-top:-275px;
	position:absolute;
	left:50%;
	top:50%;
}

#logo {
	height: 100px;
	width: 150px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#citaprevia {
	background: url(images/citaprevia.png);
	width: 140px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 400px;
}

#info {
	height: 100px;
	width: 210px;
	position: absolute;
	top: 0px;
	right: 10px;
	color: #FFF;
	text-align: left;
	font-weight: bold;
}

#info p {
	padding: 0;
	padding-top: 6px;
	margin: 0 ;
}

#info h1 {
	font-size: 16px;
	text-align:left;
	padding: 0;
	padding-top: 9px;
	margin: 0 ;
	color: #FFF;
}

#info h2 {
	font-size: 14px;
	text-align:left;
	padding: 0;
	padding-top: 7px;
	margin: 0 ;
	color: #FFF;
}

#slideshow {
	height: 370px;
	width: 560px;
	position: absolute;
	top: 170px;
	right: 0px;
	border: 5px solid #FFF;
}


#especialidades {
	height: 350px;
	width: 350px;
	background: url(images/fondo.png) #e22974 repeat-x;
	color: #FFF;	
	font-weight: bold;
	text-align:left;
	position: absolute;
	top: 170px;
	left: 0px;
	padding: 10px;
	padding-left: 30px;
	border: 5px solid #FFF;
}

#especialidades ul li {
	padding: 4px 0;
}

#especialidades h2 {
	font-size: 24px;
	margin: 0;
	padding: 0;
	padding: 18px;
	color: #FFF;
}

#tratamientos {
	float:left;
	background: url(images/fondo.png) #e22974 repeat-x;
	width: 360px;
	height: 460px;
	color: #FFF;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 20px;
}

#tratamientos h1 {
	color: #FFF;
	margin-bottom: 5px;
}

#tratamientos_slideshow {
	float: left;
	width: 580px;
	height: 460px;
	margin-left: 10px;
}

#left {
	width: 480px;
	float: left;
}

#right {
	width: 480px;
	float: left;
	margin-left: 10px;
}

#left270 {
	width: 260px;
	float: left;
}

#right700 {
	width: 700px;
	float: left;
	margin-left: 10px;
}

#right700 ul {
	margin: 0;
	padding: 0;
}

#right700 ul li {
	text-align: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

#gallery {
	width: 640px;
	height: 480px;
	padding: 20px;
	background: url(images/gallery_bg.png);
	margin-left: 20px;
}

.recuadro {
	background: #FFF;
	margin-bottom: 5px;
	padding: 5px;
}

.recuadrorosa {
	padding: 5px;
	color: #FFF;
	min-height: 330px;
	font-weight: bold;
	background: url(images/fancyboxbg.png);
	text-align: left;
}

.cuadro h2 {
	background: url(images/h2.png) repeat-x;
	margin: -10px;
	font-size: 16px;
	padding: 9px;
}

.cuadro h1 {
	background: url(images/h1.png) repeat-x;
	margin: -10px;
	font-size: 24px;
	padding: 18px;
}

.cuadro {
	border: 1px solid #CCC;
	margin-bottom: 10px;
	padding: 10px;
	text-align: justify;
}


/*********************************/
/**********   M E N U  ***********/
/*********************************/

#topmenu {
	height: 35px;
	width: 990px;
	text-align:center;
	background:#FFF;
	position:absolute;
	top: 115px;
	left: 0px;
	margin: 0 auto;
}

.menu1 {
	background:#FFF;
	margin-left: 3px;
}

.menu1 a {
	margin: 5px 0 5px 5px;
	color: #FFF;
	font-size:14px;
	font-weight:bold;
	height: 15px;
	float: left;
	padding: 3px 13px 7px 13px;
	text-decoration:none;
	background: url(images/topmenu.png);
}

.menu1 a:hover {
	background: #FFF;
	color: #e22974;
}


#menusuperior {
	height: 30px;
	width: 968px;
	text-align:center;
	background: url(images/topmenu.png);
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.menu {
	background:#FFF;
	margin-left: 0px;
}

.menu a {
	margin: 0px 0 5px 5px;
	color: #FFF;
	font-size:14px;
	font-weight:bold;
	height: 15px;
	float: left;
	padding: 7px 12px 8px 12px;
	text-decoration:none;
}

.menu a:hover {
	background: #FFF;
	color: #e22974;
}


/*******************************************************************************/


#page {
	width: 990px;
	line-height: 18px;
	background: #FFF;
	margin: 0 auto;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#header {
	height: 90px;
	width: 950px;
	background: url(images/header.png) repeat-x;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 10px;
	padding-top: 0px
}

#headertop {
	height: 10px;
	width: 970px;
	background:#ff5db1;
	margin: 0 auto;
}

#headerbottom {
	height: 10px;
	width: 970px;
	background:#e22974;
	margin: 0 auto;
}

#content{
	margin: 0 auto;
	width: 970px;
	overflow: hidden;
	text-align: justify;
}

#footer{
	width: 970px;
	height: 22px;
	margin: 0 auto;
	margin-top: 10px;
	background: url(images/topmenu.png);
	font-size: 12px;
	color:#FFF;
	padding-top: 8px;
}

.justify {
	text-align: justify;
}

.center {
	text-align: center;
}

.rosa {
	color: #e22974;
	font-weight:bold;
}

/* OCULTO FANCYBOX */

#oculto {
	display: none;
}

ul#portfolio, ul#portfolio li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}






ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
ul.tabs li {
	float: left;
	overflow: hidden;
	background: #eeeeee;
	width: 240px;
	border: 1px solid #ccc;
	height: 70px;
}
ul.tabs li a {
	text-decoration: none;
	display: block;
	text-align: center;
	color: #880B93;
	height: 70px;
}
ul.tabs li h1 {
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: 800;
}
ul.tabs li a:hover {
	background: #ccc;
	height: 70px;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: none;
	height: 70px;
}

.tab_container {
	border-top: none;
	overflow: hidden;
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px;
}
.tab_content {
	padding: 0px;
}