/****************************
     ARCHIVO ESTILOS WEB    
    www.paellas-papitu.com 
*****************************/

/* FUENTES IMPORTADAS*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Voltaire);

/*MUESTRA SIEMPRE LA SCROLLBAR VERTICAL PARA EVITAR EL TILT*/
html {overflow-y: scroll;}
 a img {
 border:none !important;
 }

/*ESTILOS GENERALES Y ESTRUCTURA DE LA PÁGINA */
/* CUERPO DE LA PÁGINA */
body {
	/*
	position:absolute;
	width:100%;
	height:100%;
	*/
	font:18px/22px Ubuntu, sans-serif;
	color:#fff;	
	margin:0px;
}

/* HIPERVÍNCULOS SIN SUBRAYADO */
body p a {
	text-decoration:none;
}

/**************************************************
   CONTENEDOR GLOBAL DE LA PÁGINA WEB: 2 PANELES
***************************************************/
#global {
	margin: auto;
	margin-top:0px;
	margin-bottom: 0px;
	width:940px;
	height:100%;
}

/*CONTENEDOR IZQUIERDO: ES EL MENU FIJO*/
#panelizquierdo{
	position:fixed;
	width:220px;
	/*
	max-width: 368px;
	min-width: 250px;
	*/
	height: 100%;
	opacity:0.95;
	-moz-opacity: 0.95;
	filter:alpha(opacity=9);
	background: url('../images/fondos/fondomenu.png') center top repeat; 	
	/* Sombreado para los navegadores */
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
	   -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
			box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);	
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* Para IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');	
	z-index: 70;
}
/*FIN DEL CONTENEDOR IZQUIERDO*/

/*CONTENEDOR DERECHO: SON LOS CONTENIDOS DE LAS PÁGINAS*/
#content {
	float:right;
	left:0px;
	width: 720px;
	min-height:100%;
	background: url('../images/fondos/fondocontenido.png') center top repeat; 
	margin: 0 auto;
	z-index: 70;
	/* Sombreado para los navegadores */
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
	   -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
			box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);	
	/* PAra IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* PAra IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');	
	z-index: 70;
}
/*FIN DEL CONTENEDOR DERECHO*/


/***************************
ELEMENTOS DEL MENÚ IZQUIERDO
****************************/
/*HEADER*/
header{
	margin-top:0px;
	margin-bottom:0px;
	position: relative;
	height:250px;
	width:100%;
}

.banderas {
	margin-top:3px;
	text-align:center;
	margin-bottom:0px;
	padding:0px;
	height:22px;
}

.banderas img{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	margin:0;
}

.logo {
padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.logowrapper{margin:0}
/*FIN HEADER*/

/*PIE*/
#footer {
	position: absolute;
	text-align: center;
	bottom: 0px;
	margin: 0 auto;
	width: 100%;
	font-size:12px;
	text-shadow: none;
	
}

#textopie {
	position: relative;
	color: #545454;
	margin:0px;
}

#textopie a{
	color: #000000;
	text-decoration: none;
}

#textopie a:hover {
	color: #545454;
	text-decoration: none;
}

#socialmedia {
	margin-bottom:0px;
	padding:0;
}


/*FIN PIE*/


/********************************
             MENU
*********************************/
/*Posición menú*/
#menu {
	text-align:center;
	margin-top:0px;
	padding:0px;
	text-transform: uppercase;
	text-shadow: none;
}

/*Menú: enlaces*/
#menu > li a:hover {
	background-color: #8d0e0e;
	color: #fff;
	padding: 7px 20px 7px 20px;		
	text-shadow: 1px 1px 1px #000000;
	filter: Shadow(Color=#000000, Direction=135, Strength=5);
}

#menu > li {
	display:block;
}

#menu > li a {
	padding: 7px 20px 7px 20px;	
	display:inline-block;
	font:24px/24px 'Voltaire', sans-serif;
	color:#222222;
	text-decoration:none;
}

/*El seleccionado de fondo rojo*/
.actual {
	background-color: #8d0e0e;
	color: #ffffff !important;
}

/*Inicialmente los submenus escondidos*/
#submenu {
	display:none;
	text-align:left;
}

/*Propiedades submenus*/
#submenu  li {
	display:block;
	padding-left: 0px;
	margin-left:20px;
}

#submenu  li a {
	display:inline-block;
	font:18px/18px 'Voltaire', sans-serif;
	color:#666666;
	text-decoration:none;
}

#submenu > li a{
	padding: 7px 15px 7px 15px;	
}

#submenu > li a:hover {
	background-color: #8d0e0e;
	color: #fff;
	padding: 7px 15px 7px 15px;	
	text-shadow: 1px 1px 1px #000000;
	filter: Shadow(Color=#000000, Direction=135, Strength=5);
}

.galeriaoculta {
	display:none;
}
/*FIN MENU*/


/******************************************
            HOJA CONTENIDO
******************************************/

.contenido {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

.titulocontenido {
	padding-top:10px;
	padding-bottom:10px;
	text-indent:20px;
	background-image: url(../images/fondos/fondoapartados.png);
	background-repeat:no-repeat;
	background-position: top left;
	text-transform: uppercase;
	font:24px/24px 'Voltaire', sans-serif;
	color:#ffffff;
	text-shadow: 1px 1px 1px #000000;
	filter: Shadow(Color=#000000, Direction=135, Strength=5);
}

/*SLOGAN: Son los títulos principales de las páginas*/
.slogan {
	font:30px/30px 'Voltaire', sans-serif;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	background-image: url(../images/fondos/fondotitulo.png);
	background-repeat:repeat;
	background-position: top left;
	margin-top:0px;
	padding:2px;
	text-shadow: 2px 2px 2px #000000;
	filter: Shadow(Color=#000000, Direction=135, Strength=5);
	line-height:1px;
}
.slogan-subtitulo{
	font:22px/22px 'Ubuntu', sans-serif;
	text-align:center;
	color:#ffffff;
	line-height:1px;
}

/*Estilos para los textos en varias columnas*/
/*3 COLUMNAS*/
.columna3derecha {
width:27%;
float: left;
padding:15px;
}

.columna3izquierda {
width:27%;
float: left;
padding:15px;
}

.columna3central {
width:27%;
float: left;
padding:15px;
}

/*2 COLUMNAS*/
.columnaderecha {
width:35%;
float: left;
padding-left:15px;
}

.columnaizquierda {
width:55%;
float: left;
padding-right:15px;
}
/*Una columna*/
.unacolumna {
clear:both;
width:90%;
padding-right:15px;
}

.columnaderechafotos {
width:45%;
float: left;
padding:15px;
text-align:center;
}

.columnaizquierdafotos {
width:45%;
float: left;
padding:15px;
text-align:center;
}

.columnaizquierdarecords {
width:45%;
float: left;
padding:15px;
text-align:left;
vertical-align:top;
}

.columnarecords {
width:90%;
float: left;
padding:15px;
text-align:left;
vertical-align:top;
}
.fecharecord {
	padding-top: 0px;
	margin-top: 0px;
	font:18px/18px Ubuntu, sans-serif;
	color:#fff;
}

.lugarrecord {
	padding-top: 0px;
	margin-top: 0px;
	font:18/18px Ubuntu, sans-serif;
	color:#fff;	;
}

.titulorecord {
	padding-top: 0px;
	margin-top: 0px;
	font:22px/22px Ubuntu, sans-serif;
	color:#fff;	;
}

.textorecord {
	padding-left: 15px;
}

#hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: white;
   z-index: 9999; /* Higher than anything else in the document */
}

.listaeventos > li  {
	padding-bottom: 5px;
	font:18px/22px Ubuntu, sans-serif;
	color:#fff;	
}
/******************************************
            FOTOS SUPERPUESTAS Y VARIOS
******************************************/
.fotosuperpuesta{
	
	position: absolute;
	left: 780px;
	
	top: expression((document.body.Top) + 'px' );
}

.listaeventos, .correo {
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
}

.volver {
	text-align:right;
	vertical-align:middle;
}

.volverenlace {
	text-align:right;
	vertical-align:middle;
	text-decoration: none;
	color: #ffffff;
}

.cabeceragaleria {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;
	background-image: url(../images/fondos/fondogaleria.png);
	background-repeat:no-repeat;
	background-position: center center;
	text-transform: uppercase;
	font:24px/24px 'Voltaire', sans-serif;
	color:#ffffff;
}
/******************************************
            FORMULARIO
******************************************/

.formulariocolumna1 {
	min-width:140px;
	width:140px;
}

.formulariocolumna2 {
	min-width:410px;
	max-width:410px;
}
#formulario td {
	vertical-align:center;
	padding-bottom:6px;
}
label {

}
input, select {
	font:18px/22px Ubuntu, sans-serif;
	color:#000;	
}

select {
	width: 196px;
}

button {
	font:18px/22px Ubuntu, sans-serif;
	color:#000;	
}

#celdabotones	{
	text-align:center;
}