/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #d7e529 url(../img/bgBody.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #283909;
	text-align: center;
}

h2 {
	font-size: 13px;
	color: #767f08;
}

a {
	text-decoration: none;
	color: #727b04;
}

a:hover {
	color: #c5d20a;
}

div {
	margin: 0;
	padding: 0;
}

.hideTx {
	display: none;
}

#frame {
	margin-left: auto;
	margin-right: auto;
	width: 955px;
	height: 590px;
	position: relative;
	text-align: left;
}

/* estilos del div izquierdo y la navegación principal /////////////////////////////////////////////////////////////////////////////////*/

#latIzq {
	width: 200px;
	height: 590px;
	background: #FFF url(../img/bgMainNav.jpg) no-repeat bottom left;
	position: absolute;
	top: 0;
	left: 0;
}

#logo {
	width: 200px;
	height: 122px;
	background: #FFF url(../img/bgLogo.png) repeat-y top left;
}

#mainNav {
	width: 200px;
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainNav ul li {
	display: block;
	width: 200px;
}

#mainNav ul li a {
	display: block;
	width: 200px;
	height: 21px;
}

#mainNav ul li#acerca a {
	background: url(../img/btnAcercaA.png) no-repeat top left;
}

#mainNav ul li#acerca a:hover {
	background: url(../img/btnAcercaB.png) no-repeat top right;
}

#mainNav ul li#acerca a.selected {
	background: url(../img/btnAcercaB.png) no-repeat top left;
}

#mainNav ul li#acerca a.selected:hover {
	background: url(../img/btnAcercaB.png) no-repeat top right;
}

#mainNav ul li#servicios a {
	background: url(../img/btnServA.png) no-repeat top left;
}

#mainNav ul li#servicios a:hover {
	background: url(../img/btnServB.png) no-repeat top right;
}

#mainNav ul li#servicios a.selected {
	background: url(../img/btnServB.png) no-repeat top right;
}

#mainNav ul li#servicios a.selected:hover {
	background: url(../img/btnServB.png) no-repeat top right;
}

#mainNav ul li#pacientes a {
	background: url(../img/btnPacientesA.png) no-repeat top left;
}

#mainNav ul li#pacientes a:hover {
	background: url(../img/btnPacientesB.png) no-repeat top right;
}

#mainNav ul li#pacientes a.selected {
	background: url(../img/btnPacientesB.png) no-repeat top right;
}

#mainNav ul li#pacientes a.selected:hover {
	background: url(../img/btnPacientesB.png) no-repeat top right;
}

#mainNav ul li#comunidad a {
	background: url(../img/btnComunidadA.png) no-repeat top left;
}

#mainNav ul li#comunidad a:hover {
	background: url(../img/btnComunidadB.png) no-repeat top right;
}

#mainNav ul li#comunidad a.selected {
	background: url(../img/btnComunidadB.png) no-repeat top right;
}

#mainNav ul li#comunidad a.selected:hover {
	background: url(../img/btnComunidadB.png) no-repeat top right;
}

#mainNav ul li#invierte a {
	background: url(../img/btnInvierteA.png) no-repeat top left;
}

#mainNav ul li#invierte a:hover {
	background: url(../img/btnInvierteB.png) no-repeat top right;
}

#mainNav ul li#invierte a.selected {
	background: url(../img/btnInvierteB.png) no-repeat top right;
}

#mainNav ul li#invierte a.selected:hover {
	background: url(../img/btnInvierteB.png) no-repeat top right;
}

#mainNav ul li#contactanos a {
	background: url(../img/btnContactanosA.png) no-repeat top left;
}

#mainNav ul li#contactanos a:hover {
	background: url(../img/btnContactanosB.png) no-repeat top right;
}

#mainNav ul li#contactanos a.selected {
	background: url(../img/btnContactanosB.png) no-repeat top right;
}

#mainNav ul li#contactanos a.selected:hover {
	background: url(../img/btnContactanosB.png) no-repeat top right;
}

#mainNav ul li#ubEmpresarial a {
	background: url(../img/btnUbEmpresarialA.png) no-repeat top left;
}

#mainNav ul li#ubEmpresarial a:hover {
	background: url(../img/btnUbEmpresarialB.png) no-repeat top right;
}

#mainNav ul li#ubEmpresarial a.selected {
	background: url(../img/btnUbEmpresarialB.png) no-repeat top right;
}

#mainNav ul li#ubEmpresarial a.selected:hover {
	background: url(../img/btnUbEmpresarialB.png) no-repeat top right;
}

#mainNav ul li#ubResort a {
	background: url(../img/btnUbResortA.png) no-repeat top left;
}

#mainNav ul li#ubResort a:hover {
	background: url(../img/btnUbResortB.png) no-repeat top right;
}

#mainNav ul li#ubResort a.selected {
	background: url(../img/btnUbResortB.png) no-repeat top right;
}

#mainNav ul li#ubResort a.selected:hover {
	background: url(../img/btnUbResortB.png) no-repeat top right;
}

#mainNav ul li#turMedico a {
	background: url(../img/btnTurMedicoA.png) no-repeat top left;
}

#mainNav ul li#turMedico a:hover {
	background: url(../img/btnTurMedicoB.png) no-repeat top right;
}

#mainNav ul li#turMedico a.selected {
	background: url(../img/btnTurMedicoB.png) no-repeat top right;
}

#mainNav ul li#turMedico a.selected:hover {
	background: url(../img/btnTurMedicoB.png) no-repeat top right;
}

#mainNav ul li#ultraface a {
	background: url(../img/btnUltrafaceA.png) no-repeat top left;
}

#mainNav ul li#ultraface a:hover {
	background: url(../img/btnUltrafaceB.png) no-repeat top right;
}

#mainNav ul li#ultraface a.selected {
	background: url(../img/btnUltrafaceB.png) no-repeat top right;
}

#mainNav ul li#ultraface a.selected:hover {
	background: url(../img/btnUltrafaceB.png) no-repeat top right;
}

#mainNav ul li#hiperhidrosis a {
	background: url(../img/btnHiperhidrosisA.png) no-repeat top left;
}

#mainNav ul li#hiperhidrosis a:hover {
	background: url(../img/btnHiperhidrosisB.png) no-repeat top right;
}

#mainNav ul li#hiperhidrosis a.selected {
	background: url(../img/btnHiperhidrosisB.png) no-repeat top right;
}

#mainNav ul li#hiperhidrosis a.selected:hover {
	background: url(../img/btnHiperhidrosisB.png) no-repeat top right;
}	

ul.secNav {
	background: #7f8624 url(../img/bgSecNav.png) repeat-y top left;
}

ul.secNav li {
	padding: 0 0 0 0;
}

ul.secNav li a {
	display: block;
	width: 195px;
	padding: 5px 0 0 15px;
	text-decoration: none;
	color: #e2f30f;
}

ul.secNav li a:hover {
	text-decoration: none;
	color: #4c5108;
	background: url(../img/bgSecNavOver.png) repeat-y top left;
}

/* estilos del mainContainer del home ///////////////////////////////////////////////////////////////////////////////////*/
#mainContainerHome {
	width: 755px;
	height: 590px;
	background: url(../img/bgMainContHome.jpg) no-repeat top left;
	position: absolute;
	top: 0;
	left: 200px;
}

#carrousel {
	width: 755px;
	height: 111px;
	background: url(../img/bgCarrHome.png) repeat;
	position: absolute;
	top: 479px;
	left: 0px;
}

#carrousel dl {
	margin: 4px 0 0 9px;
	padding: 0;
	width: 234px;
	float: left;
}

#carrousel dt {
	font-size: 12px;
	font-weight: bold;
	color: #707808;
	
}

#carrousel dl dd {
	margin: 0;
	padding: 0;
}

#carrousel dl dd.ddImagen img {
	float: left;
	margin: 0 4px 0 0;
}


/* estlos de las páginas interiores ///////////////////////////////////////////////////////////////////////////*/

#mainContainerInt1 {
	width: 500px;
	height: 590px;
	position: absolute;
	top: 0;
	left: 200px;
	background: #ebf2d9;
}

#titSecc {
	width: 500px;
	height: 122px;
	background: #f7faf0;
	position: absolute;
	top: 0;
	left: 0;
}

img#imgTitSecc {
	position: absolute;
	bottom: 0;
	right: 0;
}

#txtContainer {
	width: 500px;
	height: 468px;
	position: absolute;
	top: 122px;
	left: 0;
}

img#imgTitSubSecc {
	position: absolute;
	top: 0;
	right: 0;
}

#fotoSecc {
	width: 230px;
	height: 590px;
	position: absolute;
	top: 0;
	left: 700px;
}

#fotoSecc #navTerc {
	width: 208px;
	height: 156px;
	position: absolute;
	top: 385px;
	left: 13px;
}

#fotoSecc #navTerc ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-image: url(../img/bullNavTerc.png);
}

#fotoSecc #navTerc ul li {
	margin: 7px 0;
}

#fotoSecc #navTerc ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #363910;
}

#fotoSecc #navTerc ul li a:hover {
	color: #5a5b4e;
}

#galera {
	width: 430px;
	height: 370px;
	position: absolute;
	top: 66px;
	left: 33px;
	overflow: auto;
}

#galera p {
	text-align: justify;
}

#galera p.pDer {
	width: 200px;
	float: right;
}

#galera p.pIzq {
	width: 200px;
	float: left;
}

#galera a {
	font-weight: bold;
}

#galera ul li {
	margin: 5px 0;
}

.imgArt {
	margin: 0 0 9px 9px;
	float: right;
}

.txInput {
	background: #f7faf0;
	border: 1px solid #90ad4b;
	color: #90ad4b;
	font-size: 11px;
	padding: 3px;
	margin: 9px 0 0 0;
}

label {
	margin: 9px 0 0 0;
	display: block;
	width: 120px;
	height: 20px;
	float: left;
}

.button {
	margin: 10px 0 10px 0;
	background: #72981b;
	border: 0;
	color: #e1efbc;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
}

dl {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 200px;
	border: 1px solid #95a960;
	border-width: 0 0 1px 0;
}

dl.dlLeft {
	float: left;
}

dl.dlRight {
	float: right;
}

dd {
	margin: 7px 0 0 0;
	padding: 0;
}

dd.imagen {
	margin-right: 12px;
	float: left;
}

dt {
	font-size: 13px;
	color: #767f08;
	font-weight: bold;
}

ul#navGaleria {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#navGaleria li {
	float: left;
	margin: 0 7px 0 0;
}