* {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%;
}

#cont-conta {
	margin: 0px auto;
 	/* border:solid 0px #777;  */
	border: none;
	width:870px;
	height:750px;
	text-align:left;
}

#principal{
    position:relative;
    float: left;
	margin: 0px auto;
 	border:none; 
	width:800px;
	height:48px;
	margin-left:20px;
	margin-top:20px;
    text-align:right;
	/* background-color:#222222; */
}

#contacto {
    position:relative;
    float: left;
	margin: auto;
 	border:solid 0px #777; 
	width:800px;
	height:450px;
	text-align:left;
	margin-left:30px;
	background: url(images/fondocontacto.png) no-repeat top left;
	/* background-color:#222; */
}
#formu{
    position:relative;
    float: left;
	margin-top:30px;
	margin-left:80px;
	width:360px;
	height:390px;
	/* background-color:#777; */
}





#formu input {position: absolute;
left: 0;
clear: left;
}
#formu label {line-height: 24px;}






#mapa{
    position:relative;
    float: left;
	margin-top:40px;
	width:300px;
	height:390px;
	/* background-color:#ccc; */
}
input  text{
	width: 200px; 
	margin: 0;
	bordeR: 1px solid #999;	
	background: #fff;
	font-size: 11px;
	/* line-height: 26px; */
	padding: 3px;
}
textarea {
	width: 300px;
	font-size: 11px;
	line-height: 16px;
	padding: 0px 3px;
	height: 100px;
}

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;
}
td{
	width: 40px;
	font-size: 11px;
	line-height: 26px;
	padding: 0 3px;
	height: 20px;
}


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


#container {
	margin: 0px auto;
 	border:solid 0px #777; 
	width:800px;
	height:1180px;
	text-align:left;
	padding-bottom:200px;
}
#cont-party {
	margin: 0px auto;
 	border:solid 0px #777; 
	width:800px;
	height:420px;
	text-align:left;
}
#cont-team {
	margin: 0px auto;
 	border:solid 0px #777; 
	width:800px;
	height:420px;
	text-align:left;
}
 
.centrar
{
    position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:0%;
	left:14%;
	margin: 0px auto 0px 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:800px;
	margin: auto;
	border:none;
	background:transparent;
	position: relative;
	overflow: hidden;
	/* margin: 0px 0px 0px 18.1%; */
}
#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 0px 10px 0px; */
	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;
}

#party-corps{
	margin: auto;
	width:710px;
	height:400px;
	/* background-color:#222222; */
	margin-left:60px;
	margin-top:10px;
}
#gallery{
	margin: auto;
	width:800px;
	height:880px;
	/* background-color:#222222; */
	margin-left:20px;
	margin-top:20px;
}

#historia{
	background:url(images/historia.png) no-repeat top left;
	/* background-color:#444444; */
	margin: 10px 0px 0px 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: 36px;
	/* 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;
}
#cien{
	width:100%;
	height:100px;
}
#espacio{
	width:100%;
	height:250px;
}

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

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



#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/newsnews.jpg);
	background-repeat:no-repeat;
    position:relative;
 	/* background-color:#333333; */
    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: 10px 0px 0px 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: 0px 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: 0px;
left: -400px;
border: none;
visibility: hidden;
color: #fff;
text-decoration: none;
}

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

.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:36px;
	background: url(images/back.jpg);
	/* background-color:red; */
}

#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;
}
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);
 }
*/