body { background: #2b3539; color: #3d3d3d; text-align: center; }
a { color: #355691; cursor: pointer; text-decoration: none; }
a:hover { color: #0b7df1; }
p { line-height: 1.4em; }
strong { font-weight: bold; }
img, div { behavior: url(images/iepngfix.htc) }
div.clear { clear: both; }
div.hidden { display: none; }

h1 {
	font-size: 167%;
	margin-bottom: 10px; }

h2 {
	font-size: 123.1%;
	margin-bottom: 0.5em; }

@font-face {
	font-family: 'DINMittelschriftRegular';
	src: url('DINMittelschrift-Regular.eot');
	src: local('DINMittelschrift Regular'), local('DINMittelschrift'), url('DINMittelschrift-Regular.ttf') format('truetype');
	src: local('DINMittelschrift'), local('DINMittelschrift'), url('dinmittelschriftregular.svg#DINMittelschrift') format('svg'); }

.fonted {
	font-family: 'DINMittelschriftRegular'; }

#ienotice {
	background: #ffff66 url(images/ie-logo.gif) right center no-repeat;
	padding: 30px 130px 30px 0;
	text-align: right; }
	
	#ienotice-text { float: right; width: 380px; }
	#ienotice h1 { font-size: 153.9%; }
	#ienotice a { color: blue; text-decoration: none; }
	#ienotice a:hover { color: red; text-decoration: underline; }


#wrapper  {
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
	text-align: left;
	width: 976px; }

#header {
	background: transparent url(images/header-back.png) left top no-repeat;
	height: 120px;
	overflow: hidden;
	width: 976px; }

#logo {
	position: absolute;
	top: -2px; left: -12px;
	z-index: 2; }

#audioplayer {
	position: absolute;
	top: 10px; right: 0px;
	z-index: 2; }



/* MENU */

#menu {
	height: 40px;
	padding: 80px 0 0 297px;
	width: 679px; }

	#menu #globalnav li { display: inline; }
	#menu #globalnav li a {
		background: transparent url(images/menu.png) left top no-repeat;
		float: left;
		height: 0;
		padding-top: 40px;
		text-indent: -9999px;
		overflow: hidden; }
	
	
	/* BUTTONS */
	#menu #globalnav li#pag-portada a { background-position: -297px 0; width: 92px; }
	#menu #globalnav li#pag-pethouse a { background-position: -391px 0; width: 105px; }
	#menu #globalnav li#pag-programas a { background-position: -494px 0; width: 105px; }
	#menu #globalnav li#pag-servicios a { background-position: -604px 0; width: 93px; }
	#menu #globalnav li#pag-mascotas a { background-position: -699px 0; width: 100px; }
	#menu #globalnav li#pag-visitas a { background-position: -799px 0; width: 77px; }
	#menu #globalnav li#pag-contacto a { background-position: -876px 0; width: 99px; }
	
	/* OVER STATES */
	#menu #globalnav li#pag-portada a:hover { background-position: -297px -40px; }
	#menu #globalnav li#pag-pethouse a:hover { background-position: -391px -40px; }
	#menu #globalnav li#pag-programas a:hover { background-position: -494px -40px; }
	#menu #globalnav li#pag-servicios a:hover { background-position: -604px -40px; }
	#menu #globalnav li#pag-mascotas a:hover { background-position: -699px -40px; }
	#menu #globalnav li#pag-visitas a:hover { background-position: -799px -40px; }
	#menu #globalnav li#pag-contacto a:hover { background-position: -876px -40px; }
	
	/* PRESSED STATES */
	#menu #globalnav li#pag-portada a:active { background-position: -297px -40px; }
	#menu #globalnav li#pag-pethouse a:active { background-position: -391px -40px; }
	#menu #globalnav li#pag-programas a:active { background-position: -494px -40px; }
	#menu #globalnav li#pag-servicios a:active { background-position: -604px -40px; }
	#menu #globalnav li#pag-mascotas a:active { background-position: -699px -40px; }
	#menu #globalnav li#pag-visitas a:active { background-position: -799px -40px; }
	#menu #globalnav li#pag-contacto a:active { background-position: -876px -40px; }
	
	/* ON STATES */
	#menu #globalnav li#pag-portada a.pag-portada { background-position: -297px -80px; }
	#menu #globalnav li#pag-pethouse a.pag-pethouse { background-position: -391px -80px; }
	#menu #globalnav li#pag-programas a.pag-programas { background-position: -494px -80px; }
	#menu #globalnav li#pag-servicios a.pag-servicios { background-position: -604px -80px; }
	#menu #globalnav li#pag-mascotas a.pag-mascotas { background-position: -699px -80px; }
	#menu #globalnav li#pag-visitas a.pag-visitas { background-position: -799px -80px; }
	#menu #globalnav li#pag-contacto a.pag-contacto { background-position: -876px -80px; }
	



/* CONTENT */

div#content {
	background-color: #fff;
	padding: 16px;
	width: 944px; }

.linkgallery {
	background: transparent url(images/linkgallery.png) center left no-repeat;
	padding: 4px 0 4px 20px; }










/* CONTENT HOME */
	
div#columnfeatured {
	float: left;
	margin: 0 10px 0 0;
	width: 490px; }

	div#featured {
		background: #3a6798 url(images/panel-featured-back.jpg) left bottom no-repeat;
		margin-bottom: 10px;
		height: 400px;
		width: 490px; }

	div#featured p {
		color: #fff;
		font-size: 93%;
		padding: 10px 10px 0 10px;
		text-align: justify; }
	
	div#featuredads {
		background: #3a6798 url(images/panel-featuredads-back.jpg) left top no-repeat;
		height: 180px;
		width: 490px; }
	
	div.miniad {
		float: left;
		margin-top: 35px; }












/* CONTENT PET HOUSE */

div#paneltienda-jockeyplaza {
	background: transparent url(images/panel-tiendajockey-back.jpg) left bottom no-repeat;
	float: left;
	height: 470px;
	margin: 0 10px 10px 0;
	width: 307px; }

div#paneltienda-primavera {
	background: transparent url(images/panel-tiendaprimavera-back.jpg) left bottom no-repeat;
	float: left;
	height: 470px;
	margin: 0 10px 10px 0;
	width: 306px; }

div#paneltienda-plazalimasur {
	background: transparent url(images/panel-tiendaplazalimasur-back.jpg) left bottom no-repeat;
	float: left;
	height: 470px;
	margin: 0 0 10px 0;
	width: 307px; }

	div#paneltienda-jockeyplaza p, div#paneltienda-primavera p, div#paneltienda-plazalimasur p {
		color: #fff;
		padding: 10px;
		text-align: justify; }
	
	div#paneltienda-jockeyplaza a, div#paneltienda-primavera a, div#paneltienda-plazalimasur a {
		border-bottom: 1px dotted #fff;
		color: #fff;
		text-decoration: none; }
	
	div#paneltienda-jockeyplaza a:hover, div#paneltienda-primavera a:hover, div#paneltienda-plazalimasur a:hover {
		border-bottom: 1px solid #fff;; }

div#panel-ventajas {
	background: #9c29db url(images/panel-ventajas-back.jpg) left bottom no-repeat;
	float: left;
	margin-right: 10px;
	width: 623px; }
	
	div.panel-ventajasitem {
		color: #e1bff4;
		display: inline;
		float: left;
		margin: 0 0 20px 10px;
		padding-left: 46px;
		width: 250px; }
	
	div.panel-ventajasitem p {
		font-size: 93%;
		text-align: justify; }
	
	.vi01 {	background: transparent url(images/panel-ventajas-01.jpg) left top no-repeat; }
	.vi02 {	background: transparent url(images/panel-ventajas-02.jpg) left top no-repeat; }
	.vi03 {	background: transparent url(images/panel-ventajas-03.jpg) left top no-repeat; }
	.vi04 {	background: transparent url(images/panel-ventajas-04.jpg) left top no-repeat; }
	.vi05 {	background: transparent url(images/panel-ventajas-05.jpg) left top no-repeat; }
	.vi06 {	background: transparent url(images/panel-ventajas-06.jpg) left top no-repeat; }
	.vi07 {	background: transparent url(images/panel-ventajas-07.jpg) left top no-repeat; }
	.vi08 {	background: transparent url(images/panel-ventajas-08.jpg) left top no-repeat; }

div#panel-empresa {
	background: #000 url(images/panel-empresa-back.jpg) left bottom no-repeat;
	float: left;
	width: 307px; }
	
	div#panel-empresa p {
		color: #868686;
		padding: 10px;
		text-align: justify; }



/* CONTENT MASCOTAS */

div#visor {
	background: #000 url(images/mascotas/visor-backtop.jpg) left top no-repeat; }

div#visor-content {
	background: #681582 url(images/mascotas/visor-contenttop.jpg) left top no-repeat;
	margin-left: 4px;
	padding: 10px 10px 2px 10px;
	width: 912px; }

div#listmascotas-content {
	float: left;
	margin-right: 10px;
	width: 552px; }

ul.listmascotas {
	list-style-type: none;
	float: left;
	margin: 0 10px 0 0;
	width: 240px; }

ul.listmascotas li {
	display: inline; }

ul.listmascotas li a {
	color: #fff;
	display: block;
	padding: 6px;
	text-decoration: none; }

ul.listmascotas li a:hover {
	background-color: #fff;
	color: #000; }



/* CONTENT CONTACT */

div#formcontacto {
	background: url(images/contacto-top.jpg), url(images/contacto-bottom.jpg);
	background-position: left top, left bottom;
	background-repeat: no-repeat;
	background-color: #d1e3ea;
	margin-top: 30px;
	float: left;
	padding: 10px;
	width: 510px; }

div#kid {
	background: transparent url(images/contacto-back.jpg) left top no-repeat;
	float: left;
	height: 480px;
	width: 410px; }




/* SIDEBAR */

div#columnsidebar {
	float: left;
	width: 270px; }





/* FOOTER */

div#footer {
	background: transparent url(images/footer-back.png) left bottom no-repeat;
	border-top: 1px solid #ddd;
	padding: 20px 0;
	text-align: center;
	width: 976px; }
	
	div.local {
		float: left;
		text-align: center;
		width: 230px; }
	
	div#footer h1 {
		color: #666;
		font-weight: bold; }
	
	div#footer p {
		color: #999;
		font-size: 85%; }
	
	div#footer img {
		margin-bottom: 10px; }