@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
	color: black;

	background-position:center top;
	background-color:#d8d8d8;
	background-repeat:no-repeat;
	/*font-family: "Trebuchet MS", monaco, sans-serif;*/
	font-family: Open Sans,Arial,Helvetica;
	
	font-size : 100%;
	font-style : normal;
	margin : 0px;
	padding : 0px;
	text-decoration : none;
	text-align:center;
}
h3, .contentheading {
	color: #EEEEEE ;
	/*font-size: 1.6em;*/
	background-color:#404040;
	/*font-family: "Trebuchet MS", monaco, sans-serif;*/

	font-style: normal;
	margin-bottom: 5px;
	text-align: center;
}
p {
	margin-top: 0;
	/*font-family: "Trebuchet MS", monaco, sans-serif;*/

 	Font-size:  14px;
	font-style : normal;
	line-height : 1;
	text-decoration : none;
	color : #111111;
	
	font-weight : normal;
	margin : 0px;
	padding : 0px;
}
p strong{
/*	color: #C7A136;	*/
}

/*td { 
		margin-top: 0; 
		margin-bottom: 5px; 
		color : #111111;
		font-weight : normal;
		padding : 0;
	}*/
	
	
	/*th {
		margin-bottom: 5px; 
		font-family: "Trebuchet MS", monaco, sans-serif;
		font-size : 100%;
		font-style : normal;
		line-height : 1;
		text-decoration : none;
		color : #111111;
		font-weight : bold;
		margin : 0;
		padding : 0;
	}*/
	
	a:link, a:hover, a:active {
	color : #111;
	text-decoration : none;
	background-color : inherit;
	text-decoration:underline;
	margin : 0px;
	padding : 0px;
}
h5 {
	/*font-family: "Trebuchet MS", monaco, sans-serif;*/
	color: #333;
	font-size:0.9em;
}
h4 {
	padding: 0;
	/*font-family: "Trebuchet MS", monaco, sans-serif;*/
	font-size: 1.4em;
	line-height:normal;
	font-weight: bold;
	vertical-align: top;
	color:#245671;
	text-align: left;
	/* text-indent:30px;*/
		width: 100%;
}
tr, th, td, input {
	padding:0px;
	margin:0px;
	border:none;
}
 input {
	border: none;    
	background-repeat : no-repeat; 
	background-position : center;
  border-spacing: 0px;
  margin-top:-0px;
  margin-left:-0px;
}
/* input:hover {
	border: none;    
	background-repeat : no-repeat; 
	background-position : center;

    background:url(../images/amh.jpg);
}
 input:active {
	 	background:url(../images/b.jpg);
	 
}*/
td{
	height:35px;
	white-space: nowrap;
}
.botonespai {
	border: none;    
	background-repeat : no-repeat; 
	background-position : center;

	width:25px;
    height:30px; 
/*	margin-top:-3px;  */
	background-color:#d8d8d8;
	border: none;   
/*	background:url(../images/minus.jpg);*/
}
.botonminus {
	width:25px;
    height:30px; 
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/minus.jpg);
	background-repeat : no-repeat; 
	background-position : center;
	cursor: pointer;
}

.minusadap {
	width:25px;
    height:30px; 
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/minusadaptat.jpg);
	background-repeat : no-repeat; 
	background-position : center;
	cursor: pointer;
}

.botonminusinhabilitat {
	width:25px;
    height:30px; 
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/minusinhabilitat.bmp);
	background-repeat : no-repeat; 
	background-position : center;
	cursor: pointer;
}

.botonnormal {
	width:25px;
    height:30px; 
/*	margin-top:-3px;  */
	background-color:#d8d8d8;
	background-image: url(../images/am.jpg);
	cursor: pointer;
}

.tumbona {
	width:25px;
    height:61px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/tombonapetita.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
/*	 background-size: 25px 35px;*/
	 cursor: pointer;
}

.tumbonaocupada {
	width:25px;
    height:61px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/tombonaocupatpetita.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
}

.fidelitatplus {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/bmplus.png);
	 background-repeat : no-repeat; 
	 background-position : center;
	 cursor: pointer;
}

.fidelitatplusocupada {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/bmocupatplus.png);
	 background-repeat : no-repeat; 
	 background-position : center;
}

.sofaind {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/sofa.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
	 cursor: pointer;
}

.sofaindividualocupat {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/sofaocupat.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
}

.sofaesq {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/sofaesq.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
	 cursor: pointer;
}

.sofaesquerraocupat {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/sofaesqocupat.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
}
.sofadret {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/sofadret.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
	 cursor: pointer;
}

.sofadretocupat {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/sofadretocupat.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
}

.botonfidelitat {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/bmpetit.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
	 cursor: pointer;
}

.botonnormalocupat {
	width:25px;
    height:30px; 
/*	margin-top:-3px; */
	background-color:#d8d8d8;
	background-image: url(../images/amocupat.jpg);
}

.botonnormalinhabilitat {
	width:25px;
    height:30px; 
/*	margin-top:-3px; */
	background-color:#d8d8d8;
	background-image: url(../images/aminhabilitat.jpg);
}


.botonfidelitatocupat {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/bmocupatpetit.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
}

.botonfidelitatinhabilitat {
	width:25px;
    height:35px;
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/bminhabilitatpetit.jpg);
	 background-repeat : no-repeat; 
	 background-position : center;
}

.botonminusocupat {
	width:25px;
    height:30px; 
	background-color:#d8d8d8;
	border: none;   
	background:url(../images/minusocupat.jpg);
	background-repeat : no-repeat; 
	background-position : center;
	cursor: pointer;
}

.ralla{
	background-image:url(../images/degrade.jpg);
	background-repeat:repeat-x;
	}

.asientos{
	text-align:center;}
.comprar{
		height:40px;
		width:200px;
		background-color:#036;
		color:#FFFFFF;}
		
.loader{
				position:absolute;
		height:220px;
		width:200px;
		background-color:#036;
		color:#ff0000;}
		
.pago{
			text-align:center;}

#contenedor{
	display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
/*	width:700px; */
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;
	
	border: 0;
	padding: 0;
	margin: 0;
}

.tdtop{
/*	vertical-align: top; */
}

.bloc{
/*	display: inline-block;	 Es esencial para que se muestren los bloques en línea */
/*	vertical-align: middle;   */
	vertical-align: top;
	
/*	border: 1px solid #ffffff; */
	padding: 10px;
	margin: 5px;
	
/*	width:90px;
	height:200px;
	background-color:#000000;
	top:350px;
	right:-20px;
	position:absolute;*/
}
#tiposasiento{
	
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: #9E2D35;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
	top: 125%;
	left: 50%;
	margin-left: -50px;

	cursor: pointer;
	
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.5s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #9E2D35 transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
	font-size: 80%;
} 

.separaciobutaques{
	max-width: 600px;
	vertical-align: middle;
}