/* Hoja de estilos para sitio www.cuatroydiez.cl
Autor: Diego Diaz - www.diegodiaz.org
Fecha ultima actualizacion: 25/04/2007
*/

body {
	margin:0;
	padding:0;
	height:100%;
	background:#3D0005 url(http://cuatroydiez.cl/img/fondo_principal7.jpg) repeat-y 50% 0;
	background-attachment:fixed;
	text-align:center;
	min-width:764px;
	font-family: Tahoma, "lucida grande", "lucida sans unicode", lucida, verdana, geneva, sans-serif;
	font-size:11px;
}
html {
	height:100%;
}
a,link,visited {
	color:#CCCC00;
	text-decoration:none;
	}
a:hover {
	color:#FFFFCC;
	text-decoration:underline;
	}
img { border:none; !important }
label { display:block; cursor:pointer; font-size:10px; color:#EEE; }
* html #contenedor {
	height:100%;
}
/* Limpia automaticamente floats */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
#contenedor {
	width:764px;
	min-height:100%;
	margin:0 auto;
	}
#cabecera {
		margin:0 0 0 59px;
		width:764px;
		height:153px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src="http://cuatroydiez.cl/img/cab.png"); /* Hack PNG transparente en IE */
		background: transparent none;
		border:none; !important
	}

*>div#cabecera {
	margin:0 0 0 29px;
	width:764px;
	height:153px;
	background:url(http://cuatroydiez.cl/img/cab.png) no-repeat;
	}

#menu {
	float:left;
	margin:0 0 0 29px;
	padding:0;
	width:100%;
	height:65px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="http://cuatroydiez.cl/img/fondo_menu.png"); /* Hack PNG transparente en IE */
	background: transparent none;
	border:none; !important
	}
*>div#menu {
	float:left;
	margin:0 0 0 29px;
	padding:0;
	width:100%;
	height:65px;
	background:url(http://cuatroydiez.cl/img/fondo_menu.png) no-repeat;
	}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#menu li { 
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	}
#menu ul li a { 
	position:relative; 
	display:block; 
	text-indent: -9000px; 
	text-decoration:none;
	border:0px;
	}

#menu #portada a { 
	background: url(http://cuatroydiez.cl/img/bt/bt_portada.jpg) no-repeat;
	width:78px;
	height:43px; 
	border:0px;
	}
/*#menu #acerca a { 
	background: url(http://cuatroydiez.cl/img/botones/bt_acerca.jpg) no-repeat;
	width:81px;
	height:43px;
	border:0px;  
	}*/
#menu #carta a { 
	background: url(http://cuatroydiez.cl/img/bt/bt_carta.jpg) no-repeat;
	width:81px;
	height:43px; 
	border:0px;  
	}
#menu #musicos a { 
	background: url(http://cuatroydiez.cl/img/bt/bt_musicos.jpg) no-repeat;
	width:76px;
	height:43px; 
	border:0px;  
	}
#menu #galeria a { 
	background: url(http://cuatroydiez.cl/img/bt/bt_galeria.jpg) no-repeat;
	width:72px;
	height:43px; 
	border:0px;  
	}
#menu #reservas a { 
	background: url(http://cuatroydiez.cl/img/bt/bt_reservas.jpg) no-repeat;
	width:79px;
	height:43px;
	border:0px;  
	}
/* a:hover */
#menu #portada a:hover,#menu #carta a:hover,#menu #musicos a:hover,#menu #galeria a:hover,#menu #reservas a:hover {
	background-position:0 -43px;
	}
/*#menu #acerca a:hover {
	background: url(http://cuatroydiez.cl/img/botones/bt_acerca_o.jpg) no-repeat;
	width:81px;
	height:43px;
	border:0px; 
	}
#menu #carta a:hover {
	background: url(http://cuatroydiez.cl/img/botones/bt_carta_o.jpg) no-repeat;
	width:81px;
	height:43px;
	border:0px; 
	}
#menu #musicos a:hover {
	background: url(http://cuatroydiez.cl/img/botones/bt_musicos_o.jpg) no-repeat;
	width:76px;
	height:43px;
	border:0px; 
	}
#menu #galeria a:hover {
	background: url(http://cuatroydiez.cl/img/botones/bt_galeria_o.jpg) no-repeat;
	width:72px;
	height:43px;
	border:0px; 
	}
#menu #reservas a:hover {
	background: url(http://cuatroydiez.cl/img/botones/bt_reservas_o.jpg) no-repeat;
	width:79px;
	height:43px;
	border:0px; 
	}*/
/* Enlaces activos */
/*#menu #portada .activo {
	background: url(http://cuatroydiez.cl/img/botones/bt_portada_o.jpg) no-repeat;
	width:78px;
	height:43px;
	border:0px; 
	}
/*#menu #acerca .activo {
	background: url(http://cuatroydiez.cl/img/botones/bt_acerca_o.jpg) no-repeat;
	width:73px;
	height:43px;
	border:0px; 
	}*/
/*#menu #carta .activo {
	background: url(http://cuatroydiez.cl/img/botones/bt_carta_o.jpg) no-repeat;
	width:81px;
	height:43px;
	border:0px; 
	}
#menu #musicos .activo {
	background: url(http://cuatroydiez.cl/img/botones/bt_musicos_o.jpg) no-repeat;
	width:76px;
	height:43px;
	border:0px; 
	}
#menu #galeria .activo {
	background: url(http://cuatroydiez.cl/img/botones/bt_galeria_o.jpg) no-repeat;
	width:72px;
	height:43px;
	border:0px; 
	}
#menu #reservas .activo {
	background: url(http://cuatroydiez.cl/img/botones/bt_reservas_o.jpg) no-repeat;
	width:79px;
	height:43px;
	border:0px; 
	}*/
			
#menu a,link,visited { text-decoration:none; color:#FFF; cursor:pointer; }
#menu a:hover { text-decoration:underline; color:#FFF; cursor:pointer; }

#lado_izquierdo {
	text-align:left;
	float:left;
	width:461px;
	margin:-20px 0 0 29px;
	padding:5px;
	line-height:20px;
}
*>div#lado_izquierdo {
	text-align:left;
	float:left;
	width:461px;
	margin:-15px 10px 0 29px;
	padding:0 10px 0 0;
}

/* Pagina musicos */
#lado_izquierdo #foto_musico { width:180px; float:left; margin:0 10px 0 10px;}
#lado_izquierdo #foto_musico img { border:none; }
#lado_izquierdo #info_musico { width:250px; float:right; font-weight:normal; }
#lado_izquierdo #separador { background:url(http://cuatroydiez.cl/img/hr_grande.jpg) no-repeat; display:block; clear:both; margin:10px 0 0 0; }
#lado_izquierdo h2 { font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; margin:0; }

#lado_izquierdo_b {
	text-align:left;
	float:left;
	width:98%;
	margin:-20px 0 0 15px;
	padding:5px;
	line-height:20px;
}
*>div#lado_izquierdo_b {
	text-align:left;
	float:left;
	width:98%;
	margin:-15px 10px 0 5px;
	padding:0 10px 0 0;
}

#lado_izquierdo_galeria {
	text-align:center;
	margin:0 auto;	
	padding:0 0 0 20px;
}
*>div#lado_izquierdo_galeria {
	text-align:center;
	margin:60px 0 0 0;	
	padding:0px;
}


	#lado_izquierdo h1#t_bienvenidos { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 10px; 
		width:209px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_bienvenidos.jpg);
		background-repeat:no-repeat;
		}
	#lado_izquierdo h1#t_acerca { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 0; 
		width:209px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_acerca.jpg);
		background-repeat:no-repeat;
		}
	#lado_izquierdo_b h1#t_carta { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 39px; 
		width:247px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_carta.jpg);
		background-repeat:no-repeat;
		}
	#lado_izquierdo h1#t_musicos { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 10px;
		width:209px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_musicos.jpg);
		background-repeat:no-repeat;
		}			
	#lado_izquierdo h1#t_contacto { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 10px; 
		width:209px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_contacto_reservas.jpg);
		background-repeat:no-repeat;
		}
	#lado_izquierdo h1#t_libro { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 10px; 
		width:209px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_libro.jpg);
		background-repeat:no-repeat;
		}
	#lado_izquierdo h1#t_mensajes { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 10px; 
		width:209px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_mensajes.jpg);
		background-repeat:no-repeat;
		}		
	#lado_izquierdo h1#t_listacorreo_b { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 10px; 
		width:209px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_listacorreo_b.jpg);
		background-repeat:no-repeat;
		}	
	#lado_izquierdo h1#t_fotos { 
		display:block; 
		text-indent: -9000px;
		margin:0 auto; 
		width:209px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_galeria.jpg);
		background-repeat:no-repeat;
		}
	*>div#lado_izquierdo_galeria h1#t_fotos { 
		display:block; 
		text-indent: -9000px;
		margin:0 auto; 
		width:209px; 
		height:30px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_galeria.jpg);
		background-repeat:no-repeat;
		}			
	#lado_izquierdo p {
		color:#ccc;
		text-align:justify;
		margin:0px;
		padding:10px 0 0 10px;
		font-family: Tahoma, "Times New Roman", Times, serif;
		font-size:12px;
		}
	#lado_izquierdo_b #para_comer_foto {
		float:left;
		width:200px;
		height:180px;
		margin:0 0 0 29px;
		}
	#lado_izquierdo_b #para_comer_info {
		float:left;
		width:420px;
		margin:0;
		height:300px;
		overflow:auto;
		}
	#lado_izquierdo_b em {
		margin:-5px 0 0 39px;
		display:block;
		color:#FFF;
		}
*>div#lado_derecho {
	color:#FFF;
	float:right;
	text-align:left;
	font-family:Tahoma, "Times New Roman", Times, serif;
	width:219px;
	margin:-20px 30px 0 0;
	}
#lado_derecho {
	color:#FFF;
	float:right;
	text-align:left;
	font-family:Tahoma, "Times New Roman", Times, serif;
	width:215px;
	margin:-25px 0 0 0;
	}	
	#lado_derecho h1#t_programacion { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 0; 
		width:161px; 
		height:26px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_programacion.jpg);
		background-repeat:no-repeat;
		}
	#lado_derecho h1#t_comollegar { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 0 0; 
		width:161px; 
		height:26px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_comollegar.jpg);
		background-repeat:no-repeat;
		}
	#lado_derecho h1#t_wurlitzer { 
		display:block; 
		text-indent: -9000px;
		margin:0; 
		width:161px; 
		height:26px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_wurlitzer.jpg);
		background-repeat:no-repeat;
		}	
	#lado_derecho h1#t_listacorreo { 
		display:block; 
		text-indent: -9000px;
		margin:10px 0 -10px 0; 
		width:161px; 
		height:26px; 
		text-decoration:none;
		background-image:url(http://cuatroydiez.cl/img/tit_listacorreo.jpg);
		background-repeat:no-repeat;
		}		
	#lado_derecho #programacion {
		background:url(http://cuatroydiez.cl/img/fondo_programacion.jpg) no-repeat;
		width:213px;
		height:264px;
		padding:30px 0 0 0;
		margin:0px;		
	}
	*>div#lado_derecho #listacorreo{
		width:213px;
		padding:0px 0 10px 0;
		margin:0px;
	}
	#lado_derecho #listacorreo{
		width:213px;
		padding:0px 0 10px 0;
		margin:-20px 0 0 0;
	}
	
	#lado_derecho p {
		margin:0px;
		padding:5px;
		}
	#lado_derecho dt{
		color:#000;
		font-size:11px;
		font-weight:normal;
		padding:0 0 0 30px;
	}
	#lado_derecho dd{
		color:#990000;
		font-size:12px;
		font-weight:normal;
		margin:0 0 5px 0;
		padding:0 0 0 30px;
		}
	#lado_derecho dd a:visited{
		color:#FFF;
		text-decoration:none;
		}
	#lado_derecho dd a:link{
		color:#FFF;
		text-decoration:none;
		}
	#lado_derecho dd a:hover{
		color:#FFF;
		text-decoration:underline;
		}
	#lado_derecho_footer {
		position:relative;
		height:152px;
		min-height:152px;
		background:url(http://cuatroydiez.cl/img/fondo_lado_derecho.jpg) right bottom no-repeat #000000;
		}
	*>div#lado_derecho_footer {
		min-height:152px;
		margin:0 0 0 5px;
		background:url(http://cuatroydiez.cl/img/fondo_lado_derecho.jpg) right bottom no-repeat #000000;
		}	
	

/* Pie de pagina */
#pie {
	clear:both;
	background:url(http://cuatroydiez.cl/img/fondo_pie.jpg) right bottom no-repeat;
	color:#FFF;
	height: 59px;
	padding:5px;
	margin:10px 31px 0 0 !important;
	*margin:10px 31px 0 0 !important;
	*margin:10px 0 0 29px;
}

#pie p {
		padding:10px 0 0 0;
		text-align:left;
		margin:0 0 0 40px;
		color:#FFF;
		font-family:Arial, Georgia, "Times New Roman", Times, serif;
	}
#pie .pie-left {	
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
	  
}

#pie .pie-right {
	font-family:Arial, Helvetica, sans-serif; 
	float: right;
	padding:30px 10px 5px 0; 
}


*>div #pie .pie-right a {
	text-indent: -9000px;
	width: 48px;
	height: 11px;
	margin:-11px 5px 0 0;
	background: url(http://cuatroydiez.cl/img/logo_crono.gif) no-repeat;
	border:0px;
}
*>div #pie .pie-right a:hover {
	text-indent: -9000px;
	width: 48px;
	height: 11px;
	margin:-11px 5px 0 0;
	background: url(http://cuatroydiez.cl/img/logo_crono_over.gif) no-repeat;
	border:0px;
}

#pie .pie-right a {
	float:right;
	text-indent: -9000px;
	width: 48px;
	height: 11px;
	margin:5px 5px 0 0;
	background: url(http://cuatroydiez.cl/img/logo_crono.gif) 0 0 no-repeat;
	border:0px;
}
#pie .pie-right a:hover	{
	float:right;
	text-indent: -9000px;
	width: 48px;
	height: 11px;
	margin:5px 5px 0 0;
	background: url(http://cuatroydiez.cl/img/logo_crono_over.gif) 0 0 no-repeat;
	border:0px;
}
/* CSS para formulario de contacto */

form {
  background-color:#000;
  margin:.75em 0 1.5em;
  padding:5px 10px 8px;
  }
form table {
  color:#9B895E;
  }
form > table {
  width:473px;
  }
form th {
  white-space:nowrap;
  }
input, textarea, select {
  margin:1px 0;
  }

input.lista {
  border:1px solid #895C11;
  border-top:none;
  background:url(http://cuatroydiez.cl/img/bg_input.jpg);
  width:190px;
  height:20px;
  color:#ECDE90;
  font-size:11px;
  font-family:"Arial", Courier, monospace;
  }
input.text {
  font-family:"Arial", Courier, monospace;
  background:#9B895E;
  border:1px solid #996600;
  color:#FFF;
  }
select {
  border:1px solid #ccc;
  }
form p {
  font-size:85%;
  line-height:1.6em;
  }
form td p {
  font-size:100%;
  }
form table td {
  width:100%;
  }
form table td, form table th {
  padding:5px 10px 5px 0;
  font-weight:normal;
  font-size:85%;
  }
form label {
  cursor:pointer;
  }
  
form label:hover {
  color:#9B895E;
  }

form input, form textarea, form select {
  margin:1px 0;
  }

form textarea {
  background:#000;
  display:block;
  clear:left;
  width:97%;
  border:1px solid #333;
  color:#FFF;
  }

form input.boton_lista {
  letter-spacing:-1em;
  border:none;
  background:url(http://cuatroydiez.cl/img/bt_inscribirse.jpg) no-repeat;
  width:70px;
  height:25px;
  color:#FFF;
  font-size:1px;
  margin:5px 0 0 60px;
  cursor:pointer;
  }
form input.boton_lista:hover {
  letter-spacing:-1em;
  border:none;
  background:url(http://cuatroydiez.cl/img/bt_inscribirse_over.jpg) no-repeat;
  width:70px;
  height:25px;
  color:#FFF;
  font-size:1px;
  cursor:pointer;
  }
form input.boton_lista:active {
  letter-spacing:-1em;
  border:none;
  background:url(http://cuatroydiez.cl/img/bt_inscribirse.jpg) no-repeat;
  width:70px;
  height:25px;
  color:#FFF;
  font-size:1px;
  cursor:pointer;
  }

form input.boton_enviar {
  letter-spacing:-1em;
  border:none;
  background:url(http://cuatroydiez.cl/img/bt_enviar.jpg) no-repeat;
  width:70px;
  height:25px;
  color:#FFF;
  font-size:1px;
  cursor:pointer;  
}
form input.boton_enviar:hover {
  letter-spacing:-1em;
  border:none;
  background:url(http://cuatroydiez.cl/img/bt_enviar_over.jpg) no-repeat;
  width:70px;
  height:25px;
  color:#FFF;
  font-size:1px; 
  cursor:pointer; 
 }
form input.boton_enviar:active {
  letter-spacing:-1em;
  border:none;
  background:url(http://cuatroydiez.cl/img/bt_enviar.jpg) no-repeat;
  width:70px;
  height:25px;
  color:#FFF;
  font-size:1px;
  cursor:pointer;
  }
  
 form input.boton_firmar {
  letter-spacing:-1em;
  border:none;
  background:url(http://cuatroydiez.cl/img/bt_firmar.jpg) no-repeat;
  width:70px;
  height:25px;
  color:#FFF;
  font-size:1px;
  cursor:pointer;  
}
form input.boton_firmar:hover {
  letter-spacing:-1em;
  border:none;
  background:url(http://cuatroydiez.cl/img/bt_firmar_over.jpg) no-repeat;
  width:70px;
  height:25px;
  color:#FFF;
  font-size:1px; 
  cursor:pointer; 
 }
form input.boton_firmar:active {
  letter-spacing:-1em;
  border:none;
  background:url(http://cuatroydiez.cl/img/bt_firmar.jpg) no-repeat;
  width:70px;
  height:25px;
  color:#FFF;
  font-size:1px;
  cursor:pointer;
  } 
  
  

/* ------------------------------------
Tabla carta Cuatro & Diez
--------------------------------------- */
#carta {
	width:400px;
	border:none;
	padding:10px 0 0 0;
	margin:0 auto;
	}
#carta sup {
	color:#9F0;
	}
#carta td {
	font-size:11px;
	vertical-align:top;
	padding:2px;
	color:#CCC;
	background-color:#000;
}

#carta tr.uno td {
	border-right:1px solid #000;
	border-bottom:1px solid #333
	}
#carta tr.uno_top td {
	background:url(http://cuatroydiez.cl/img/bg_tabla_carta.jpg) repeat-x;
	height:35px;
	border-right:1px solid #000;
	color:#FFF;
	font-weight:bold;
	}
#carta td.uno_fix {
	border-left:1px solid #000;
	}
 /* Fotografías  */

.thumbs {
position:relative;
margin:0 auto;
width:100%; 
text-align: center;
}
.thumbs a {
text-decoration: none;
}
.thumbs img {
vertical-align: middle; 
border: 1px solid #999; 
margin: 4px 2px;
}
.thumbs img:hover {	
border-color: #FFF;	
border-width: 2px; 
margin: 3px 1px;
}


.hr_chico {
	margin: 0 0 0 15px;
	padding: 0;
	background: url("http://cuatroydiez.cl/img/bg_hr.gif") no-repeat 0 50%;
	height: 25px;
}

/* Libro de visitas */
#libro {
	position:relative;
	background-color:#000;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	}
#libro #top_libro {
	background:url(../img/top_libro.jpg) left top no-repeat;
	width:438px;
	height:55px;
	margin-bottom:1px;
	}
#libro #contenido_libro .a {
	background-color:#B9AB88;
	color:#330000;
	width:349px;
	min-height:96px;
	margin-bottom:1px;
	margin-left:24px;
	padding:20px;
	}
#libro #contenido_libro .b {
	background-color:#A29060;
	color:#330000;
	width:349px;
	min-height:96px;
	margin-bottom:1px;
	margin-left:24px;
	padding:20px;
	}	
#libro #bottom_libro {
	background:url(../img/bottom_libro.jpg) left top no-repeat;
	width:438px;
	height:55px;
	}