body
{
  margin: 0 auto;
  padding: 0;
  background-color: #787878;
  font-family: trebuchet ms, arial,helvetica;	
  font-size : 10pt;
  color : #9be1ec; 
}

/************************* CABECERA LOGO Y FOTOS ********************************************/
#top{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:100%;
	height:227px;
	border:0px solid #8e8e8e;
	background: url(imagenes/bg_top.jpg) repeat-x; background-position:top left;

}

#tp_logo{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:350px;
	height:200px;
	border-right:0px solid #b7b7b7;
	text-align:center;
	padding-top:85px;
	color:#79cfdc;
	font-size:9pt;
	background: url(imagenes/logo_bucan.png) no-repeat; background-position:top left;
}

#tp_degrad{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:338px;
	height:154px;
	border-right:1px solid #b7b7b7;
	text-align:center;
}

#tp_fotos{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:323px;
	height:220px;
	border-right:0px solid #b7b7b7;
	text-align:center;
	color:#79cfdc;
	padding-top:10px;
	background: url(imagenes/marco_tpfotos.png) no-repeat; background-position:top left;
}
table.main{
border:1px solid #b7b7b7;
}


/************************* CONTENIDOS GENERAL ********************************************/
#wrp_azul{
	position:relative;
	float:left;
	top: 20px;
	width:100%;
	background-color: #04566d;
}
#conts_azul{
	position:relative;
	float:left;
	bottom:10px;
	float:left;
	width:100%;
	min-height:501px;
	border-top:1px solid #74c5dc;
	background-color: #04566d;
	background: url(imagenes/bg_azul.jpg) repeat-x; background-position:top left;
}

/************************* BOTONERA Y MENU ********************************************/
#botonera{
	width:100%;
	text-align:center;
}

#botones a{
	position:relative;
	display:block;
	float:left;
	top: 0px;
	left:0px;
	width:165px;
	height:20px;
	padding-top:10px;
	text-align:center;
	color:#00566f;
	font-size:10pt;
	border-right:1px solid #74c5dc;
}

#botones2 a{
	position:relative;
	display:block;
	float:left;
	top: 0px;
	left:0px;
	width:165px;
	height:20px;
	text-align:center;
	padding-top:10px;
	color:#00566f;
	font-size:10pt;
}

#botones a:hover{
	background: url(imagenes/bg_botones.jpg) repeat-x; background-position:top left;
	color:#ffffff;
}
#botones2 a:hover{
	background: url(imagenes/bg_botones.jpg) repeat-x; background-position:top left;
	color:#ffffff;
}

img.borde{
	border:1px solid #409cac;
}

/************************* PIE DE PAGINA ********************************************/
#pie{
	position:relative;
	float:left;
	top: 0px;
	left:0px;
	width:100%;
	height:20px;
	text-align:center;
	color:#5dbbc9;
	font-size:8pt;
	padding-top:5px;
	border:0px solid #8e8e8e;
	background-color: #2f7b8d;
}

/************************* BLOQUES TRIPLE ********************************************/
#all{
	position:relative;
	float:left;
	top:15px;
	width:97%;
	height:100%;
	color:#81d6e3;
	padding:15px;
	margin-bottom:10px;
	border:0px solid #cc0000;
}
#indent{
	position:relative;
	float:left;
	top:25px;
	padding:15px;
	width:96%;
	color:#81d6e3;
	border:0px solid #cc0000;
}
#tri{
	position:relative;
	float:left;
	top: 2px;
	width:30%;
	padding:15px;
	text-align:center;
	color:#81d6e3;
	border:0px solid #8e8e8e;
}

#tri_sm{
	position:relative;
	float:left;
	top: 2px;
	width:30%;
	padding:10px;
	text-align:center;
	color:#81d6e3;
	border:0px solid #8e8e8e;
}


/************************* BLOQUES TRES CUARTOS ********************************************/
#tercio{
	position:relative;
	float:left;
	width:500px;
	color:#81d6e3;
	top:20px;
	border:0px solid #cc0000;
}
#tercio_intro{
	position:relative;
	float:left;
	width:500px;
	color:#81d6e3;
	top:22px;
	padding-left:20px;
	padding-right:20px;
	border-right:1px dotted #74c5dc;
}
#cuarto{
	position:relative;
	float:left;
	width:115px;
	color:#81d6e3;
	top:48px;
	left:35px;
	text-align:center;
	border:0px solid #cc0000;
}
#cuarto_intro{
	position:relative;
	float:left;
	width:200px;
	color:#81d6e3;
	font-size:9pt;
	top:22px;
	left:10px;
	line-height:1.2em ;
	text-align:center;
	border:0px solid #cc0000;
}
/************************* BLOQUES TRIPLE ********************************************/
#all{
	position:relative;
	float:left;
	top:25px;
	width:97%;
	height:100%;
	color:#81d6e3;
	padding:15px;
	border:0px solid #cc0000;
}
/************************* BLOQUES ICONOS 100 ********************************************/
#icono a{
	position:relative;
	float:left;
	top: 0px;
	width:101px;
	padding:10px;
	text-align:center;
	color:#409cac;
	border:0px solid #8e8e8e;
}

#icono a img{
	border:1px solid #409cac;
}
#icono a:hover{
	color:#81d6e3;
}
#icono a:hover img{
	border:2px solid #eca200;
}

/************************* TITULARES ********************************************/
#titulares{
	position:relative;
	display:block;
	float:left;
	top: 20px;
	width:100%;
	height:34px;
	text-align:center;
	color:#5dbbc9;
	border:0px solid #8e8e8e;
	background-color: #5cbac8;
}
#titulares_iz{
	position:relative;
	display:block;
	float:left;
	top: 20px;
	width:902px;
	height:34px;
	text-align:left;
	padding-left:100px;
	color:#5dbbc9;
	border:0px solid #8e8e8e;
	background-color: #5cbac8;
}
#tri_tit{
	color:#eca200;
	font-size:11pt;
	font-weight:bold;
}
#subtit_1{
	color:#eca200;
	font-variant:small-caps;
	font-size:15pt;
}
#subtit_2{
	color:#ffffff;
	font-variant:small-caps;
	font-size:12pt;
	font-weight:bol
}
.resalta {
	color: #eca200; 
	font-style: italic;
}
/************************* BLOQUES DOBLE ********************************************/

#dob_izda{
	position:relative;
	float:left;
	width:200px;
	min-height:313px;
	color:#81d6e3;
	top:10px;
	padding-top:30px;
	padding-left:110px;
	border:0px solid #cc0000;
	background: url(imagenes/img_seccionales.png) no-repeat; background-position:top left;
}
#dob_izda_foto{
	position:relative;
	float:left;
	width:330px;
	min-height:313px;
	color:#81d6e3;
	top:10px;
	padding-top:30px;
	padding-left:0px;
	border:0px solid #cc0000;
}

#dob_izda_contactar{
	position:relative;
	float:left;
	width:200px;
	min-height:313px;
	color:#81d6e3;
	top:10px;
	padding-top:300px;
	padding-left:80px;
	border:0px solid #cc0000;
	background: url(imagenes/img_contactar.png) no-repeat; background-position:top left;
}

#dob_izda_quienes{
	position:relative;
	float:left;
	width:200px;
	min-height:313px;
	color:#81d6e3;
	top:10px;
	padding-top:300px;
	padding-left:80px;
	border:0px solid #cc0000;
	background: url(imagenes/img_quienes.png) no-repeat; background-position:top left;
}

#dob_izda_intro{
	position:relative;
	float:left;
	width:230px;
	min-height:313px;
	color:#81d6e3;
	top:40px;
	text-align:center;
	padding-top:10px;
	padding-left:00px;
	border-right:1px dotted #74c5dc;
}

#submenu a{
	position:relative;
	display:block;
	float:left;
	width:150px;
	height:25px;
	padding-left:20px;
	padding-top:5px;
	font-weight:bold;
	color:#9be1ec;
	border:0px solid #cc0000;
	background: url(imagenes/bullet_azul.png) no-repeat; background-position:center left;
}

#submenu a:hover{
	background: url(imagenes/bullet_amarilla.png) no-repeat; background-position:center left;
	color:#eca200;
}

#dob_dcha{
	position:relative;
	float:left;
	width:640px;
	color:#81d6e3;
	top:20px;
	padding-top:20px;
	border:0px solid #cc0000;
}










/************************************************  ENLACES  */
A  {text-decoration : none; color:#5cbac8; font-weight: bold;}
A:Visited  {text-decoration : none;	color:#5cbac8; font-weight: bold;}
A:Active  {text-decoration : none;	color:#5cbac8; font-weight: bold;}
A:Hover  {color:#ffffff; font-weight: bold;}


/************************************* GALERIA *************************/

.PopBoxImageSmall
{
   	border: solid 1px #59d1e3;
	padding:1px;
	width:100px;
	height:65px;
	background-color:#0a566d;
   	cursor: url("imagenes/lupa_mas.cur"), pointer;
}
.PopBoxImageLarge
{
   	border: solid 3px #f2a200;
	padding:2px;
   	background:#0a566d;
   	cursor: url("imagenes/lupa_menos.cur"), pointer;
} 

.pbCaption{
	background-color:transparent;
	font-weight:bold;
	color:#9a0514;
}