/*
Estilos para CAUSANA.COM por Estudio Dukal
http://www.adukal.com/estudio/
Actualizado: 10 Agosto 2006
*/

* {padding:0px; margin:0px;}

/* ---( GENERAL )------------------------------- */

body {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #666;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
body#singlepic {
	background-color: #fff !important;
	text-align: center;
}
li a:link, li a:visited {
	text-decoration: none;
}
li a:hover, li a:active {
	text-decoration: none;
}
img {border: none;}
hr {display: none; margin:0px; padding:0px;}
h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}
.clear {margin:0; padding:0; height:1px; clear: both;}
.hide {display:none;}

/* ---( LAYOUT )------------------------------- */

#container {
	background-color: #EEEEEE;
	margin: 30px auto 0px;
	padding: 0px;
	width: 765px;
	height: 410px;
}
#contenedor1 {
	position:absolute;
	left:441px;
	top:119px;
	width:311px;
	height:131px;
	z-index:12;
	overflow: hidden;
}
#photobig2 {
	position:absolute;
	left:0px;
	top:118px;
	width:175px;
	height:238px;
	z-index:11;
}
#brujula {
	background: url(/images/brujula.gif) no-repeat;
	position:absolute;
	left:633px;
	top:280px;
	width:129px;
	height:127px;
	z-index:7;
}
#dolphins {
	background: url(/images/dolphins.gif) no-repeat left top;
	position:absolute;
	left:590px;
	top:305px;
	width:173px;
	height:73px;
	z-index:4;
}
#fotobig {
	background: url(/images/bosquepetrificado.jpg) no-repeat left top;
	position:absolute;
	left:0px;
	top:118px;
	width:175px;
	height:238px;
	z-index:11;
}
#newstext {
	position:absolute;
	left:212px;
	top:140px;
	width:468px;
	height:150px;
	z-index:8;
}
#newstext p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 14px;
}

/* ---( HEADER )------------------------------- */


.isologo a {
	width:175px;
	height:117px;
	background: #FFF url(/images/logo.gif) no-repeat 22px 50px;
	display: block;
}
.navhead1 {
	background: #A48E5C url(/images/corner1.jpg) no-repeat right top;
}
.navhead2 {
	background: #A48E5C url(/images/corner2.jpg) no-repeat right top;
}
.navhead3 {
	background: #A48E5C url(/images/corner3.jpg) no-repeat right top;
}
.navhead4 {
	background: #A48E5C url(/images/corner4.jpg) no-repeat right top;
}
.navhead5 {
	background: #A48E5C url(/images/corner5.jpg) no-repeat right top;
}
.navhead6 {
	background: #A48E5C url(/images/corner6.jpg) no-repeat right top;
}
.navhead7 {
	background: #A48E5C url(/images/corner7.jpg) no-repeat right top;
}
.navhead8 {
	background: #A48E5C url(/images/corner8.jpg) no-repeat right top;
}
.slogan {
	background: url(/images/slogan.gif) no-repeat 10px 35px;
	width:340px;
	height:117px;
}
.engslogan {
	background: url(/images/sloganeng.gif) no-repeat 10px 35px;
	width:340px;
	height:117px;
}
.spacer {
	height:1px;
}

/* ---( TABLES )------------------------------- */

table {
	border: none;
	border-collapse:collapse;
	padding: 0px;
	margin: 0px;
}
table#header {
	background: #FFF url(/images/back_menu.gif) repeat;
	border: none;
	border-bottom:1px solid #A48E5C;
	padding: 0px;
	margin: 0px;
	width:765px;
}
table#maintbl {
	background: #FFF url(/images/background1.gif) repeat;
	border: none;
	padding: 0px;
	margin: 0px;
	width:765px;
	height:301px;
}
table#noticias {
	border: none;
	padding: 0px;
	margin: 0px;
	width:470px;
}
td.logo {
	width:175px;
	height:117px;
	padding: 0px;
	margin: 0px;
}
.col01 {
	width:80px;
}
#sidetitle {
	position:absolute;
	left:212px;
	top:138px;
	width:120px;
	height:105px;
	z-index:1;
}

/* ---( IFRAMES )------------------------------- */

iframe {
	margin: 0px;
	padding: 0px;
	border: none;
}
#mainifr {
	width:775px;
	height:425px;
}
#newsbox {
	position:absolute;
	left:325px;
	top:138px;
	width:360px;
	height:200px;
	z-index:1;
}
#newsifr {
	width:357px;
	height:202px;
}
#destbox {
	position:absolute;
	left:494px;
	top:128px;
	width:260px;
	height:225px;
	z-index:26;
}
#destifr {
	width:260px;
	height:227px;
}
#nosbox {
	position:absolute;
	left:415px;
	top:130px;
	width:340px;
	height:210px;
	z-index:26;
}
#nosifr {
	width:340px;
	height:210px;
}
#ffbox {
	position:absolute;
	left:332px;
	top:130px;
	width:420px;
	height:215px;
	z-index:26;
}
#ffifr {
	width:410px;
	height:215px;
}

/* ---( DESTINOS )------------------------------- */

body#destino {
	background-color: #fff !important;
	width: 240px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
}
.city {
	width: 240px;
}
.city a:link, .city a:visited {
	text-decoration: none;
}
.city a:hover, .city a:active {
	text-decoration: none;
	color: #A48E5C;
}
.city h2 {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
.city h3 {
	padding: 0px;
	margin: 8px 0px 3px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #666;
}
.city img {
	border:1px solid #666;
	padding: 0px;
}
.city p {
	margin: 0px 0px 10px 0px;
}

/* ---( NAVIGATION )------------------------------- */

#menu {
	position:absolute;
	left:569px;
	top:0px;
	width:98px;
	height:105px;
	z-index:1;
}
#navbar {
	padding: 2px;
	margin: 0px;
	width: 206px;
}
#navbar li {
	list-style: none;
	margin: 0;
	padding-bottom: 2px;
}
#navbar li a { text-decoration: none; }
#navbar li a:link, #navbar li a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#navbar li a:hover, #navbar li a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#navbar li.active a:link, #navbar li.active a:visited {
	color: #333333 !important;
}

/* ---( SUBMENU )------------------------------- */

#submenu {
	position:absolute;
	left:240px;
	top:237px;
	width:150px;
	z-index:12;
}
#mapmenu {
	position:absolute;
	left:150px;
	top:136px;
	width:150px;
	height:33px;
	z-index:12;
}
#subnav {
	padding: 0px;
	margin: 0px;
	width: 150px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}
#subnav li {
	list-style: none;
	margin: 0;
	padding-bottom: 6px;
}
#subnav li a { text-decoration: none; }
#subnav li a:link, #subnav li a:visited {
	color: #999;
	text-decoration: none;
}
#subnav li a:hover, #subnav li a:active {
	color: #333;
	text-decoration: none;
}

/* ---( FLORA Y FAUNA)------------------------------- */

#faunaside {
	background: url(/images/faunaside.jpg) no-repeat left top;
	position:absolute;
	left:0px;
	top:118px;
	width:90px;
	height:301px;
	z-index:11;
}
#submenu5 {
	position:absolute; left:166px; top:125px; width:106px; height:53px; z-index:27;
}
#aves {
	position:absolute; left:166px; top:185px; width:106px; height:121px; z-index:28;
}
#marina {
	position:absolute; left:166px; top:185px; width:106px; height:121px; z-index:28; visibility: hidden;
}
#terrestre {
	position:absolute; left:166px; top:185px; width:106px; height:121px; z-index:28; visibility: hidden;
}
#flora {
	position:absolute; left:166px; top:185px; width:106px; height:121px; z-index:28; visibility: hidden;
}
#subnav5 {
	padding: 0px;
	margin: 0px;
	width: 150px;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	color: #333;
}
#subnav5 li {
	list-style: none;
	margin: 0;
	padding-bottom: 1px;
}
#subnav5 li a { text-decoration: none; }
#subnav5 li a:link, #subnav5 li a:visited {
	color: #999;
	text-decoration: none;
}
#subnav5 li a:hover, #subnav5 li a:active {
	color: #333;
	text-decoration: none;
}
.ffnav {
	padding: 0px;
	margin: 0px;
	width: 150px;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}
.ffnav li {
	list-style: none;
	margin: 0;
	padding-bottom: 1px;
}
.ffnav li a { text-decoration: none; }
.ffnav li a:link, .ffnav li a:visited {
	color: #9F947C;
	text-decoration: none;
}
.ffnav li a:hover, .ffnav li a:active {
	color: #333;
	text-decoration: none;
}

/* ---( PHOTO GALLERY )------------------------------- */

#thumbs01 {
	position:absolute;
	left:173px;
	top:134px;
	width:196px;
	height:159px;
	z-index:11;
}
.copyright {
	margin: 3px 0px 3px 0px;
	text-align: left;
}
#picsbox {
	position:absolute;
	left:430px;
	top:134px;
	width:500px;
	height:214px;
	z-index:8;
}
#picsfrm {
	width:262px;
	height:215px;
}
table#fotothbn {
	border: none;
	padding: 0px;
	margin: 0px;
}
table#fotothbn img {
	padding: 2px;
}
.datos {
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 5px 0px 5px 0px;
}

/* ---( CONTENIDOS )------------------------------- */

#contenidos {
	position:absolute;
	left:437px;
	top:131px;
	width:263px;
	height:175px;
	z-index:26;
}
#carol {
	position:absolute;
	left:0px;
	top:205px;
	width:175px;
	height:151px;
	z-index:10;
}
#carlos {
	position:absolute;
	left:175px;
	top:118px;
	width:129px;
	height:87px;
	z-index:11;
}


/* ---( ANIMACIONES )------------------------------- */


#pie {
	position:absolute;
	left:177px;
	top:373px;
	width:442px;
	height:25px;
	z-index:11;
	font: 9px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #867755;
}
#pie a { color: #867755; text-decoration:none; }
#fototext {
	position:absolute;
	left:2px;
	top:-36px;
	width:230px;
	height:21px;
	z-index:21;
}
#fotoside a {
	background: url(/images/pinguins01.jpg) no-repeat left top;
	position:absolute;
	left:0px;
	top:118px;
	width:79px;
	height:301px;
	z-index:10;
}
#photobig1 {
	position:absolute;
	left:-455px;
	top:118px;
	width:196px;
	height:301px;
	z-index:21;
}
#texto {
	position:absolute;
	left:177px;
	top:156px;
	width:500px;
	height:120px;
	z-index:8;
}
#texto p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 14px;
}
#engtexto {
	position:absolute;
	left:177px;
	top:135px;
	width:500px;
	height:120px;
	z-index:8;
}
#engtexto p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 14px;
}
.col1 {
	position: relative;
	width:46%;
	float: left;
}
.col2 {
	position: relative;
	width:46%;
	float: right;
}
#customtext {
	position:absolute;
	left:415px;
	top:136px;
	width:296px;
	height:160px;
	z-index:8;
}
#customtext p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 13px;
}
#arrow a{
	background: url(/images/arrow.gif) no-repeat;
	position:absolute;
	left:88px;
	top:368px;
	width:17px;
	height:15px;
	z-index:9;
}
#foto01 {
	position:absolute;
	left:0px;
	top:118px;
	width:87px;
	height:82px;
	z-index:1;
}
#foto02 {
	position:absolute;
	left:87px;
	top:200px;
	width:89px;
	height:70px;
	z-index:11;
}
#foto03 {
	position:absolute;
	left:176px;
	top:270px;
	width:169px;
	height:86px;
	z-index:12;
}
#custombig1 {
	position:absolute; left:-368px; top:118px; width:297px; height:237px; z-index:13;
}
#custombig2 {
	position:absolute; left:-368px; top:118px; width:297px; height:237px; z-index:13;
}
#custombig3 {
	position:absolute; left:-368px; top:118px; width:297px; height:237px; z-index:13;
}

/* ---( FORMS )------------------------------- */

#formulario {
	position:absolute;
	left:272px;
	top:140px;
	width:325px;
	height:205px;
	z-index:8;
}
#formulario p {
	margin: 0px 0px 5px 0px;
}
form.causana {
	margin: 0 0 1em;
}
form.causana label {
	float: left;
	text-align: right;
	padding-top: 0.2em;
	font-weight: bold;
	font-size: 1em;
}
form.causana label { 
	width: 90px;
	margin-right: 10px;
}
form.causana input, form.causana textarea, form.causana select {
	margin-left: 100px;
	width: 200px;
	border:1px solid #CCC;
}
form.causana input, form.causana textarea, form.causana select {
	display: block;
	margin-bottom: -0.5em;
}
form.causana br { 
	clear: left;
}
form.causana input[type="hidden"] {
	display: none;
}
* html form.causana fieldset br {
	line-height: 0.5em;
	font-size: 0.5em;
}
.boton {
	border:1px solid #CCC;
	background-color: #eee;
	width: 60px !important;
	text-align: center;
	margin-top: 10px;
}
#thanksmsg {
	position:absolute;
	left:296px;
	top:170px;
	width:500px;
	height:120px;
	z-index:8;
}
#thanksmsg p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 14px;
}