/* Inicio del Documento CSS */

body{
	background: #fdba63;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin: 0px;
	padding: 0px;
}

p{
	padding: 0px;
	margin: 5px 0px;
}

#contenedor{
	position: relative;
	z-index: 1;
	top: 50px;
	left: 0px;
	width: 950px;
	margin: 0px auto;
	text-align: left;
}

#logo{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 15px;
}

#login{
	text-align: center;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 270px;
	width: 120px;
}

#grupo{
	position: absolute;
	z-index: 1;
	top: 6px;
	left: 440px;
}

#formulario{
	position: absolute;
	z-index: 1;
	top: 45px;
	left: 440px;
}

#solicitud{
	position: absolute;
	z-index: 1;
	top: 45px;
	left: 695px;
}

#fecha{
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 695px;
}

#home{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 880px;
}

#favoritos{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 905px;
}

#mapa_web{
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 930px;
}

#patio{
	background: url(../images/patio.jpg);
	position: absolute;
	top: 130px;
	left: 15px;
	z-index: 1;
	width: 345px;
	height: 470px;
}

#cerdo{
	position: absolute;
	top: 28px;
	left: 202px;
	z-index: 1;
}

#quienes_somos{
	position: absolute;
	z-index: 1;
	top: 11px;
	left: 75px;
}

#conejo{
	position: absolute;
	top: 81px;
	left: 273px;
	z-index: 1;
}

#prensa{
	position: absolute;
	z-index: 1;
	top: 48px;
	left: 320px;
}

#canguro{
	position: absolute;
	top: 120px;
	left: 202px;
	z-index: 1;
}

#familia{
	position: absolute;
	z-index: 1;
	top: 92px;
	left: 115px;
}

#jirafa{
	position: absolute;
	top: 162px;
	left: 121px;
	z-index: 1;
}

#donde_estamos{
	position: absolute;
	z-index: 1;
	top: 145px;
	left: -13px;
}

#elefante{
	position: absolute;
	top: 220px;
	left: 181px;
	z-index: 1;
}

#equipo{
	position: absolute;
	z-index: 1;
	top: 283px;
	left: 242px;
}

#camaleon{
	position: absolute;
	top: 255px;
	left: 105px;
	z-index: 1;
}

#servicios{
	position: absolute;
	z-index: 1;
	top: 232px;
	left: -7px;
}

#vaca{
	position: absolute;
	top: 315px;
	left: 70px;
	z-index: 1;
}

#instalaciones{
	position: absolute;
	z-index: 1;
	top: 370px;
	left: 143px;
}

#ballena{
	position: absolute;
	top: 384px;
	left: 33px;
	z-index: 1;
}

#calendario{
	position: absolute;
	z-index: 1;
	top: 425px;
	left: 105px;
}

#pizarra{
	position: absolute;
	z-index: 1;
	top: 140px;
	left: 420px;
	width: 530px;
	height: 475px;
	background: url(../images/pizarra.jpg);
	overflow: hidden;
}

#texto_pizarra{
	position: absolute;
	z-index: 1;
	top: 40px;
	left: 45px;
	width: 440px;
	height: 400px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
}

#tit_calendario{
	position: absolute;
	z-index: 1;
	top: 75px;
	left: 440px;
}

#telemaco{
	position: absolute;
	top: 615px;
	left: 30px;
	z-index: 2;
}

#telemaco_camara{
	position: absolute;
	top: 615px;
	right: 0px;
	z-index: 2;
}

.box{
	background: url(../images/login.png);
	width: 120px;
	padding: 6px 0px 7px 0px;
	text-align: center;
	border: 0px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.box_contacto{
	width: 190px;
	padding: 6px 5px;
	background: url(../images/bg_contact.png);
	font-size: 11px;
	border: 1px solid #234b4c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.box_contacto2{
	width: 290px;
	height: 168px;
	padding: 6px 5px;
	background: url(../images/bg_contact.png);
	font-size: 11px;
	color: #ffffff;
	border: 1px solid #234b4c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#enviar{
	position: absolute;
	z-index: 1;
	top: 330px;
	left: 110px;
}

.oculto{
	width: 1px;
	height: 1px;
	background: #fdba63;
	border: 0px;
}

/* Acceso a Camaras */

#patioCamara{
	position: absolute;
	top: 130px;
	left: 15px;
	z-index: 2;
	width: 200px;
	height: 470px;
}

#pizarraCamara{
	position: absolute;
	z-index: 2;
	top: 82px;
	left: 298px;
	width: 652px;
	height: 512px;
	overflow: hidden;
}

#menu{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 28px;
	width: 152px;
	overflow: hidden;
}

#nav{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav li {
	width: 125px;
	height: 117px;
	color: #ffffff;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	border: 1px solid #FFCC66;
	text-align: center;
}

#nav a {
	color: #ffffff;
	text-decoration: none;
}

#imgcamaras{
	border: none;
	width: 125px;
	height: 94px;
}

#visor{
	position: absolute;
	/*z-index: 2;*/
	width: auto;
	top: 1px;
	left: -172px;
	background: #fdba63;
}

#bienvenido{
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 298px;
}