body{
	text-align:center;
	/*background-color:#C60;*/
}
.pagina{
	width:900px;
	margin: 0 auto;
	border: 4px solid black;
	background-image:url(../imatges/fondo.jpg);
	background-repeat:repeat-y;
}
#principal{
/*border:1px solid #fff;*/
	width:900px;
}
#cuerpo{
	float:left;
	width:75%;
	margin-top:-25px;
/*border:1px solid #000;*/
}
#menu{
	float:right;
	width:24%;
/*border:1px solid #000;*/
}
#pie{
	text-align:center;
	font-size:0.8em;
	clear:both;
	padding-top:2.5em;
	word-spacing:6px;
}
#pie a{
	text-decoration:none;
	color:#000;
}
.limpiar{
	clear:both;
}
.inicio_seccion{
	border-top: 5px solid #000;
	text-align:right;
}
.subtitulo{
	color:#fff;
	background-color:#000;
	padding:0.3em 1em .5em 0.8em;
	text-transform:uppercase;
	font-size:12px;
	margin-left:42em;
	text-align:right;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
}
.negrita_sub{
	font-weight:bold;	
	text-decoration:underline;
}
.negrita{
	font-weight:bold;
}
.normal{
	text-align:justify;
}
.subrayado{
	text-decoration:underline;
}
.imgborder{
	border:3px solid #000;
}
/*************************** Resultados Tabulados ******************************/
table{
	margin-left:3em;
	width:550px;
}
tr{
		background-color:#FFF;
}
th{
	background-color:#03F;
	border:1px solid #000;
	color:#FFF
}
td{
	border:1px solid #000;
	color:#000;
}
.invisible{
	display:none;
}
.visible{
	display:inline;
}
/*************************  Parte Vuelo y Gola ************************************/
.titulo_seccion{
	font-family:Mistral;
	text-transform:capitalize;
	font-size:3em;
}
.titulo_seccion2{
	font-family:Verdana, Geneva, sans-serif;
	text-transform:capitalize;
	font-size:2.5em;
}
.arriba ul{
	list-style:none;
	margin:0;
	padding:0;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
}
.arriba li{
	cursor:pointer;
}
.arriba li a:link, arriba li a:visited{
	text-decoration:none;
	display:block;
}
.arriba a{
	text-decoration:none;
	color:#000;
}
.arriba li a:hover{
	color:#FFF;
}
.sincol1{
	border:2px solid #fff;
	float:left;
	margin:-1em 1em 1em 0.5em;
	/*height:240px;*/
}
.sincol2{
	float:right;
	text-align:left;
	margin-top:5px;
	padding-left:0px;
}
.arriba{
	text-align:right;
	margin:0px 10px;
}
.abajo{
	width:480px;
}
.negrita{
	font-weight:bold;
}
/*************************  Parte Vuelo (Sinopsis) ************************************/
#listrefet{
	text-decoration:underline;
	font-weight:bold;
}
ul.listref{
	text-align:right;
}
ul.listref li{
	list-style:none;
}
.aldch{
	padding-top:2em;
	text-align:right;
}
#alizq{
	text-align:justify;
	padding-right:3em;
}
#aldch{
	padding-top:2em;
	text-align:right;
}
/*************************  Parte Vuelo (Ficha Artistica) ************************************/
.col2{
	float:left;
	width:190px;
	text-align:left;
	margin-top:1.5em;
	padding-left:2em;
}
.col3{
	float:right;
	width:200px;
	text-align:left;
	margin-top:12.5em;
	margin-bottom:4em;
}
.col3gola{
	float:right;
	width:200px;
	text-align:left;
	margin-top:22em;
	margin-bottom:4em;
}
.columna{
}
.destacado{
	font-weight:bold;
	margin-bottom:0px;
}
/*************************  Parte Vuelo (Ficha tecnica) ************************************/
.tit_sec{
	font-weight:bold;
	text-decoration:underline;
	font-size:1.1em;
	margin:0;
	margin-top:1em;
	padding:0;
}
.lista1{
	font-weight:bold;
	font-size:0.9em;
	margin:0;
	padding:0;
	margin-left:1em;
}
.lista2{
	list-style:none;
	font-weight:normal;
	text-align:justify;
	margin:0;
	padding:0;
	font-size:13px;
	padding-left:2em;	
}
/*************************  Parte de Compaņia *******************************/
.texto{
	text-align:justify;
	padding-left:100px;
	margin-bottom:3em;
}
.letras{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:2em;
	text-transform:uppercase;
}
#rojo{
	color: rgb(255,0,0);
}
#amarillo{
	color: rgb(0,0,0);
}
#img1{
	float:left;
	margin: 10px 20px 20px -40px; 
}
#img2{
	float:right;
	margin-left:60px;
}
/*************************  Parte Fotos*******************************/
.imatges{
	margin: 1em 1.5em 0.5em 0em;
}

/***********************  Parte para la cabecera  **************************/
#titulo{
	float:right;
	height:129px;
	border-bottom:4px solid black;
	border-right:4px solid black;
	border-top:4px solid black;
	margin-top: .5em;
	margin-right:30px;
	}
#logo{
	float:left;
	height:97px;
	border: 4px solid black;
	margin-top: .5em;
	margin-left:30px;
	padding: 1em .5em;
	width:232px;
}
#logo_recuadro{
	border: 2px solid black;
	margin: .25em;
	padding: 1em 0em;
}
#idiomas{
	clear:both;
	text-align:right;
	padding-right:2.5em;
	color: rgb(200, 0, 0);
}
#idiomas ul{
	list-style:none;
	padding-top:4px;
}
#idiomas ul li{
	display:inline;
	padding:0.25em;
}
#idiomas a{
	text-decoration:none;
	font-style:oblique;
	font-size:0.8em;
	padding: 0em .25em;
}
/*************************  Menu  **********************************/
ul.menu{
	width:140px;
	list-style:none;
	margin:0;
	padding:0;
	padding-left:3em;
	font-family:"Arial Black", Gadget, sans-serif;
}
ul.menu li{
	background:#000;
	padding:0.5em;
	margin:1em;
	color:#FFF;
	border:1px solid #fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:0.8em;
}
ul.menu li a:link, ul.menu li a:visited{
	text-decoration:none;
	display:block;
}
ul.menu a{
	text-decoration:none;
	color:#FFF;
}
ul.menu li a:hover{
	background-color: rgb(244, 145, 0);
}
#submenu{
	border:none;
}
#submenu ul{	
	text-align:left;
	list-style:disc;
	margin-left:2em;
	display:block;
	padding:0;
}
#submenu ul li{
	width:120px;
	margin:0;
	padding:0em 0em 0em 0em;
	border:none;
	background:none;
	color:#000;
	font-size:.7em;
	text-transform:capitalize;
}
#submenu a{
	color:#000;
	background:none;
}
#submenu a:hover{
	color:#FFF;
	background:none;
}
/******************************* Formulario  *******************************/
label{
	display:block;
	margin:.5em 0 0 0;
	float:left;
}

label span{
	display:inline-block;
	padding-right:6px;
	width:140px;
	text-align:right;
	font-weight:bold;
	vertical-align:top;
}
.btn{
	display:block;
	margin:1em 0;
	color:#FFF;
	background-color:#000;
	font-family:"Arial Black", Gadget, sans-serif;
}
.btn:hover{
	background-color: rgb(244, 145, 0);
	cursor:pointer;
}
input:focus,textarea:focus{
	border:2px solid #000;
	background-color:#f3f3f3;
}
form{
	width:500px;
	margin:0 auto;
}
.centrado{
	padding:15px 0 0 250px ;
	clear:both;
}
.popup{
	position:relative;
	top:55px;
	left:-250px;
	display:inline-block;
	float:right;
	height:150px;
	width:120px;
	z-index:3;
/*	border:3px #fff solid;*/
	visibility:hidden;
}
.popup2{
	position:relative;
	top:95px;
	left:-120px;
	float:right;
	display:inline-block;
	height:150px;
	width:120px;
	z-index:4;
/*	border:3px #fff solid;*/
	visibility:hidden;
}
#calpop1{
	height:200px;
	width:200px;
	visibility:hidden;
	position:relative;
	top:-290px;
	left:90px;
	background-color:transparent;
}
#calpop2{
	height:200px;
	width:200px;
	visibility:hidden;
	position:relative;
	top:-290px;
	left:120px;
	background-color:transparent;
}
#calevent{
	z-index:2;
/*	border:1px #03F solid;*/
}
/******************************* Letras y Fotos Portada  *******************************/
#h1{font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	text-transform:uppercase;
	cursor:pointer;	
}
#h2{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	text-transform:uppercase;
	cursor:pointer;	
}
#frameespectacle{
	width:100%;
	height:170px;
	margin:10px;	
	text-transform:capitalize;
	padding:10px;
}
.imgportada{
	width:auto;
	height:165px;
	float:left;
	margin:0px;
	border:3px solid #000;
}
.vuelo{
	padding:40px;
	font-size:30px;
	font-family:Mistral;
}
.gola{
	padding:40px;
	font-size:30px;
	font-family:Verdana, Geneva, sans-serif;
}
.bella{
	padding:40px;
	font-size:30px;
}
.enlaceseco{
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
a:hover.enlaceseco {
	color: rgb(255, 255, 255);
}
/******************************* Calendario de las Obras  *******************************/
.obratit{
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	text-transform:uppercase;
	cursor:pointer;
}
.obrafec{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-left:1em;
}
.obratext{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:1px;
	text-align:justify;
}
.logon{
	width:400px;
	text-align:justify;
	margin-left:180px;
}
.boton{
	color:#FFF;
	background-color:#000;
	font-family:"Arial Black", Gadget, sans-serif;
}
.boton:hover{
	background-color: rgb(244, 145, 0);
	cursor:pointer;
}
.boton2{
	color:#FFF;
	background-color:#000;
	font-family:"Arial Black", Gadget, sans-serif;
	margin:2em;
	margin-left:8em;
}
.boton2:hover{
	background-color: rgb(244, 145, 0);
	cursor:pointer;
}
.centro{
	display:block;
	float:left;
	width:400px;
	text-align:center;
	margin-top:2em;
}
.alizq{
	text-align:left;
	margin:0;
	margin-left:3em;
 	padding: 0; 
	border:0; 
	outline:0; 
	position:relative;
/*	list-style-type:none;*/
}
.separado{
	margin:1em;
}
.formresul{
/*	border:2px solid #C39;*/
	width:650px;
	margin-top:2em;
	height:600px;
	background-color:transparent;
}
/*********************** Para los mensajes ***************************/
.mentit{
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:left;
	margin-left:.25em;
}
.mencab{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:1em;
	text-align:left;
}
.mentext{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}
.menbor{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	cursor:pointer;
	font-style:italic;
	font-weight:bold;
}
.mencuerpo{
	margin-left:4em;
	margin-bottom:1em;
}
.mencabecera{
	text-align:left;
	margin-left:4em;	
}