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

/*Diseño creado por Sergio Mendez // www.ingeniamos.com*/

/*propiedades del documento*/

html, body {height:100%; width:100%; background-color:#cccccc; margin: 0px; left:0; top:0; bottom:0}

/*propiedades de la cabecera*/

#cabecera {
	height: 95px;
	width:100%;
	background-color:#FFFFFF;
	background-attachment: fixed;
	background-image: url(../images_base/bg_cabecera.png);
	background-repeat:   repeat-x;
}
#contenidocabecera {
	height:93px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.bannercabecera {
	height:93px;
	width: 927px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}

/*contenidos de la cabecera*/
.logotipo {
	height: 58px;
	width:280px;
	float:left;
	margin-left:35px;
	margin-top: 25px;
}
.menu_inicio {
	height:31px;
	width:619px;
	float:right;
	margin-right: 35px;
	background-image: url(../images_base/menu/menu_home.png);
	margin-top: 60px;
	background-repeat: no-repeat;
}
.menu_apuntate {
	height:31px;
	width:619px;
	float:right;
	margin-right: 35px;
	background-image: url(../images_base/menu/menu_apuntate.png);
	margin-top: 60px;
	background-repeat: no-repeat;
}
.menu_discotecas {
		height:31px;
	width:619px;
	float:right;
	margin-right: 35px;
	background-image: url(../images_base/menu/menu_discotecas.png);
	margin-top: 60px;
	background-repeat: no-repeat;
}
.menu_comunidad {
	height:31px;
	width:619px;
	float:right;
	margin-right: 35px;
	background-image: url(../images_base/menu/menu_comunidad.png);
	margin-top: 60px;
	background-repeat: no-repeat;
}
.menu_entradas {
	height:31px;
	width:619px;
	float:right;
	margin-right: 35px;
	background-image: url(../images_base/menu/menu_entradas.png);
	margin-top: 60px;
	background-repeat: no-repeat;
}
.menu_empleo {
	height:31px;
	width:619px;
	float:right;
	margin-right: 35px;
	background-image: url(../images_base/menu/menu_empleo.png);
	margin-top: 60px;
	background-repeat: no-repeat;
}
.menu_agenda {
	height:31px;
	width:619px;
	float:right;
	margin-right: 35px;
	background-image: url(../images_base/menu/menu_agenda.png);
	margin-top: 60px;
	background-repeat: no-repeat;
}
/*propiedades del menu*/
.btn_index a:link {color:#FFFFFF; text-decoration:underline;}
.btn_index a:visited {color:#FFFFFF; text-decoration:none;}

.btn_index {
	height:31px;
	width:67px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 31px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	float:left
}
.btn_index a:hover {
	text-decoration:underline;
	cursor: pointer;
	color: #FFFFFF;
}
.btn_apuntate a:link {color:#FFFFFF; text-decoration:none;}
.btn_apuntate a:visited {color:#FFFFFF; text-decoration:none;}

.btn_apuntate {
	height:31px;
	width:127px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 31px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	float:left
}

.btn_apuntate a:hover {
	text-decoration:underline;
	cursor: pointer;
}
.btn_discotecas a:link {color:#FFFFFF; text-decoration:none;}
.btn_discotecas a:visited {color:#FFFFFF; text-decoration:none;}
.btn_discotecas {
	height:31px;
	width:97px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 31px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	float:left
}
.btn_discotecas a:hover {
	text-decoration:underline;
	cursor: pointer;
}
.btn_comunidad a:link {color:#FFFFFF; text-decoration:none;}
.btn_comunidad a:visited {color:#FFFFFF; text-decoration:none;}
.btn_comunidad {
	height:31px;
	width:95px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 31px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	float:left
}
.btn_comunidad a:hover {
	text-decoration:underline;
	cursor: pointer;
}
.btn_entradas a:link {color:#FFFFFF; text-decoration:none;}
.btn_entradas a:visited {color:#FFFFFF; text-decoration:none;}
.btn_entradas {
	height:31px;
	width:77px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 31px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	float:left
}
.btn_entradas a:hover {
	text-decoration:underline;
	cursor: pointer;
}
.btn_empleo a:link {color:#FFFFFF; text-decoration:none;}
.btn_empleo a:visited {color:#FFFFFF; text-decoration:none;}
.btn_empleo {
	height:31px;
	width:80px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 31px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	float:left
}
.btn_empleo a:hover {
	text-decoration:underline;
	cursor: pointer;
}
.btn_agenda a:link {color:#FFFFFF; text-decoration:none;}
.btn_agenda a:visited {color:#FFFFFF; text-decoration:none;}
.btn_agenda {
	height:31px;
	width:75px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 31px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	float:left
}
.btn_agenda a:hover {
	text-decoration:underline;
	cursor: pointer;
}

/*propiedades del contenido*/

#base {
	width: 1020px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images_base/bg_base.png);
	background-repeat:  repeat-y;
	overflow: hidden;
	height: auto;
	padding-bottom: 50px;
}
#base2 {
	width: 930px;
	height:auto;
	margin-left:auto;
	margin-right: auto;
	padding-top: 20px;
	overflow: hidden;
	min-height: 1500px;
}
#baseboletin {
	width: 930px;
	height:auto;
	margin-left:auto;
	margin-right: auto;
	padding-top: 20px;
	overflow: hidden;
	min-height: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.entrada {
	height: 165px;
	width: 930px;
	margin-bottom: 5px;
}
.imagen_entrada {
	height: 160px;
	width: 220px;
	float: left;
}
.texto-entrada {
	float: right;
	height: 160px;
	width: 700px;
	font-family: Arial, Verdana;
	font-size: 13px;
	line-height: 24px;
	text-align: justify;
}
.contenido-izquierdo {
	width: 355px;
	float: left;
	height: 95%;
}
.contenido-derecha {
	float:right;
	width: 567px;
	height: 430px;
	background-image: url(../images_base/caja-discotecas.png);
	background-repeat: no-repeat;
	margin-top: 5px;
}
.texto-apuntate {
	float:right;
	width: 567px;
	height: 360px;
	font-family: Arial, Verdana;
	font-size: 15px;
	font-weight: bold;
}
/*contenidos web centrales*/

.formulario {
	width: 355px;
	height: 549px;
	margin-bottom: 2px;
	background-image: url(../imagenes/bgformulario.png);
	background-repeat: no-repeat;
	padding-top: 15px;
	font-family: Arial, Verdana;
	color: #FFFFFF;
}
.contenido_formulario {
	width: 315px;
	margin-left:auto;
	margin-right:auto;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	font-family: Arial, Verdana;
}
.apuntate-titulo {
	font-size:20px;
	text-align: center;
	text-decoration: underline;
}
.apuntate-normal-text {
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 26px;
	font-family: Arial, Verdana;
}
.formulario-margen {
	margin-top:10px;
}
.campos {
	width: 180px;
}
.camposnum {
	width:100px;
}
.banners-espacio {
	height:auto;
	width:auto;
}
.btn_ponmeenlista {
	height: 32px;
	width: 141px;
	background-position: center bottom;
	cursor: pointer;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
}
.btn_ponmeenlista:hover {
	color:#7f0a0a;
	text-decoration: underline;
}
.titulos-box {
	color:#FFFFFF;
	width: 567px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Verdana;
	text-indent: 10px;
}
.discotecas {
	height:340px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	text-align: center;
	font-family: Arial, Verdana;
	width: 540px;
}
.listadiscotecas {
	height:400px;
	margin-top: 4px;
	text-align: center;
	font-family: Arial, Verdana;
	width: auto;
}
.logos-discotecas {
	border:solid 1px #cccccc;
}
.logos-discotecas:hover {
	border:solid 1px #1e5b7e;
	cursor:pointer;
}
.fiesta-recomendada {
	float:right;
	width: 560px;
	height: 270px;
	margin-top: 10px;
	color: #e80000;
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
}
.seodiscoteca {
	height: 270px;
	color: #e80000;
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.seoindex {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 20px;
	font-family: Arial, Verdana;
	font-size: 11px;
}
.noticias {
	float:right;
	width: 567px;
	height: 340px;
	margin-top: 15px;
}
.contenido-noticias {
	width: 535px;
	margin-left:15px;
	height:auto;
	border-bottom: 1px solid #333333;
	margin-top: 10px;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Verdana;
	text-align: justify;
}
.apuntateenlista-der {
	float:right;
	width: 560px;
	height: 500px;
	margin-top: 10px;
	color: #e80000;
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
}
.textoseo-h1 {
	font-size:12px;
	font-weight:bold;
}
.textoseo-h2 {
	font-size:12px;
	font-weight:normal;
}

/*contenidos discotecas*/
.columnaderechadisco {
	float:right;
	width: 567px;
	height: 220px;
	margin-top: 8px;
}
.columnaderechadiscoinfo {
	float:right;
	width: 567px;
	height: 750px;
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 24px;
	text-align: justify;
}
.logodisco {
	height:auto;
	width:250px;
	text-align:center;
	float:left;
}
.infodiscoteca {
	float:right;
	width: 300px;
	height: 220px;
	font-family: Arial, Verdana;
	font-size: 12px;
}
.h1-titulodiscos {
	font-size:16px;
	color:#e80000;
	font-weight:bold;
}
/*fiesta especial*/
.flyer {
	width: 433px;
	height: 650px;
	float:left;
}
.promocion_flyer {
	width:480px;
	height: 650px;
	float:right;
	font-size: 14px;
	font-family: Arial, Verdana;
	font-weight: bold;
	color: #333333;
}
.ejemplo {
	font-size:11px;
}
.logo-fabrik {
	width: 253px;
	height: 68px;
	float:right;
	margin-right: 40px;
	margin-top: 10px;
}
.textofelicidades {
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
}
/*formulario bolsa de empleo*/
.textobolsa {
	font-size:12px;
	font-family:Arial, Verdana;
}
/*combo bien estas en lista*/
.bienbase {
	float:right;
	width: 900px;
	height: auto;
	margin-top: 7px;
	margin-bottom: 5px;
	border: 1px solid #069705;
	padding: 8px;
}
.bienimagen {
	float:left;
	width: 70px;
	height:61px;
}
.bientexto {
	float:right;
	font-family:Arial, Verdana;
	font-size:13px;
	width:800px;
	font-weight: bold;
}
.textonormal{
	color:#333333;
	font-size:12px;
	font-family:Arial, Verdana;
}
.entradasizda {
	float: left;
	height: auto;
	width: 300px;
	margin-left: 120px;
}
.entradasder {
	float: right;
	height: auto;
	width: 300px;
	margin-right: 120px;
}
.formrecomendar {
	font-size:12px;
}
