@charset "utf-8";
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,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}
body {
	line-height: 1;
	background-color: #4B4B4B;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}
#principal {
	position:absolute;
	left:50%;
	top:0px;
	width:955px;
	height:600px;
	z-index:1;
	background-color: #4B4B4B;
	margin-left: -477px;
}
#restaurant {
	position:absolute;
	left:200px;
	top:0px;
	width:140px;
	height:300px;
	z-index:2;
	background-image: url(../img/rect_amarillo.jpg);
}
#drinks {
	position:absolute;
	left:400px;
	top:0px;
	width:140px;
	height:300px;
	z-index:2;
	background-image: url(../img/rect_rojo.jpg);
}
#animals {
	position:absolute;
	left:600px;
	top:0px;
	width:140px;
	height:300px;
	z-index:2;
	background-image: url(../img/rect_verde.jpg);
}
#restaurant_ph {
	position:absolute;
	left:200px;
	top:315px;
	width:140px;
	height:140px;
	z-index:2;
	background-image: url(../img/sala.jpg);
}
#drinks_ph {
	position:absolute;
	left:400px;
	top:315px;
	width:140px;
	height:140px;
	z-index:2;
	background-image: url(../img/drinks.jpg);
	background-color: #993333;
}
#animals_ph {
	position:absolute;
	left:600px;
	top:315px;
	width:140px;
	height:140px;
	z-index:2;
	background-image: url(../img/jardin.jpg);
}
#pie {
	position:absolute;
	left:300px;
	top:480px;
	width:340px;
	height:50px;
	z-index:2;
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#gb {
	position:absolute;
	left:235px;
	top:500px;
	width:25px;
	height:25px;
	z-index:2;
	border: 3px solid #039936;
	text-align: center;
	margin: 1px;
}
#cat {
	position:absolute;
	left:200px;
	top:465px;
	width:25px;
	height:25px;
	z-index:2;
	border: 3px solid #FFCC00;
}
#esp {
	position:absolute;
	left:200px;
	top:500px;
	width:25px;
	height:25px;
	z-index:2;
	border: 3px solid #9A3334;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
