/* @override http://localhost/poly/style/style.css */

/* Stylesheet Polynesian Reef V1.1 by NK*/


/* Globales
-------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}
	
ul,li {
	list-style-type:none;
	}
body {
	color:#000;
	font: normal 0.70em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	letter-spacing: 0pt;
	margin:0;
	padding:0;
	text-align:center;
	}
hr {
	clear:both;
	visibility:hidden;
	}
.clear {
	clear:both;
	}
.centered, p.centered {
	text-align:center;
	}
.right {
	text-align:right;
	}		
img {
	border:0;
	}
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}
blockquote {
  background: transparent url(../img/qtizq.jpg) left top no-repeat;
}
blockquote div {
width:80%;
  padding: 0 48px;
  background: transparent url(../img/qtder.jpg) right bottom no-repeat;
}	


/* @group Links */

a:link,
a:visited {
	font-weight:bold;
	color: #999999;
	text-decoration:none;
	}	
a:hover	{
	text-decoration:underline;
	}
img.productos {
float: left; 
margin: 0 10px 5px; 
border: 1px solid #CCCCCC;
}

th {
	font-size:100%;
	color:#FFF;
	background-color:#000000;
	text-transform:uppercase;
	}
td.titulox{
	font-size:105%;
	font-weight:bold;	
	}
td.prox{
	font-size:160%;
	font-weight:bold;	
	color:#666666;
	}
h1 {
	font-size: 140%;
	text-align: left;
	margin: 0 20px; 
	padding: 5px 0
	}
h2	{
	font-size: 100%;
	text-align: left;
	margin: 0 20px; 
	padding: 5px 0;
	border-bottom:#ccc 1px dashed;
	}
h3	{
	margin:0; 
	padding:0;
	}
#main {
	width:848px;
	position:relative;
	background: url(../img/bg.gif) repeat-y -50px;
	margin:0 auto;
	text-align:left;
	}
#main p{
	margin: 18px; 
	padding:0;
	}
#supportingText {
	width:519px;
	margin:0 0 0 0;
	padding-bottom:1px;
	margin-left:19px;
	text-align:justify;
	}

#logo {
}

/* @end */

/* @group Headers */


#header {
	width:766px;
	height:252px;
	background:url(../headers/rotate.php) no-repeat;
	margin-left:18px;
	}
#header h1 {
	text-indent:-9999px;
	height:1px;
	display:block;
	}


/* headings replacement styles 
-------------------------------------------------------------*/


#bienvenidos h3{
	display:block;
	background: transparent url(../img/bienvenidos.gif) no-repeat center center;
	height: 100px;
	width: 519px;
	}
#bienvenidos h3 span{display:none;}

#mantenimiento h3{
	display:block;
	background: url(../img/mantenimiento.jpg) no-repeat center center;
	height: 100px;
	width: 519px;
	}
#mantenimiento h3 span{display:none;}

#dialogo h3{
	display:block;
	background: transparent url(../img/dialogo.gif) no-repeat center center;
	height: 100px;
	width: 519px;
	}
#dialogo h3 span{display:none;}

#ofertas{
	display:block;
	padding-bottom: 0px;
	width: 200px;
	}
#ofertas h3{
	display:block;
	background: transparent url(../img/top_ofertas.gif) no-repeat center center;
	padding-bottom: 0px;
	height:94px;
	width: 200px;
	}
#ofertas h3 span{display:none;}

#mision h3{
	display:block;
	background: transparent url(../img/mision.gif) no-repeat center center;
	height: 161px;
	width: 519px;
	}

#mision h3 span{display:none;}

#contacto h3{
	display:block;
	background: transparent url(../img/contacto.gif) no-repeat center center;
	height: 100px;
	width: 519px;
	}
#contacto h3 span{display:none;}
#contacto h1 {color:#666666; font-size:160%;}
#contacto p span{color:#ff0099;}

#bottom h3{
	display:block;
	background: transparent url(../img/bottom.gif) no-repeat center center;
	height: 300px;
	width: 519px;
	}

#bottom h3 span{display:none;}

#bottom1 h3{
	display:block;
	background: transparent url(../img/bottom1.gif) no-repeat center center;
	height: 126px;
	width: 519px;
	}

#bottom1 h3 span{display:none;}

/* @end */

/* @group Menu y contenedores */

ul#nav {
	position:absolute;
	top:6px;
	left:299px;
	width:480px;
	height:52px;
	float:right;
	/*overflow: hidden;*/
	background:transparent url(../img/navigation.gif) no-repeat 0 -55px;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../img/navigation.gif) no-repeat;
	
	}
li#home a {
	width:54px;
	height:55px;
	 }
li#animales a {
	width:78px;
	height:55px;
	 }
li#equipamiento a {
	width:94px;
	height:55px;
	 }	 
li#eventos a {
	width:69px;
	height:55px;
	 }
li#mantenimiento a {
	width:106px;
	height:55px;
	 }	
li#contacto a {
	width:62px;
	height:55px;
	 }	  	 	 	 

li#home a:hover, li#home a:focus {
	background-position:0px -55px;
	 }
li#animales a:link, li#animales a:visited {	
	background-position:-54px 0px;
	}
li#animales a:hover, li#animales a:focus {	
	background-position:-54px -55px;
	}
li#equipamiento a:link, li#equipamiento a:visited {	
	background-position:-132px 0px;
	}
li#equipamiento a:hover, li#equipamiento a:focus {	
	background-position:-132px -55px;
	}
li#eventos a:link, li#eventos a:visited {	
	background-position:-226px 0px;
	}
li#eventos a:hover, li#eventos a:focus {	
	background-position:-226px -55px;
	}
li#mantenimiento a:link, li#mantenimiento a:visited {	
	background-position:-295px 0px;
	}
li#mantenimiento a:hover, li#mantenimiento a:focus {	
	background-position:-295px -55px;
	}
li#contacto a:link, li#contacto a:visited {	
	background-position:-401px 0px;
	}
li#contacto a:hover, li#contacto a:focus {	
	background-position:-401px -55px;
	}

/* @end */

/* @group Navegacion */

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:0px -110px;
	}
body#animales-page ul#nav li#animales a {
	background-position:-54px -110px;
	}
body#equipamiento-page ul#nav li#equipamiento a {
	background-position:-132px -110px;
	}
body#eventos-page ul#nav li#eventos a {
	background-position:-226px -110px;
	}
body#mant-page ul#nav li#mantenimiento a {
	background-position:-295px -110px;
	}
body#contacto-page ul#nav li#contacto a {
	background-position:-401px -110px;
	}


/* Navigation Styles 
-------------------------------------------------------------*/

#linkList{
	position:absolute;
	top: 247px;
	margin-left: 583px;
	padding-bottom: 0px;
	width: 200px;
	}
#linkList ul{
	list-style-type:none;
	margin:0 20px;
	padding:5px 0 0px 0;
	}

#linkList li{
	background: transparent url(../img/arw.jpg) no-repeat top left;
	padding:0 0 0 28px;
	margin-bottom: 10px;
	}
#lselect p span{color:#ff0099;}
#lselect a{
	display:block;
	padding: 0;
	margin:0;
	}
#lselect a.c{
	display:inline;
	color:#ff3399;
	}
#lresources ul{
	padding:20px 0;
	}

#lselect h3{
	display:block;
	background: transparent url(../img/top_links.gif) no-repeat center left;
	height: 97px;
	width: 200px;
	}
#mapa h3 span{display:none;}

#mapa p span{color:#ff0099;}
#mapa  a{
	display:block;
	padding: 0;
	margin:0;
	}
#mapa  a.c{
	display:inline;
	color:#ff3399;
	}
#mapa  ul{
	padding:20px 0;
	}

#mapa  h3{
	display:block;
	background: transparent url(../img/top_mapa.gif) no-repeat center left;
	height: 97px;
	width: 200px;
	}
#lselect h3 span{display:none;}


#bottomLinks h3 {
	display:block;
	background: transparent url(../img/bottom_links.gif) no-repeat center center;
	height: 121px;
	width: 197px;
	}
#lresources h3{
	display:block;
	height: 25px;
	width: 200px;
}
#lresources h3 span{display:none;}

/* @end */

/* @group Tabs y otros */

#tabs h3 {
	display:block;
	width:761px;
	height:66px;
	margin:0;
	background: transparent url(../img/seleccion.gif) no-repeat top center;
	}
#tabs h3 span {
	display:none
	}
#tabsFooter h3 {
	display:block;
	width:761px;
	height:111px;
	padding-bottom:35px;
	background: transparent url(../img/tabsfooter.gif) no-repeat center center;
	}
#tabsFooter h3 span {
	display:none
	}
.shadetabs{
	width:761px;
	padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
	font-size:1.2em;
	font-weight:bold;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	border-bottom: 15px solid #000;
	}
.shadetabs li{
	height:24px;
	display: inline;
	margin-right: 4px;
	}
.shadetabs li a:link, .shadetabs a:visited{
	padding: 3px 7px;
	margin-right: -3px;
	height:47px;
	text-decoration: none;
	width: 107px;
	height:27px;
	color: #FFF;
	background: #666666 url(../img/shade.gif) top right no-repeat;
	padding-right:10px;
	}
.shadetabs li a:hover{
	text-decoration: none;
	color: #333333;
	}
.shadetabs li.selected{
	text-decoration: none;
	color: #333333;
	}
.shadetabs li.selected a{ /*selected main tab style */
	/*background-image: url(../img/shadeactive.gif);*/
	background: black url(../img/shadeactive.gif) top right no-repeat;
	padding-right:10px;
	}
.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
	}
.tabcontentstyle{ /*style of tab content oontainer*/
	width: 741px;
	margin-bottom: 1em;
	padding: 10px;
	top:350px;
	}
.tabcontent{
	display:none;
	}

/* @end */

/* @group Imagenes */

.article img {
	border:1px dashed #666666;
	padding:7px;
	background: #999999;
	margin:7px 12px 10px 0;
	float:left;
	vertical-align:sub;
	}
.article img.clear {
	clear:both;
	float:none;
	vertical-align:sub;
	margin:0 0 -1px 0;
	}
.article img.right {
	float:right;
	margin:7px 0 10px 12px;
	}
.article .centered img {
	clear:both;
	float:none;
	margin:7px auto 10px auto;
	}
.article .centered a {
	border:0;
	background:none;
	}
.article img.noborder {
	padding:0;
	border:0;
	background:none;
	margin:7px 12px 10px 0;
	}
.article span {
	width:661px;
	text-align:center;
	display:block;
	clear:both;
	}
.article span img {
	float:none;	
	margin:7px auto;
	}
.article span a, .article span a:link, .article span a:visited {
	border:0;
	background:none;
	}

/* @end */

/* @group Galerias */

#galeria {
	width: 100%;
	margin: 20px 0 0 5px;
	text-align: center;
}

.thumb img{
	width: 80px;
	display: block;
	margin: 0 auto;
}

.thumb a{
	float: left;
	width: 80px;
	margin: 3px;
	padding: 8px;
	background-color: #e5e5e5;
	outline: 0px dashed #d2d2d2;
}
.thumb a:hover{
	background-color: #d8d8d8;
}

.clearboth {
	clear: both;
}

/*Galeria de Imagenes - Peces
------------------------------------------------------------------*/

/* The containing box for the gallery. */
#container {position:relative; width:745px; height:396px; text-align:center; margin:2px 0 0 auto; border:1px solid #CCCCCC; background:#fff url(../galeria/peces/back.jpg) 75px 10px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:198px; height:386px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #999; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(../galeria/peces/p1_t.jpg); height:93px; width:60px;}
#container a.slideb {background:url(../galeria/peces/p2_t.jpg); height:93px; width:60px;}
#container a.slidec {background:url(../galeria/peces/p3_t.jpg); height:93px; width:60px;}
#container a.slided {background:url(../galeria/peces/p4_t.jpg); height:60px; width:93px;}
* html #container a.slided {width:91px; w\idth:93px;}
#container a.slidee {background:url(../galeria/peces/p5_t.jpg); height:60px; width:93px;}
#container a.slidef {background:url(../galeria/peces/p6_t.jpg); height:60px; width:93px;}
* html #container a.slidef {width:91px; w\idth:93px;}
#container a.slideg {background:url(../galeria/peces/p7_t.jpg); height:60px; width:93px;}
#container a.slideh {background:url(../galeria/peces/p8_t.jpg); height:93px; width:60px;}
#container a.slidei {background:url(../galeria/peces/p9_t.jpg); height:93px; width:60px;}
#container a.slidej {background:url(../galeria/peces/p10_t.jpg); height:93px; width:60px;}
#container a.slidek {background:url(../galeria/peces/p11_t.jpg); height:60px; width:93px;}
* html #container a.slidek {width:91px; w\idth:93px;}
#container a.slidel {background:url(../galeria/peces/p12_t.jpg); height:60px; width:93px;}

/* styling the hovers */
#container a.gallery:hover {border:1px solid #ff0099;}
#container a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:75px; color:#000; background:#fff;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#container a.slideb:hover img, #container a.slidei:hover img {float:right;}


/*Galeria de Imagenes - Invertebrados
------------------------------------------------------------------*/

/* The containing box for the gallery. */
#container1 {position:relative; width:745px; height:396px; text-align:center; margin:2px 0 0 auto; border:1px solid #CCCCCC; background:#fff url(../galeria/invert/back.jpg) 75px 10px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container1 ul {width:198px; height:386px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container1 li {float:left;}

/* Remove the images and text from sight */
#container1 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container1 a.gallery, #container1 a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #999; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container1 a.slidea {background:url(../galeria/invert/i1_t.jpg); height:93px; width:60px;}
#container1 a.slideb {background:url(../galeria/invert/i2_t.jpg); height:93px; width:60px;}
#container1 a.slidec {background:url(../galeria/invert/i3_t.jpg); height:93px; width:60px;}
#container1 a.slided {background:url(../galeria/invert/i4_t.jpg); height:60px; width:93px;}
* html #container1 a.slided {width:91px; w\idth:93px;}
#container1 a.slidee {background:url(../galeria/invert/i5_t.jpg); height:60px; width:93px;}
#container1 a.slidef {background:url(../galeria/invert/i6_t.jpg); height:60px; width:93px;}
* html #container1 a.slidef {width:91px; w\idth:93px;}
#container1 a.slideg {background:url(../galeria/invert/i7_t.jpg); height:60px; width:93px;}
#container1 a.slideh {background:url(../galeria/invert/i8_t.jpg); height:93px; width:60px;}
#container1 a.slidei {background:url(../galeria/invert/i9_t.jpg); height:93px; width:60px;}
#container1 a.slidej {background:url(../galeria/invert/i10_t.jpg); height:93px; width:60px;}
#container1 a.slidek {background:url(../galeria/invert/i11_t.jpg); height:60px; width:93px;}
* html #container1 a.slidek {width:91px; w\idth:93px;}
#container1 a.slidel {background:url(../galeria/invert/i12_t.jpg); height:60px; width:93px;}

/* styling the hovers */
#container1 a.gallery:hover {border:1px solid #ff0099;}
#container1 a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:75px; color:#000; background:#fff;}
#container1 a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#container1 a.slideb:hover img, #container1 a.slidei:hover img {float:right;}


/*Galeria de Imagenes - Corales
------------------------------------------------------------------*/

/* The containing box for the gallery. */
#container2 {position:relative; width:745px; height:396px; text-align:center; margin:2px 0 0 auto; border:1px solid #CCCCCC; background:#fff url(../galeria/corales/back.jpg) 75px 10px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container2 ul {width:198px; height:386px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container2 li {float:left;}

/* Remove the images and text from sight */
#container2 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container2 a.gallery, #container2 a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #999; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container2 a.slidea {background:url(../galeria/corales/c1_t.jpg); height:93px; width:60px;}
#container2 a.slideb {background:url(../galeria/corales/c2_t.jpg); height:93px; width:60px;}
#container2 a.slidec {background:url(../galeria/corales/c3_t.jpg); height:93px; width:60px;}
#container2 a.slided {background:url(../galeria/corales/c4_t.jpg); height:60px; width:93px;}
* html #container2 a.slided {width:91px; w\idth:93px;}
#container2 a.slidee {background:url(../galeria/corales/c5_t.jpg); height:60px; width:93px;}
#container2 a.slidef {background:url(../galeria/corales/c6_t.jpg); height:60px; width:93px;}
* html #container2 a.slidef {width:91px; w\idth:93px;}
#container2 a.slideg {background:url(../galeria/corales/c7_t.jpg); height:60px; width:93px;}
#container2 a.slideh {background:url(../galeria/corales/c8_t.jpg); height:93px; width:60px;}
#container2 a.slidei {background:url(../galeria/corales/c9_t.jpg); height:93px; width:60px;}
#container2 a.slidej {background:url(../galeria/corales/c10_t.jpg); height:93px; width:60px;}
#container2 a.slidek {background:url(../galeria/corales/c11_t.jpg); height:60px; width:93px;}
* html #container2 a.slidek {width:91px; w\idth:93px;}
#container2 a.slidel {background:url(../galeria/corales/c12_t.jpg); height:60px; width:93px;}

/* styling the hovers */
#container2 a.gallery:hover {border:1px solid #ff0099;}
#container2 a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:75px; color:#000; background:#fff;}
#container2 a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#container2 a.slideb:hover img, #container2 a.slidei:hover img {float:right;}


/*Galeria de Imagenes - Tridacnas
------------------------------------------------------------------*/

/* The containing box for the gallery. */
#container3 {position:relative; width:745px; height:396px; text-align:center; margin:2px 0 0 auto; border:1px solid #CCCCCC; background:#fff url(../galeria/tridacnas/back.jpg) 75px 10px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container3 ul {width:198px; height:386px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container3 li {float:left;}

/* Remove the images and text from sight */
#container3 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container3 a.gallery, #container3 a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #999; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container3 a.slidea {background:url(../galeria/tridacnas/t1_t.jpg); height:93px; width:60px;}
#container3 a.slideb {background:url(../galeria/tridacnas/t2_t.jpg); height:93px; width:60px;}
#container3 a.slidec {background:url(../galeria/tridacnas/t3_t.jpg); height:93px; width:60px;}
#container3 a.slided {background:url(../galeria/tridacnas/t4_t.jpg); height:60px; width:93px;}
* html #container3 a.slided {width:91px; w\idth:93px;}
#container3 a.slidee {background:url(../galeria/tridacnas/t5_t.jpg); height:60px; width:93px;}
#container3 a.slidef {background:url(../galeria/tridacnas/t6_t.jpg); height:60px; width:93px;}
* html #container3 a.slidef {width:91px; w\idth:93px;}
#container3 a.slideg {background:url(../galeria/tridacnas/t7_t.jpg); height:60px; width:93px;}
#container3 a.slideh {background:url(../galeria/tridacnas/t8_t.jpg); height:93px; width:60px;}
#container3 a.slidei {background:url(../galeria/tridacnas/t9_t.jpg); height:93px; width:60px;}
#container3 a.slidej {background:url(../galeria/tridacnas/t10_t.jpg); height:93px; width:60px;}
#container3 a.slidek {background:url(../galeria/tridacnas/t11_t.jpg); height:60px; width:93px;}
* html #container3 a.slidek {width:91px; w\idth:93px;}
#container3 a.slidel {background:url(../galeria/tridacnas/t12_t.jpg); height:60px; width:93px;}

/* styling the hovers */
#container3 a.gallery:hover {border:1px solid #ff0099;}
#container3 a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:75px; color:#000; background:#fff;}
#container3 a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#container3 a.slideb:hover img, #container3 a.slidei:hover img {float:right;}

/* @end */


/*Formulario de Contacto
------------------------------------------------------------------*/

/*#forms label,input {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

#forms label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}

#forms input.red {
	display: block;
	width: 20px;
	margin-bottom: 10px;
	margin-left:120px;
}

#forms input.send {
	display: block;
	width: 102px;
margin:45px 0 0 60px;
}

#forms label span {
	text-align: right;
	width: 100px;
	padding-right: 20px;
	color:#ff0099;
}

#forms1 submit{
	padding-right: 20px;
	}

#forms br {
	clear: left;
	}

*/


/*Footer
-------------------------------------------------------------*/

#footer{
	margin:0 0 67px 0;
	padding:10px 0 0 0;
	width: 761px;
	text-align:left;
	border-top: #CCCCCC 1px solid;
	}

#footer p { margin:0}

#footer a{color:#FFFFFF}

#footerright {
	font-size: 11px;
	float: right;
	margin: 15px 15px 10px 0;
}

#footerright img.nk {
	height: 18px;
	width: 20px;
	margin: 0; 
	padding: 0 0 1px 0; 
	vertical-align: middle; 
}


#footerleft {
	font-size: 11px;
	float: left;
	margin: 15px 0 10px 15px;

}