@charset "utf-8";
body  {
	font: 12px Arial, Helvetica, sans-serif;
	background: #0d1821;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;
	background-position:top center;
	background-image:url(../_img/background_body.jpg);
	background-repeat:no-repeat;
}
.twoColFixRtHdr #container { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header {
	height:127px;
	padding: 0;
	background-repeat:no-repeat;
} 
.twoColFixRtHdr #header i{
	display:none;
}
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 262px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
	height:20px;
	margin-right:30px;
	margin-top:30px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 278px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixRtHdr #footer {
background-image:url("../_img/bakcfooter.gif");
background-position:center bottom;
background-repeat:no-repeat;
color:#666666;
height:228px;
margin-top:50px;
padding-left:30px;
padding-right:30px;
padding-top:80px;
position:relative;
text-align:center;
}
.twoColFixRtHdr #footer img{
	margin-top:52px;
}
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
a{
	color:#90B8D1;
	text-decoration:none;
}
a:hover{
	color:#FFF;
	text-decoration:underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*/MENU/*/
#menu
{
	height: 36px;
	color:#fff;
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
}
#menu li {display:inline;}
#menu li a i{
	display:none;
}
#menu li a
{
	display:block;
	height:33px;
	color:#000;
	text-decoration:none;
	float:left;
	background-repeat:no-repeat;
}
#menu li a:hover
{
	color:#fff;
	background-position: left -38px;
}
.op1{ 
	background-image:url(../_img/op1.gif);
	width:86px;
}
.op2{ 
	background-image:url(../_img/op2.gif);
	width:88px;
}
.op3{ 
	background-image:url(../_img/op3.gif);
	width:113px;
}
.op4{ 
	background-image:url(../_img/op4.gif);
	width:206px;
}
.op5{ 
	background-image:url(../_img/op5.gif);
	width:161px;
}
#menu li.activo a
{
	background-position: left bottom !important;
}
/*VISUAL*/
#visual{
	height:258px;
	margin:29px 30px 0 30px;
	position:relative;
}
#cartelprecio{
	height:259px;
	margin-left:467px;
	position:absolute;
	top:0px;
	width:273px;
	z-index:2;
}
#cartelprecio .cartel{
	margin-bottom:5px;
}
/*NOTICIAS*/
.noticias li{
	border-top:5px solid #90b8d1;
	margin-bottom:30px;
}
.noticias h2{
	text-transform: uppercase;
	letter-spacing:1px;
	font-size:20px;
	color:#90b8d1;
	padding-top:5px;
	padding-bottom:5px;
}
.noticias p, #mainContent p{
	margin-bottom:10px;
	line-height:18px;
}
.listado_noticia li{
	border-top:none;
	margin-top:0px;
	}
/*CAJA VENTA ARRIBA*/
.venta{
	height:60px;
	width:140px;
	margin-right:10px;
	margin-top:10px;
	background-image:url(../_img/back_venta.gif);
	background-repeat:no-repeat;
	padding-top:20px;
	text-align:center;
	position:absolute;
	margin-left:650px;
	padding-left:2px;
	z-index:4;
}
.venta img{
	margin-bottom:3px;
}
/*MENU DE ARRIBA*/
.menutop{
	float:right;
	margin-top:127px;
	padding-right:0px;
	background-image:url(../_img/backtopmenu.gif);
	width:291px;
	height:27px;
	padding-left: 30px;
	padding-top: 7px;
}
.menutop a{
	color:#666;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:1px;
}
.menutop a:hover{
	color:#8EB6D1;
	text-decoration:none;
}
.menutop li{
	display:inline;
	margin-left:5px;
	padding-right:8px;
	background-image:url(../_img/sep_menutop.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
.menutop li.ultimo{
	display:inline;
	margin-left:5px;
	padding-right:0;
	background-image:none;
}
.gohome{
background-image:url("../_img/cabecera.gif");
display:block;
height:125px;
margin-left:160px;
margin-top:-1px;
position:absolute;
width:624px;
}
.amstel_cabecera{
	display:block;
	height:102px;
	position:absolute;
	width:210px;
	margin-left:440px;
}
/*GRUPOS*/
.grupos li{
	background-color:#000;
	margin-bottom:10px;
	background-position:100px 210px;
}
.grupos a{
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:3px;
	text-decoration:none;
	display:table;
	color: #90B8D1;
	padding:5px;
	background-color:#000;
	position:relative;
}
.grupos a:hover{
	width:453px;
	color:#FFF;
}
.fotogrupo{
	margin-bottom:20px;
}
.g01{
	background-image:url(../_img/grupos/grupos_0000_sparkpet.jpg);
	background-position:left -50px;
}
.g02{
	background-image:url(../_img/grupos/grupos_0001_we-are-standard.jpg);
	background-position:118px 176px !important;
}
.g03{
	background-image:url(../_img/grupos/grupo03.jpg);
	background-position:left -50px;
}
.g04{
	background-image:url(../_img/grupos/grupos_0008_belle-and-sebastian.jpg);
	background-position:136px 200px !important;
}
.g05{
	background-image:url(../_img/grupos/grupos_0006_vive-la-fete.jpg);
	background-position:99px 168px !important;
}
.g06{
	background-image:url(../_img/grupos/grupos_0004_delorean.jpg);
	background-position:40px 161px !important;
}
.g07{
	background-image:url(../_img/grupos/grupos_0010_the-wave-pictures.jpg);
	background-position:left -50px;
}
.g08{
	background-image:url(../_img/grupos/grupos_0008_plastic-adict.jpg);
	background-position:left -50px;
}
.g09{
	background-image:url(../_img/grupos/grupo09.jpg);
	background-position:left -50px;
}
.g10{
	background-image:url(../_img/grupos/grupos_0007_the-dandy-warhols.jpg);
	background-position:121px 216px !important;
}
.g11{
	background-image:url(../_img/grupos/grupos_0005_dorian.jpg);
	background-position:131px 132px !important;
}
.g12{
	background-image:url(../_img/grupos/grupos_0003_sidonie.jpg);
	background-position:111px 121px !important;
}
.g13{
	background-image:url(../_img/grupos/grupos_0002_la-habitacion-roja.jpg);
	background-position:168px 178px !important;
}
.g14{
	background-image:url(../_img/grupos/grupo14.jpg);
	background-position:left -50px;
}
.g15{
	background-image:url(../_img/grupos/grupos_0015_dj-patrullero.jpg);
	background-position:left -50px;
}
.g16{
	background-image:url(../_img/grupos/grupos_0016_delafe-las-flores-azules.jpg);
	background-position:left -50px;
}
.g17{
	background-image:url(../_img/grupos/grupos_0017_mystique-dj.jpg);
	background-position:left -50px;
}
.g18{
	background-image:url(../_img/grupos/grupos_0018_white-lies.jpg);
	background-position:left -50px;
}
#mainContent h3{
	color:#999;
	font-size:16px;
	border-bottom:1px dotted #999;
	padding-bottom:3px;
	margin-bottom:6px;
}
.todosgrupos{
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	display:block;
	color: #90B8D1;
	text-align:right;
	padding:10px;
	background-color:#000;
}
.todosgrupos a{
	color:#FFF;
}
.fecha22 ul, .fecha24 ul, .fecha25 ul{
	margin:0 !important;
}
.fecha22 li, .fecha24 li, .fecha25 li{
	font-size:14px;
	color: #90B8D1;
	height:46px;
	border-bottom:1px dotted #999;
	line-height:46px;
	width:100px;
}
.fecha22{
	background-image:url(../_img/22.gif);
	background-repeat:no-repeat;
	background-position:top right;
	display:block;
	height:134px;
	margin-bottom:10px;
}
.fecha24{
	background-image:url(../_img/24.gif);
	background-repeat:no-repeat;
	background-position:top right;
	display:block;
	height:284px;
	margin-bottom:10px;
}
.fecha25{
	background-image:url(../_img/25.gif);
	background-position:top right;
	background-repeat:no-repeat;
	display:block;
	height:280px;
	margin-bottom:10px;
}
/*COSAS DEL SIDEBAR*/
#sidebar1 h2{
	color:#999;
	font-size:20px;
	letter-spacing:2px;
	border-bottom:1px dotted #999;
	padding-bottom:3px;
	margin-bottom:6px;
	text-transform:uppercase;
}
#sidebar1 h3{
	color:#999;
	font-size:16px;
	letter-spacing:1px;
	border-bottom:1px dotted #333;
	padding-bottom:3px;
	margin-bottom:6px;
}
  #sidebar1 span.super{
	font-size:16px;
	display:inline;
	text-align:left;
	border:none;
	color:#FFF;
	margin:0;
	font-weight:bold;
}
#sidebar1 p{
	line-height:22px;
	font-size:14px;
	color:#CCC;
}
#sidebar1 dt{
	color:#999;
	font-size:16px;
	letter-spacing:1px;
	border-bottom:1px dotted #333;
	padding-bottom:3px;
	margin-bottom:6px;
}
#sidebar1 dd{
	color:#CCCCCC;
	padding-right:10px;
}
#sidebar1 dd span{
	color:#999;
	font-size:10px;
	display:block;
	text-align:right;
	margin-bottom:5px;
	border-bottom:1px dotted #333;
}
/*DONDE*/
.donde{
	background-image:url(../_img/magdalena.jpg);
	padding-top:235px;
	padding-bottom:10px;
}
.donde a{
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:3px;
	text-decoration:none;
	display:block;
	color: #90B8D1;
	padding:10px;
	background-color:#000;
	position:relative;
	margin-top:10px;
}
.donde a:hover{
	color:#FFF;
}
/*CONTACTO*/
.contactpage form{
	padding:40px 20px;
	background:#000;
}
.contactpage label{
	width:142px;
	text-align:right;
	padding-right:10px;
	display:inline-block;
	vertical-align:top;
	color:#666;
}
.contactpage p{
	margin-bottom:20px;
}
.contactpage input, .contactpage textarea, .contactpage select{
	width:240px;
	border:1px solid #CCC;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#EDEDED;
}
.contactpage input:focus, .contactpage textarea:focus, .contactpage select:focus{
	border:1px solid #CCC;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #FBD32F;
	background-color: #FFF;
}

.contactpage textarea{
	height:225px;
}
.contactpage span{
	display:block;
	margin-left:112px;
	width:325px;
	color:#C00;
	padding:5px;
	border-bottom:1px solid #C00;
	border-right:1px solid #C00;
	display:none;
}
#message{
	text-align:center;
	padding-bottom:200px;
}
#message h2{
	margin-top:200px;
	font-size:18px;
	color:#090;
	border-bottom:1px solid #CCC;
	margin-bottom:0px;
}
#message p{
	font-size:10px;
	color:#666;
}
.contactpage .acciones{
	text-align:right;
}
.contactpage .acciones button{
	border:1px solid #039;
	background-color: #90B8D1;
	padding:5px 20px;
	margin-right:15px;
	color:#FFF;
}
.contactpage .acciones button:hover{
	color:#333;
	border:1px solid #333;
}
.contactpage h1{
	background:#FFF;
	background-image:url(../_img/backtitcontacto.gif);
}
form label.error{
	color:red;
	display:block;
	float:none;
	margin-left:113px;
	text-align:left;
	width:auto
}
/*PAGE PEEL*/
#pageflip {
	position: absolute;
	right:0;
	z-index:50;
}
#pageflip img {
	width: 80px; height: 84px;
	z-index: 9;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 80px; height: 80px;
	position: absolute;
	right: 0; top: 0;
	background: url(../_img/back_2016.png) no-repeat right top;	
	z-index:8;
}
/*MUSICA EN GRANDE*/
.cartelgrande dd{
	color:#90B8D1 !important;
	font-size:16px;
	font-weight:bold;
}
.bonogrande{
	margin-top:30px;
	background-color:#90b8d1;
	border:2px solid #F00;
	color:#FFF;
	padding:5px;
	text-align:center;
}
.bonogrande dd{
	color:#FFF !important;
	font-size:16px;
	font-weight:bold;
	border-color:#F00 !important;
}
.bonogrande dt{
	color:#FFF !important;
	font-size:16px;
	border-color:#F00 !important;
	border-bottom:1px dotted #333;
}

.ventaentradas{
	background-image:url(../_img/ventradas_mid.gif);
	background-repeat:repeat-y;
	color:#333333;
	padding:10px;
	text-align:center;
	}
.ventaentradas img{
	border:0px;
	margin-bottom:8px;
	}
.ventaentradas ul{
	margin-top:25px;
	}
.ventaentradas ul li{
	background-image:url(../_img/bullet_entradas.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:14px;
	}	
.ventaentradas ul li span{
	color:#666666;
	}
.margen_top_10{
	margin-top:10px;
	}
.margen_top_5{
	margin-top:5px;
	}	
.margen_left_12{
	margin-left:12px;
	}	
.img_peqs{
	margin-top:6px;
	}
.img_peqs img{
	border:solid 1px #FFFFFF;
	margin-right:6px;
	}
/*ENTRADAS*/	
.abonorojo{
	margin-top:30px;
	background-color:#C00;
	border:2px solid #F00;
	color:#FFF;
	padding:10px;
    text-align:left !important;
}
.abonorojo dd{
	color:#FFF !important;
	font-size:13px;
	border-color:#F00 !important;
}
.abonorojo dt{
	color:#FFF !important;
	font-size:16px;
	border-color:#F00 !important;
	border-bottom:1px dotted #333;
	padding-bottom:10px;
	margin-bottom:10px;
}
.abonorojo dd strong{
	font-weight:bold;
	}
.abonoazul{
	margin-top:30px;
	background-color:#90b8d1;
	border:2px solid #00bce4;
	color:#FFF;
	padding:10px;
    text-align:left !important;
}
.abonoazul dd{
	color:#FFF !important;
	font-size:13px;
	border-color:#F00 !important;
}
.abonoazul dt{
	color:#FFF !important;
	font-size:16px;
	border-color:#00bce4 !important;
	border-bottom:1px dotted #00bce4;
	padding-bottom:10px;
	margin-bottom:10px;
}
.abonoazul dd strong{
	font-weight:bold;
	}	
.descargar_pdf{
	background-image:url(../_img/adobe_pdf.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	height:30px;
	}
.acreditacion{
	background-image:url(../_img/acreditacion.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	height:30px;
}	
ul.galeria li{
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	border:1px solid #666;
}
ul.galeria li:hover{
	border:1px solid #90B8D1;
}
.lista{
	list-style:disc;
	list-style-position:inside;
}
.lista li{
	margin-bottom:10px;
	font-size:16px;
}
.facebook{
	margin-left:640px;
	position:absolute;
	top:0;
}
.twitter{
	margin-left:507px;
	position:absolute;
	top:0;
}