@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	background-color:#FFFFFF;
	background-image:url(../image/fondo_raya.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
}
/*------------------------------------------------------------- RESET CSS ------*/
* {
margin:0;
padding:0;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}
*::-moz-selection {
background:#FFFF00 none repeat scroll 0 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/*------------------------------------------------------------- ESTRUCTURA DE LA WEB ------*/
#menu{
	background-image:url(../image/menu.png);
	background-repeat:no-repeat;
	height:275px;
	width:180px;
	margin-top:-137px;
	top:50%;
	left:0px;
	position:absolute;
	z-index:100;
	text-align:left;
	padding-top:30px;
	padding-left:100px;
	float:left;
}
#contacto{
	width:128px;
	float:left;
	margin-top:10px;
}
#draggable { 
	width:2000px; 
	height:580px; 
 	position:fixed;
	top:50%;
	margin-top:-290px;
	left:300px;
	cursor:move;
	font-size:12px;
}
#noimage { 
	width:1500px; 
	height:580px; 
	border-right::#999999 1px solid;
 	position:fixed;
	top:50%;
	margin-top:-290px;
	left:300px;
	font-size:12px;
}
#colozq{
	width:600px;
	height:550px;
	margin-top:20px;
	float:left;
}
#colder{
	width:100px;
	height:342px;
	float:left;
	margin-left:20px;
	margin-top:110px;
}
.tablafoto{
	padding-right:30px;
}
/*------------------------------------------------------------- ESTRUCTURA BOTONERA MENU ------*/
#botonera {
	width: 128px;
	margin-bottom:50px;
	margin-bottom:-0px;
}

 #botonera ul {
	margin-top: 10px;
	list-style:none;
	}
	
	#botonera ul li {
		width:128px;
		height:20px;
		display:block;
		float:left;
		}
		#botonera ul li a {
			width:128px;
			height:20px;
			display:block;
			}
			
			a.home {
				background-image:url(../image/botonera/fashion.png);
				background-position: center top;}
			a:hover.home, a.home.activo {
				background-image:url(../image/botonera/fashion.png);
				background-position: center bottom;}
			a.zoo {
				background-image:url(../image/botonera/zoo.png);
				background-position: center top;}
			a:hover.zoo, a.zoo.activo {
				background-image:url(../image/botonera/zoo.png);
				background-position: center bottom;}
			a.noimage {
				background-image:url(../image/botonera/noimage.png);
				background-position: center top;}
			a:hover.noimage, a.noimage.activo {
				background-image:url(../image/botonera/noimage.png);
				background-position: center bottom;}
			a.link {
				background-image:url(../image/botonera/links.png);
				background-position: center top;}
			a:hover.link, a.link.activo {
				background-image:url(../image/botonera/links.png);
				background-position: center bottom;}
				
			a.fo {
				background-image:url(../image/botonera/f+o.png);
				background-position: center top;}
			a:hover.fo, a.fo.activo {
				background-image:url(../image/botonera/f+o.png);
				background-position: center bottom;}
			
			a span {display:none;}
/*------------------------------------------------------------- ESTRUCTURA LINK ------*/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #000000;
}
a.enlace_a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	text-transform:uppercase;
}
a.enlace_a:link {
	text-decoration: none;
}
a.enlace_a:visited {
	text-decoration: none;
	color: #999999;
}
a.enlace_a:hover {
	text-decoration: none;
	color: #000000;
}
a.enlace_a:active {
	text-decoration: none;
	color: #999999;
}