/***** General *****/
 * { margin : 0; padding: 0; } 

html, body {
	border:0;
	margin:0;
	padding:0;
	background-color: #333;
	font:100%/1.25 arial, helvetica, sans-serif;
}


/***** Wrapper *****/

div#wrap {
	margin: 0 auto;
	background-color: #fff;
	width: 777px !important;
	padding: 0;
	overflow:auto;
	border-bottom: 2px solid #000;


}


/*****Fin Wraper  ***/

div#wrap div#piepagina{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #DCEA1E;
	text-align: center;
	vertical-align: middle;
	width: 774px;
	height: 53px;
	font-size: 12px;
	font-weight: normal;
	padding: 20px 0 5px 0;
	float: left;
	border-right: 3px solid #000;
	background-image: url(../imagenes/bg_pie.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	
}
div#wrap div#piehome{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	height: 53px;
	font-size: 12px;
	width: 774px;
	padding: 10px 0 5px 0;
	float: left;
	border-right: 3px solid #000;
}



/****todo centro**/

div#wrap div#contenido {
	background-color: #6EAE1C;
	width: 764px !important;
	margin: 0px 0px 0px 10px;
	overflow:auto;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px;
	float: left;
	border-right: 3px #000 solid;
	_margin: 0px 0px 0px 5px;
}
 div#wrap div#contenidoE{
	background-color: #FFFFFF;
	width: 774px !important;
	overflow:auto;
	margin: 0px 0px 0px 0px;
	float: left;
		border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #000000;
}


/***** Header *****/

div#wrap div.top {
width: 777px;
margin: 0;
float: left;
background: url(../imagenes/bg_derecha.gif) 774px 80px no-repeat #333;


}
div#wrap div.top#borde {
background: url(../imagenes/bg_derecha_home.gif) 774px 30px no-repeat #333;



}
div.top #header {
	background-repeat: no-repeat;
	background-position: left top;
	width: 545px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	top: 0px;
	float: left;
	height: 296px;
	z-index: 100;
} 



div.top div#header div#e {
	width: 150px;
	height: 160px;
	text-align: right;
	z-index: 2000;

}

div.top div.menu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-left: 0px;
	padding-left: 30px;
	position: relative;
	z-index: 1000;
	top: 70px;

}

/** submenu header izquierda**/




div.top div.menu#encartel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-left: 0px;
	padding-left: 30px;
	position: relative;
	z-index: 1000;
	top: 0px;
}

div.top ul{

}

div.top li  {
	text-decoration: none;
	color: #333333;
	height: 25px;
}
div.top li a:link {
	text-decoration: none;
	color: #333333;
}
div.top li a:visited {
	text-decoration: none;
	color: #000000;
}
div.top li a:hover {
	color: #98BF0C;
	text-decoration: none;
}
div.top li a:active {
	text-decoration: none;
}
/**fin menu**/
/***** TOP MENU DERECHA *****/
div.top #menuDerecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #333;
	width: 229px;
	float:left;
	height: 296px;
	margin: 0px;
	padding: 0px;

}
div.top #menuhome{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #333;
	width: 229px;
	float:left;
	height: 184px;
	margin: 0px;
	padding: 0px;

}

#menuDerecha #barraGris {
	background-color: #B7B7B7;
	height: 27px;
	top: 66px;
	position:relative;
	margin: 0px;
	padding: 0px;
} 
#menuDerecha #abajo {
	background-color: #CCCCCC;
	height: 17px;
	position:relative;
	top: 50px;
	margin: 0px;
	padding: 0px;
} 
#menuDerecha ul {
	background-color: #4A4A4A;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	top: 66px;
	position: relative;
	height: 192px;
	margin:0px;
	padding: 10px 0px 0px 15px;
}

#menuhome ul {
	background-color: #4A4A4A;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	top: 0px;
	position: relative;
	height: 237px;
	margin: 0px;
	padding: 10px 0px 3px 15px;
	
}
#menuhome li  {
    height: 35px;
	
    
}

#menuDerecha li {
    height: 25px;
	
    
}
#menuDerecha li a:link, #menuhome li a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#menuDerecha li a:visited, #menuhome li a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#menuDerecha li a:hover, #menuhome li a:hover  {
	color: #98BF0C;
	text-decoration: none;
}
#menuDerecha li a:active, #menuhome li a:active  {
	text-decoration: none;
}


/***** Formato comun *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

h2 {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}

p, ul, ol {
	margin:0;
}

ul, ol {
	list-style:none;
	padding: 0;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}
big {
font-size:1.5em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
text-decoration:none;
color:#333333;
}
a:hover {
text-decoration:underline;
color:#333333;
}
/***** Fromularios *****/
div.texto {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	  display: block;
	  width: 490px;
	  height: 65px;/*height: 54px;*/
	  background-color: #CBDE85;
	  padding: 0px;
	  margin: 14px 0px 0px 0px;
	
	  
}
div.texto p {
	padding: 10px 20px 20px 20px;

}

form {
	margin: 0px;
	padding: 0px;
	display: block;
	background-image: url(../imagenes/bg_gris.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 490px;
	height: 420px;
	
}


form label {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	  display: inline-block;
	  width:160px;
	  float: left;
}
form input, form textarea, form select{
	border: 1px solid #999;
	float: left;

}

form div.fila {
	height: 30px;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 70px;
	

}
form div.fila .captcha{
	clear:left;
	padding-top:10px;

}
form div.fila#primera {
	height: 30px;
	padding-top: 20px;	
	width: 400px;
}

div.btnform {

	height: 23px;
	width: 79px;
	float: left;
	margin: 50px 20px 0px 0px;
	
	
}

div.btnform input{
border: none;
margin: 0px 0px 0px 210px;

}



/***** Tablas *****/

table {
border:0;
margin:0;
padding:0;
}
table tr td {
	padding:0px;
}

/***** Classes Generales *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; margin: 0px 0px 0px 10px; }
.float-right 	{ float:right; margin: 0px 10px 0px 0px; }

.text-left 		{ text-align:left; }
.text-right 	{
	text-align:right;
	padding-right: 10px;
}
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:780px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

/***** Home *****/
div.intro {
	background-color: #fff;
	width: 764px  !important;
	float: left;
	height: 320px;

}
div.cuadrohome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #98BF0C;
	width: 545px  !important;
	float: left;
	height: 250px;
	
	
}
div.cuadrohome p {
	padding: 25px 25px 0px 25px;
	width: 495px;

	
}







div#titApartado {
	background-image: url(../imagenes/bg_titulo_apartado.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 27px;
	width: 754px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #fff;
	
}
div#titApartado  h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
}
/*div#titApartado img{
	top: -15px;
	height: 20px;
	float: right;
	margin: 0px;
	padding: 0px;
	position: relative;
}*/
/***** Contenido de la derecha *****/
div.derecha {
	padding-left: 10px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	float: left;
	width: 500px;
	background-color: #fff;
	float:right;
	
}
div.derecha #titulo {
	width: 480px;
	margin: 0px 0px 0px 0px;

}
div.derecha #cabecera {
	width: 490px;
	margin: 0px;

}
div.derecha h1 {
	font-size: 16px;
	background-color: #D4EF00;
	height: 25px;
	display: block;
	margin: 14px 0px 0px 0px;
	font-weight: bold;
	padding: 5px 20px 0px 0px;
	text-align: right;
	position: relative;
	left: 0px;
	top: 0px;
}
div.derecha #cartel{
	margin: 14px 4px 0px 0px;
	height: 415px;
	width: 243px;
	padding: 0px;
	float: left;
}
div.derecha #textoEstatico{
	width: 474px;
	
	float:left;
	margin: 14px 0px 0px 5px;


	
}
div.derecha #textoEstaticoVacio{
	width: 480px;
	float:left;
	margin: 14px 0px 0px 5px;
	vertical-align:middle;
	padding: 100px 0px 180px 0px;


	
}
div.derecha #textoEstatico  h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding: 3px 10px 0px 0px;
	margin: 0px 0px 10px 0px;
	left: -10px;
	
}
div.derecha #textoEstatico  p{
	font-size:11px;
	padding-right: 10px;
	
	
	
}
div.derecha #textoEstatico h3 
{
	font-size:11px;
	color: #666666;
	padding-bottom: 10px;	
}
div.derecha #pie{
	background-color: #e6e6e6;
	background-image: url(../imagenes/logo_eurekate.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 53px;
	width: 490px;
	float: left;
	margin-top: 5px;

}
div.derecha #piev{
	background-color: #CBDE85;
	background-image: url(../imagenes/logo_eurekate_v.gif);
		background-repeat: no-repeat;
	background-position: right center;
	height: 43px;
	width: 490px;
	float: left;
	margin-top: 5px;
}
div.derecha #pie img, div.derecha #piev img {
	top: 13px;
	left: 210px;
	position: relative;
}
div.derecha div#botonVerde {
	background-color: #98BF0C;
	height: auto;
	border-right: 10px #fff solid;
	padding: 10px 12px 10px 12px;

}
div.derecha div.media {

	margin: 11px 10px 7px 0px;
	width: 240px;
	float:left;
	padding: 0px;
}
div.derecha div.galeriafoto {
	margin: 11px 0px 7px 0px;
	padding: 0px;
	width: 240px;
	float: left;
	padding: 0px;
}

div.galeriafoto div#navegar{
	background-color: #4C4C4C;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 33px;
	font-size: 7px;
	text-align: center;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	font-weight: normal;
}
div.galeriafoto div#navegar h1{
	top: 0px;
	margin: 0px;
	background-color: inherit;
	height: auto;
	font-size: 12px;
	text-align: center;
	border: #989898 solid 2px;
	text-align: center;
	float: left;
	color:inherit;
	width: 175px;
	font-weight: normal;
	padding: 0px;
}
div.galeriafoto div#navegar h2{
	margin: 0px;
	height: auto;
	text-align: center;
	border: #989898 solid 2px;
	width:175px;
	float: left;
	font-weight: normal;
	font-size: 9px;
	padding: 0px;
}
div.derecha div.botones{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
}
div.derecha div.disponible {
	background-image: url(../imagenes/bg_gris_degradado.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 500px;
	width: 490px;
}

div.informacion{
	position:absolute;
	display:none;
	width: 204px;
	height:114px;
	padding:10px;
	font-size:12px;
	background-color: #D4EF00;
	

}

.contenidopopup{
	width: 200px;
	height:110px;
	background-color:#FFFFFF;
	border:thin solid #000000;
	padding:10px;
	


}
/****** MODULO LISTADO***/
div.derecha .listado{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: block;
	font-weight: bold;
	width: 480px;
	margin-top: 14px;
	margin-bottom: 5px;
	z-index: 1000;
	float:left;
	background-image: url(../imagenes/bg_gris_degradado.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
}
div.derecha .listado h1 {
	font-size: 16px;
	background-color: #D4EF00;
	height: 25px;
	display: block;
	margin: 0px;
	font-weight: bold;
	padding: 5px 20px 0px 0px;
	text-align: right;
	position: relative;
	left: 0px;
	top: 0px;
}
.listado .descripcion{
	font-size: 10px;
	top: 30px;
	font-weight: normal;
	padding: 5px 10px 10px 140px;
	\ padding-left: 20px;	 /* Hack IE6-IE7*/
	/*height: 150px;*/
	height: 190px;

	
}

.listado .descripcion p {
	margin: 10px 0px 10px 0px;
	

}
.listado .descripcion h3 {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
}

.listado .foto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	/*background-color: #FFFFFF;*/
	height: 125px;
	width: 125px;
	/*border: 1px solid #CCCCCC;*/
	z-index: 1000;
	display: block;
	float: left;
	position: relative;
	text-align: center;
	left: 5px;
	top: -25px;
	margin:5px 0px 0px 0px;
}

.listado .fotohistoria{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	/*background-color: #FFFFFF;*/
	height: 125px;
	width: 125px;
	/*border: 1px solid #CCCCCC;*/
	z-index: 1000;
	display: block;
	float: left;
	position: relative;
	text-align: center;
	left: 5px;

	margin:5px 0px 0px 0px;
}

img.fototh{
	border: 1px solid #CCCCCC;
}
div.derecha .enviado{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display: block;
	font-weight: bold;
	width: 480px;
	height: 320px;
	margin-top: 14px;
	margin-bottom: 5px;
	z-index: 1000;
	float:left;
	background-image: url(../imagenes/bg_gris_degradado.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	text-align: center;

}
/***********FIN MODULO LISTADO*******/


/*************** parte izquierda *****************/
div.izquierda {
	background-color: #6EAE1C;
	background-repeat: no-repeat;
	background-position: left bottom;

	padding: 0px;
	text-align: center;
	
	width: 254px;
	
	float: left;
	overflow:inherit;
	
	
}


div.izquierda #foto {
	border-top: 1px solid #fff;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
	margin: 0px;
	padding: 0px;


}
div.izquierda #fotosin{
	margin: 0px 0px 0px 72px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	width: 110px;

	


}
div.izquierda #titulo {
	top: -14px;
	
}
div.izquierda #boton {
	padding: 0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
}
div.izquierda #cartel {
    border-top: 14px solid #fff;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	padding-bottom: 5px;
	padding: 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.izqCartel {
	padding-right: 0px;
	padding-left: 0px;
	background-color: #98BF0C;
}





img.fototh{
	border: 1px solid #CCCCCC;
}
/********* contenido elenco*********/

div.elenco{
	background-image: url(../imagenes/bg_elenco_orilla.gif);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: auto;
	margin: 10px 0px 0px 0px;

}
div.elenco h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #D4F000;
	font-size: 10px;
	position: relative;
	top: 0px;
	text-align: center;
	top: 10px;
}
div.elenco #cortina{

	background-image: url(../imagenes/cortina.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 500px;
	top: 0px;
	position: relative;
	padding:0px;

}
div.elenco #fotos {
	left: 151px;
	margin-top: -398px;
	width: 480px;
	position: relative;
	overflow:auto;
}

#fotos div.actor {

	width: 110px;
	margin: 0px 0px 26px 8px;
	padding:0px;
	float: left;
	cursor: pointer;
}

#fotos div.actorizq {
	margin: 0px 0px 26px 34px;

	width: 110px;
	padding: 0px 0px 0px 30px;

	float: left;
	cursor: pointer;
	\ padding: 0px 0px 0px 10px; /* Hack IE6 */
}

div.elenco div.actor p, div.elenco div.actorizq p {
	font-family: Arial, Helvetica, sans-serif;
	color: #D4F000;
	font-size: 10px;
	position: relative;
	top: 0px;
	text-align: center;
}
div.elenco #pie{
	background-image: url(../imagenes/bg_elenco_pie.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	
	
}


/********* fin elenco*********/
.fotoIzq {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;

}
.galfoto{
	font-size:medium;
	color:#FFFFFF;
	padding: 4px;

}
div.netberry{
	margin: 0 auto;
	width: 79px;
}

.fotogrande{
	padding: 130px 115px;
}

/******** Obras *******/
#proximas {
	width:100%;
	color:#FFF;
	height:20px;
}