html{

}

body {
		font-family: Arial, Century Gothic, Verdana, Helvetica, sans-serif;
		text-align: center;
		background-color: white;
                top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
}

h1 {
		font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
                font-size: 20px;
                margin: 10px 0 0 10px;
                padding: 0;
}

strong {
                color: #1e5b0e;
                font-weight: bolder;
}

p {
                font-size: 12px;
                padding: 0;
                text-align: left;
}

#Encabezado{
                height: 200px;
                text-align: left;
}
#LogoBenican{
                width: 406px;
                height: 105px;
                margin:  10px 0 0 20px;
                background: url(Imagenes/LogoBenican.jpg) no-repeat;
                position: relative;
                float: left;
}
#PerroGato{
                width: 233px;
                height: 190px;
                position: absolute;
                right: 5%;
                top: 0;
                background: url(Imagenes/PerroGatoInicio.jpg) no-repeat;
}
#Telefonos{
                width: 400px;
                position: relative;
                float: left;
                margin: -50px 0 0 20px;
                text-align: left;
                clear: none;
}
#TelefonoNormal{
		font-size: 20px;
		background: url(Imagenes/Telefono.gif) no-repeat left center;
		margin: 5px 0 0 0;
		padding-left: 42px;
		line-height: 40px;
		text-align: left;
                float: left;
                position: relative;
                width: 130px;
}
#TelefonoUrgencias{
		font-size: 20px;
		background: url(Imagenes/TelUrgencias.gif) no-repeat left center;
		margin: 5px 0 0 0;
		padding-left: 42px;
		line-height: 40px;
		text-align: left;
                float: left;
                position: relative;
                width: 130px;
                color: #bb181b;
}
#Urgencias{
		font-size: 10px;
		margin: -10px 0 0 215px;
		line-height: 10px;
		text-align: left;
                position: relative;
                float: left;
                clear: none;
                color: #bb181b;
}

#Idiomas{
                width: 200px;
                position: relative;
                float: right;
                clear: none;
                text-align: right;
                margin: -40px 0 0 0;
}
#Idiomas img{
                position: relative;
                float: right;
                text-align: right;
                clear: none;
}
.Ingles a {background-image: url(Imagenes/EnglishOff.gif);
                width: 40px;
                height: 40px;
                position: relative;
                float: right;
                text-align: right;
                display: block;
}

.Ingles a:hover{background-image: url(Imagenes/English.gif);
                z-index:7;}

.Espanol a {background-image: url(Imagenes/EspanolOff.gif);
                width: 40px;
                height: 40px;
                position: relative;
                float: right;
                text-align: right;
                display: block;
}

.Espanol a:hover{background-image: url(Imagenes/Espanol.gif);
                z-index:7;}

#Fondo{
                width: 100%;
                height: 432px;
                background: url(Imagenes/FondoInicio.jpg) repeat-x;
}
#FondoCuadro{
                width: 971px;
                max-width: 971px;
                height: 502px;
                background: url(Imagenes/FondoCuadro.jpg) no-repeat top left;
                margin: -452px auto 0 auto;
}
#SombraCuadro{
                width: 971px;
                max-width: 971px;
                height: 49px;
                background: url(Imagenes/SombraCuadro.gif) no-repeat top left;
                margin: 0 auto 0 auto;
                position: relative;
                clear: none;
                z-index:5;
}
/*NAVEGACION*/
#Navegacion {
                position: relative;
                float: left;
                clear: none;
		font-size: 14px;
		width: 140px;
		background: url(Imagenes/FondoBoton.jpg) repeat-x;
		color: #ffffff;
                margin: 0;
                left: 0;
                text-align: center;
}
#Navegacion ul {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 30px;
}
#Navegacion li {
	  list-style-type: none;
	  list-style-image: none;
	  line-height: 30px;
	  z-index: 1;
}
#Navegacion a {
		text-decoration: none;
		display: block;
		color: #ffffff;
		line-height: 30px;
		padding: 0 10px;
                background-image: url(Imagenes/FondoBoton.jpg);
}

#Navegacion a:hover {
                background-image: url(Imagenes/FondoBoton2.jpg);
		z-index: 30;
		margin-top: 0;
		display: block;
		line-height: 30px;
}

.Boton {
		float: left;
		position: relative;
		border: 0;
		z-index: 1;
                width: 140px;
                height: 30px;
                max-height: 30px;
}

.Boton img{
		border: 0;
		z-index: 1;
}

.BotonSeleccionado {
                border: 0;
		margin-top: 0;
		background: url(Imagenes/FondoBoton3.jpg) repeat-x center;
}

/* FIN NAVEGACION*/

#Texto{
                position: relative;
                float: left;
                clear: none;
                width: 380px;
                margin: 0 0 0 20px;
                padding: 20px 0 0 0;
                z-index: 8;
}
#Estetoscopio{
                width: 337px;
                height: 248px;
                top: 0;
                left: 0;
                margin: 40px 0 0 160px;
                position: relative;
                float: left;
                z-index: 1;
                background: url(Imagenes/Estetoscopio.gif) no-repeat center;
                z-index: 7;
}

/*Pie*/
#Pie{
		position: relative;
                float: left;
                clear: none;
                width: 500px;
                margin: -30px 0 40px 400px;
                padding: 0;
		text-align: left;
		z-index: 10;
}
#Pie p{
		position: relative;
		float: left;
		clear: both;
		margin: 0;
		padding: 0;
		z-index: 2;
		font-size: 11px;
                width: auto;
}
.ImgLogo{
		position: relative;
		float: left;
		display: inline;
		width: 50px;
		border: 0;
		margin: -4px 0 0 0;
                padding: 0;
}
.ImgLogo img{
		border: 0;
}