* {margin:0; padding:0;}
html, body {
	background-color:#000;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	overflow:hidden;
	background:#000 fixed url(images/fondusilk.jpg) no-repeat top left;
	color:#444;
	font-family: Verdana, Times New Roman, Arial;
	text-align:center;
	font-size: 12px;
	font-weight: normal;
	/* text-transform: normal; */
	letter-spacing: normal;
	line-height: 1.5em;
}

#todo{
position: absolute;
left: 0;
top: 0;
width:100%; 
height:100%;
color: #f00;
text-align:center;
overflow: auto;
/* background-attachment: fixed;
background-color: #000;
background: url(imagenes/fondoafterianos.jpg) no-repeat center; */
}
#todo img{
 display: block;
 margin: auto;
}
#fondo{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
#fondo img { 
	width: 100%;
	height: 100%;
}


#contacto {
	margin: auto;
 	border:solid 0 #777; 
	width:800px;
	height:450px;
	text-align:left;
	background: url(images/fondocontacto.png) no-repeat top left;
}
#formu{
    position:relative;
    float: left;
	margin-top:50px;
	margin-left:60px;
	width:360px;
	height:420px;
}
#mapa{
    position:relative;
    float: left;
	margin-top: 50px;
	width:300px;
	height:420px;
}

#mapa a:link{
	color:#00f;
	text-decoration:none;
}
#mapa a:hover{
	color:#f0f;
	text-decoration:underline;
}
#mapa a:active{
	color:#f00;
	text-decoration:underline;
}
#mapa a:visited{
	color:#0f0;
	text-decoration:underline;
}

input  text{
	width: 200px; 
	margin: 0;
	bordeR: 1px solid #999;	
	margin-bottom: 10px;
	background: #fff;
	font-size: 11px;
	line-height: 26px;
	padding: 3px;
}
textarea {
	width: 200px;
	font-size: 11px;
	line-height: 26px;
	padding: 0 3px;
	height: 100px;
	margin-bottom: 20px;
}

label {
	margin:0;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
}
tr{
	width: 100px;
	font-size: 11px;
	line-height: 26px;
	padding: 0 3px;
	height: 100px;
	margin-bottom: 20px;
}
td{
	width: 40px;
	font-size: 11px;
	line-height: 26px;
	padding: 0 3px;
	height: 20px;
	margin-bottom: 20px;
}


a {
	text-decoration:none;
}
a img {
border: none;
text-decoration: none;
}	
.clear	{ clear:both; }


#container {
	margin: 0 auto;
 	border:solid 0 #777; 
	width:820px;
	height:1180px;
	text-align:left;
	padding-right:20px;
	padding-bottom:200px;
}
#containerin {
	margin: 0 auto;
	width:800px;
	height:1180px;
	text-align:left;
	padding-left:20px;
}
#cont-conta {
	margin: 0 auto;
 	/* border:solid 0 #777;  */
	border: none;
	width:820px;
	padding-right:20px;
	height:750px;
	text-align:left;
}
#cont-gal {
	margin: 0 auto;
 	border:solid 0 #777; 
	width:820px;
	height:800px;
	padding-right:20px;
	text-align:left;
}
#cont-team {
	margin: 0 auto;
 	border:solid 0 #777; 
	width:820px;
	height:1800px;
	padding-right:20px;
	text-align:left;
}
#cont-party {
	margin: 0 auto;
 	border:solid 0 #777; 
	width:820px;
	height:1000px;
	text-align:left;
	padding-right:20px;
}
 
.centrar
{
    position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:0%;
	left:14%;
	margin: 0 auto;
    text-align:center;
    font-family:Verdana;
}

.enlace{
	background:transparent;
	float:left;
	/* border: solid 1px #00f; */
	width:90px;
	height:34px;
	text-align:left;
	margin:0 auto;
}

/************** CABECERA *****************/
#player {
	height:30px;
	width:820px;
	margin: auto;
	border:none;
	background:transparent;
	position: relative;
	overflow: hidden;
	padding-right:20px;
	/* margin: 0 0 0 18.1%; */
}
#playerin{
	height:30px;
	width:820px;
	margin: auto;
	border:none;
	background:transparent;
	position: relative;
	overflow: hidden;
	padding-left:10px;
}
#cabezal{
	background:url(images/cabezalocean.png);
	background-repeat:no-repeat;
	position: relative;
	width:750px;
	height:25px;
	/* margin-left:15px; */
	margin-bottom:10px;
}
#banner{
	position: relative;
	float:left;
	width:800px;
	height:160px;
	/* background-color:#111111; */
 	/* border:solid 1px #777;
	padding:10px 0 10px 0; */
	margin-left:20px;
	padding-top:10px;
}
.texto{
	padding-top:80px;
	font-family: Verdana, Times New Roman, Arial;
	font-size: 48px;
	font-weight: bold;
	/* text-transform: normal; */
	/* letter-spacing: double; */
	line-height: 1.5em;
	text-align:center;
	/* vertical-align:center; */
}
object:hover { border:0px solid; } 
/************** CUERPOS *****************/

#corps{
	margin: auto;
	width:800px;
	height:320px;
	/* background-color:#222222; */
	margin-left:20px;
	margin-top:10px;
}

#corp_izq{
	/* background:url(images/publicidad.png);
	background-color:#eeeeee;
	background-repeat:no-repeat; */
    position:relative;
    float: left;
	width:135px;
	height:320px;
	/* margin-left:10px; */
}
#corp_cent{
 	background:url(images/fondocentral.jpg) no-repeat top left;
	/* background-color:#eeeeee;
	background-repeat:no-repeat; */
	position:relative;
    float: left;
	width:530px;
	height:320px;
}
#corp_cent img{
margin-top:8px;
margin-left:8px;
}
#corp_der{
	/* background:url(images/publicidad.png);
	background-color:#eeeeee;
	background-repeat:no-repeat; */
    position:relative;
    float: left;
	width:135px;
	height:320px;
}

#team-corps{
    position:relative;
    float: left;
	margin: auto;
	width:800px;
	height:400px;
	background-color:transparent;
	margin-left:20px;
	margin-top:10px;
}
#party-corps{
    position:relative;
    float: left;
	margin: auto;
	width:710px;
	height:400px;
	background-color:transparent;
	margin-left:60px;
	margin-top:10px;
}
#principal{
    position:relative;
    float: left;
	margin:0 auto;
 	border:none; 
	width:800px;
	height:48px;
	margin-left:20px;
	margin-top:20px;
    text-align:right;
	/* background-color:#222222; */
}
#principal img{
padding-left:65%;
text-align:right;
}
#gallery{
    position:relative;
    float: left;
	margin:auto;
	width:800px;
	height:320px;
	/* background-color:#222222; */
	margin-left:20px;
	margin-top:20px;
}

#historia{
	background:url(images/historia.png) no-repeat top left;
	/* background-color:#444444; */
    position:relative;
    float: left;
	margin-top:10px;
	margin-left:20px;
	width:800px;
	height:300px;
	/* padding-top:10px; */
}
#historia a{text-decoration: none;}
#historia a span.con {display: none;}
#historia a:hover {background: transparent;}
#historia a:hover span.sin {display: none;}
#historia a:hover span.con {display: block; }


#multimedia{
	/* background:url(images/publicidad.png);
	background-color:#eeeeee;
	background-repeat:no-repeat; */
	margin-top: 10px;
	margin-left: 20px;
	width:800px;
	height:300px;
}

#videoplayer{
	position:relative;
    float: left; 
	/* background-color:#989898; */
	margin-top: 10px;
	margin-left:10px;
	width:380px;
	height:280px;
}
/* #videoplayer img{
	margin-left:10px;
} */
#fotobook{
	position:relative;
    float: left;
	background-color:#656565;
	margin-top: 10px;
	margin-left: 20px;
	width:380px;
	height:280px;
}

/************** PUBLICIDAD *****************/
#publicidad{
	/* 	background:url(images/capareproductores.png);
	background-repeat:no-repeat; */
	/* background-color:#333333; */
	position:relative;
    float: left;
	width:800px;
	height:120px;
	margin-top: 10px;
	margin-left: 22px;
	/* padding-top:10px; */
}

.publi{
	background:transparent;
	float:left;
	width:125px;
	height:100px;
	padding-right:9px;
	padding-top:10px;
}
.publir{
	background:transparent;
	float:left;
	width:125px;
	height:100px;
	padding-top:10px;
}
#flash{
	position:relative;
    float: left;
	/* background-color:#000; */
	margin-top: 10px;
	margin-left: 20px;
	width:800px;
	height:470px;
	padding-left:45px;
	padding-top:45px;
}

#cien{
	width:100%;
	height:100px;
}
#espacio{
	width:100%;
	height:150px;
}

.info{
	font-weight: bold;
	color:#000;
}
.aviso{
	font-weight: bold;
	font-size:12px;
	color:#777;
}
.extra{
	font-weight: bold;
	color:#000;
}

#bios {
	position:relative;
    float: left;
}
#bios img{
margin-top:10px;
margin-left:20px;
}

#todo a.partylink{
	display:block;
	position: absolute;
	width:215px;
	height:65px;
	top:70px;
	margin-left:530px;
	float: left;
	background:url(images/botonbuster.png);
	border:none;
}
#todo a.partylink:link{
	display:block;
	position: absolute;
	width:215px;
	height:65px;
	top:70px;
	margin-left:530px;
	float: left;
	background:url(images/botonbuster.png);
	border:none;
}
#todo a.partylink:active{
	display:block;
	position: absolute;
	width:215px;
	height:65px;
	top:70px;
	margin-left:530px;
	float: left;
	background:url(images/botonbuster.png);
	border:none;
}
#todo a.partylink:hover{
	display:block;
	position: absolute;
	width:215px;
	height:65px;
	top:70px;
	margin-left:530px;
	float: left;
	background:url(images/botonbuster.png);
	border:none;
}
#todo a.teamlink{
	display:block;
	position: absolute;
	width:215px;
	height:65px;
	top:170px;
	margin-left:530px;
	float: left;
	background:url(images/botonbuster.png);
	border:none;
}
#todo a.teamlink:link{
	display:block;
	position: absolute;
	width:215px;
	height:65px;
	top:170px;
	margin-left:530px;
	float: left;
	background:url(images/botonbuster.png);
	border:none;
}
#todo a.teamlink:active{
	display:block;
	position: absolute;
	width:215px;
	height:65px;
	top:170px;
	margin-left:530px;
	float: left;
	background:url(images/botonbuster.png);
	border:none;
}
#todo a.teamlink:hover{
	display:block;
	position: absolute;
	width:215px;
	height:65px;
	top:70px;
	margin-left:530px;
	float: left;
	background:url(images/botonbuster.png);
	border:none;
}


#espacio{
	width:100%;
	height:150px;
}

.info{
	font-weight: bold;
	color:#000;
}
.aviso{
	font-weight: bold;
	font-size:12px;
	color:#000;
}
.extra{
	font-weight: bold;
	color:#000;
}


/************** NEWS *****************/
#news{
	background:url(images/newsnegro.jpg) no-repeat top left;
 	/* background-color:#333333; */
    position:relative;
    float: left;
	width:800px;
	height:300px;
	margin-top: 10px;
	margin-left: 20px;
}
#corp_news{
	/* background:url(images/oceannews.jpg);
	background-repeat:no-repeat; */
    position:relative;
 	/* background-color:#999999; */
    float: left;
	margin-top:10px;
	margin-left:10px;
	width:780px;
	height:280px;
}
#enviar{
 	position:absolute;
	left:550px;
	top:170px;
}
#correo{
	position:absolute;
	left:500px;
	top:140px;
}
#wrapper{
	position:absolute;
	left:20px;
	top:10px;
}
#confirmar{
	background:url(imagenes/oceanconfirmacion2.jpg);
	background-repeat:no-repeat;
    position:relative;
    float: left;
	color:#444;
	font-family: Verdana, Times New Roman, Arial;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	margin:0 auto;
	width:800px;
	height:580px;
	padding-left:23%;
}
#confirmail{
	position:absolute;
	left:328px;
	top:80px;
}
#alta{
	position:absolute;
	left:344px;
	top:40px;
}
#confirtext{
	position:absolute;
	width:300px;
	background-color:#FFCC00;
	left:242px;
	top:0px;
}
#volver{
	position:absolute;
	left:508px;
	top:230px;
}
/************* EXPANDIR  *************/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding:0;
left: -400px;
border: none;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: -350px; /*position where enlarged image should offset horizontally */
}

div#resaltado, a#sinresaltar{
width: 800px;
height: 600px;
}
div#resaltado{
background: url(images/cordos.jpg);
}
a#sinresaltar{
display: block;
background: url(images/corduno.jpg);
}
a#sinresaltar:hover{
background: transparent;
}
a#sinresaltar span{
display: none;
}

/***************** INICIO PIE ESTILO *****************/
#footer {
	height:100px;
	width:800px;
	position: relative;
    float: left;
	margin-top:20px;
	margin-left:20px;
	background: url(images/back.jpg);
	/* background-color:pink; */
}

#footer .pieizq{
    position:relative;
    float: left;
	margin: 10px auto;
	width:150px;
	height:70px;
	padding-left: 10px;
	/* background-color:#f00; */
}
#footer .piecentro{
    position: relative;
    float: left;
	margin-top:20px;
	margin-left:100px;
	width:360px;
	height:70px;
	/* background-color:#0f0; */
}
#footer .pieder{
    position:relative;
    float: left;
	margin: 10px auto;
	width:150px;
	height:70px;
	padding-left:20px;
	/* background-color:#00f; */
}
#footer .pieder img{
	margin-top:10px;
}
#footer .pieunico{
    position: relative;
	text-align: center;
    float: left;
	width:760px;
	height:90px;
	margin-top:10px;
	margin-left:10px;
}
#footer  img{
	border:none;
}
#footer table {
width: 430px;
text-align: center;
border: 1px solid;
}
a:visited{
	color:#FFF;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
a:link{
	color:#FFF;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
a:active{
	color:#DAD;
	text-decoration:underline;
	font-size: 11px;
	font-weight: bold;
}
a:hover{
	color:#E4E;
	text-decoration:underline;
	font-size: 11px;
	font-weight: bold;
}

/*
Para Internet Explorer
http://www.anieto2k.com/2006/08/28/png-internet-explorer-soluciones-varias/
http://www.anieto2k.com/2007/08/16/otra-solucion-a-los-pngs-transparentes-e-internet-explorer-6/

img { behavior: url(iepngfix.htc); }

html #container
   {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 }
*/