body{
font-family: Helvetica, Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
background: black;
color: #e4e4e4;
font-size: 13px;

}

img{
border: 0;
}

a{
text-decoration: none;
color: #e4e4e4;
outline: none;
-moz-outline-style: none;
}

a:active{
outline: none;
-moz-outline-style: none;
}
a:focus{
outline: none;
-moz-outline-style: none;
}

/*maquetacion*/

#contenedor{
margin-top: 10px;
width: 1050px;
margin-left: auto;
margin-right: auto;
/*background-color: aqua;*/

}

#encabezado{
width: 1048px;
height: 96px;
border: 1px solid #f96702;
background-image: url("../imagenes/fondo.jpg");
background-repeat: no-repeat;


}

#logo{
width: 300px;
height: 96px;
float: left;
}


#banner{
width: 680px;
height: 80px;
float: right;
margin-top: 8px;
margin-bottom: 8px;
margin-right: 40px;
}


#menu{
height: 85px;

}

#m1{
float: left;
width: 870px;
}

#menu_superior{
color: #e4e4e4;
width: 870px;
height: 30px;
float: left;
padding: 0;
}

#usuario{
width: 178px;
height: 85px;
float: right;
margin: 0;
padding: 0;
}


#submenu{
width: 870px;
height: 25px;
float: left;
text-align: center;
font-size: 15px;
}


#submenu a{
font-size: 14px;
color: #e4e4e4;
}
#submenu a:hover{
color: #9a0002;;
}
#submenu a.activo{
color: #9a0002;;
}

#bajo_submenu{
text-align: right;
font-size: 12px;
height: 20px;
clear: both;
padding-top: 5px;
background-image: url(../imagenes/logo_sm.png);
background-repeat: no-repeat;
border-top: 1px solid gray; 
margin-top: 5px;
padding-right: 15px;

}



#contenido{
font-family: Helvetica, Verdana, Arial, sans-serif;
min-height: 600px;
width: 740px;
float: left;
padding: 0px;

}

#publicidad{
width: 300px;
min-height: 100px;
float: right;
text-align: right;
}

#pie{
margin-top: 15px;
height: 80px;
border-top: 1px solid gray;
clear: both;
text-align: right;
padding-top: 10px;
font-size: 10px;
color: gray;

}

/* login */

#c{
width: 178px;
margin: 0;
padding-top: 3px;

}

#lo{
padding-top: 3px;
font-size: 7pt;
width: 100px;
float: left;

}

#b{
padding-top: 3px;
margin-left: 5px;
width: 60px;
float: left;

}

.input_l{
width: 145px;
height: 13px;
padding-top: 0px;
margin: 0;

}
.boton_login
{
width: 65px;
border: 0;
padding: 2px;
color: white;
background-color: #414141;
padding-left: 2px;
padding-right: 2px;
float: right;
}


.boton{
border: 0;
padding: 2px;
color: white;
background-color: #414141;
padding-left: 10px;
padding-right: 10px;
}



.input{
width: 140px;

}


/* servicio */

h1{
text-transform: capitalize;
border-bottom: 1px solid gray;


}


#menu_servicio{
float: left;

}
.m_servicios{
color:#e4e4e4;
text-transform: uppercase;
background-color: #191919;
width: 170px;
font-size: 80%;
padding: 2px;
}

.m_servicios a{
padding-left: 10px;
letter-spacing: 1px;


}

.m_servicios a.activo{
color: #f96702;

}

#detalle{
float: right;
width: 520px;
border: 1px solid gray;
padding: 5px;
margin-right: 10px;
margin-bottom: 10px;


}




.celda2{
width: 150px;
}

#vista_logo{
margin-top: 15px;

}

.menu_varios{
width: 500px;
clear: both;
margin-left: auto;
margin-right: auto;
}

.galeria{
clear: both;


}
/* menu superior */
#menu_superior ul{
width: 870px;
margin: 0;
padding: 0;

}

#m{
float: left;
margin: 0;
}
#m2{
float: right;
margin: 0;
}
/* inicio */

#inicio{
width: 710px;
background-image: url(../imagenes/borde_top.png);
background-repeat: no-repeat;
background-position:top left;
min-height: 500px;
padding: 15px;

}

/* comentarios */

.avatar{

width: 70px;
text-align: center;


}

.comentarios{
width: 400px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
padding-top: 5px;
background-color: #414141;
vertical-align: text-top;	


}

.fecha_comentario{
border-bottom: 1px dashed gray;
height: 40px;

}


.pie_comentario{
border-bottom: 1px dashed gray;
height: 40px;
font-size: 11px;

}

.espacio_comentario{
height: 30px;
}

g{
color: #f96702;
}

.celda{
width: 170px;

}
d{
font-size: 110%;
}

.input_comentario{
width: 330px;

}


.input_captcha{
width: 170px;
}



/* mis_comentarios */

.mis_comentarios{
width: 500px;

}

.celda_mis_comentarios{

padding: 3px;

}



/* respuesta */

#respuestas{
width: 300px;
margin-left: auto;
margin-right: auto;
padding: 30px;
}


#respuesta_eliminar{
width: 300px;
background-color: gray;
padding: 20px;
text-align: center;
margin-left: 300px;


}


/* usuarios */


#menu_usuario{
width: 175px;
margin: 0;
float: left;
margin-right: 15px;
min-height: 300px;

}

#menu_usuario ul{
margin: 0;
padding-left: 10px;

}
#menu_usuario li{

color: #e4e4e4;
padding: 3px;
margin-bottom: 2px;
background-color: #191919;
list-style-type: none;
}

#menu_usuario li a:hover {
color: #f96702;
}

#menu_usuario li a.activo {
color: #f96702;
}

/* registro */

.tabla_registro{
margin-left: auto;
margin-right: auto;
width: 700px;
background: #191919;
padding: 20px;



}


h3{
padding-bottom: 10px;
border-bottom: 1px solid gray;

}


.input_registro{

width: 200px;

}

/* editar perfil */

#marco_perfil{
margin-left: 190px;
border: 1px solid gray;
padding: 20px;
min-height: 400px;
margin-bottom: 15px;

}


#avatar{
width: 540px;


}

/* editar erfil */

.dia{
width: 50px;
}

.mes{
width: 85px;
}

.ano{
width: 65px;
}

/* usuario mini menu */

.us{
font-family: Verdana;
font-size: 8pt;
color: #e4e4e4;

}


/* clasificados */

#l{
font-size: 8pt;
color: #f96702;

}

.input_clasificado{
width: 325px;

}

.input_categoria{
width: 120px;

}

.clasificado_vista{
background-color: #191919;
padding-left: 5px;
padding-right: 5px;

}

#clasificado{
padding-top: 5px;
padding-bottom: 5px;

}


.clasificados_vista{
border-bottom: 1px dotted gray;
}

/* link servicios*/

.d{
color: #f96702;
border: none;
}



/* lista */

.lista{
width: 500px;
background: #191919;
padding: 20px;


}


#imagen_columna{
margin: 0;
padding: 0;

}


#flash_columna{
margin: 0;
padding: 0;
}


/* inicio */

.logo_inicio{
height: 180px;


}

#titulo_inicio{
height: 20px;
clear: both;
}

#t{
font-size: 15px;
float: left;

}

#t2{
font-size: 15px;
text-transform: lowercase;
color: #ff3366;
float: left;

}

.info_cenas img{
/*border: 1px solid #f96702;*/

}

.celda_info_cenas{
width: 100px;
height: 120px;
vertical-align: text-top;
padding-top: 10px;
padding-left: 5px;
color: #f96702;
font-size: 10px;
}


#publicidad_inicio{
padding-left: 10px;
padding-right: 10px;
height: 60px;
}


#p_1{
float: left;
border: 1px solid #f96702;
width: 340px;
height: 50px;
margin-bottom: 10px;
}

#p_2{
height: 50px;
width: 340px;
border: 1px solid #f96702;
float: right;
margin-bottom: 10px;
}


#info_eventos{
padding: 5px;

}


#e_1{
width: 207px;
height: 230px;
float: left;
border: 1px solid gray;
margin-right: 10px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
margin-bottom: 10px;
}


#e_2{
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
margin-right: 10px;
margin-top: 10px;
width: 207px;
height: 230px;
float: left;
border: 1px solid gray;
}

#e_3{
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
width: 200px;
height: 200px;
float: right;
text-align: center;

}


#info{
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
text-transform: none !important;
float: right;
color: #ff3366;
clear: both;

}


#info a{
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
text-transform: none !important;
color: #ff3366;
}

#info a:hover{
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
text-transform: none !important;
color: #f96702;
}


#info_cartelera{
width: 700px;

}

.info_cartelera2{
width: 700px;
background: #191919;
}

.info_cartelera img{
border: 1px solid #f96702;

}
.celda_info_cartelera{
width: 100px;
height: 120px;
vertical-align: text-top;
padding-top: 10px;
padding-left: 5px;
font-size: 10px;

}

.celda_info_cartelera_s{
vertical-align: text-top;
padding-top: 10px;
padding-left: 5px;
font-size: 13px;
background: #191919;
}


.cartelera_img{
width: 120px;
vertical-align: top;
}

.cartelera_fecha{
width: 100px;
height: 20px;
color: #f96702;
font-size: 20px;
border-right: 1px solid #f96702;
padding-right: 10px;
margin-bottom: 5px;
}

t{
clear: both;
}


.cartelera_datos{
width: 250px;
padding: 10px;
}


#titulo_cartelera{
clear: both;
margin-top: 10px;
margin-bottom: 15px;

}

ev{
margin-left: 430px;
}

ev2{
margin-left: 500px;
}


.hora{
width: 80px;

}

.perfil_cartelera{
width: 500px;

}
.cartelera_usuarios{
width: 320px;
background: #191919;
padding: 15px;
vertical-align: text-top;
}

tt{
font-family: Helvetica, Verdana, Arial, sans-serif;
text-transform: capitalize;
font-size: 15px;
}

#tti{
text-transform: uppercase;
font-size: 13px;
margin-right: 5px;

}

#link_cartelera{
text-align: right;
clear: both;
height: 15px;
margin-bottom: 10px;
margin-top: 10px;
font-size: 11px;

}

#link_cartelera a{
color: #ff3366;
font-size: 12px;
}


#link_cartelera a:hover{
color: #f96702;
}
/*fotos usuario*/
#subir{
width: 460px;
clear: both;
}

.galeria_usuario{
width: 500px;
background: #191919;
}

.datos_subir{
width: 430px;
background-color: #000;
}
.celda_subir{

}

.boton_subir{
background-color: #414141;

}

#galeria_usuario_perfil{
margin-bottom: 20px;
width: 500px;


}



.galeria_imagen{
width: 140px;
text-align: center;

}




.galeria_titulo{
width: 310px;
padding-left: 10px;

}


/*info fotos*/
#info_fotos{
height: 280px;
border: 3px solid gray;
clear: both;
margin-top: 15px;
padding: 15px;
margin-bottom: 10px;
}


#info_fotos_i{
float: left;
width: 50%;

}
#info_fotos_d{
float: right;
width: 50%;
}

.fotos_d{
padding-top: 20px;

}

#i_f{
width: 540px;
clear: both;

}

/**/

m{
font-size: 110%;
margin-left: 25px;
}


.foto_img{
width: 200px;
}

.foto_datos{
width: 200px;
vertical-align: text-top;
padding-top: 10px;

}


ver{
float: left;
color: #ff3366;
font-size: 12px;

}


ver a{
color: #ff3366;
}

ver a:hover{
color: #f96702;
}


/* info drinks */

#info_drinks{
height: 365px;
margin-bottom: 15px;

}

#cont_t_d_m{
border: 1px solid gray;
padding: 5px;
height: 320px;
margin-left: 15px;
width: 175px;
padding-bottom: 15px;
float: left;
}

#cont_t_d_m2{
border: 1px solid gray;
padding: 5px;
height: 320px;
margin-left: 15px;
width: 150px;
padding-bottom: 15px;
float: left;
}

#cont_t_d_m3{
background-color: #191919;
padding: 5px;
height: 360px;
margin-left: 15px;
width: 270px;
padding-bottom: 15px;
float: left;
}


.nac{
color:black;
text-transform: capitalize;
background-color: #f96702;
width: 170px;
font-size: 110%;
padding: 3px;

}

#detalle_dj{
float: right;
width: 520px;
min-height: 500px;
border: 1px solid gray;
padding: 5px;
margin-right: 10px;
margin-bottom: 10px;
}

/* login servicio y registro */
#l_1{
margin-left: auto;
margin-right: auto;
width: 500px;
height: 150px;
clear: both;
}
#l_2{
padding: 10px;
width: 230px;
float: left;

}
#l_3{
padding: 10px;
width: 230px;
float: right;


}


/* org eventos*/

.tabla_eventos{
margin-left: auto;
margin-right: auto;
width: 400px;
background: #191919;
padding: 20px;

}



.celda_evento{
margin-left: auto;
margin-right: auto;
width: 180px;
}

#columna_evento{

}

#columna_evento_1{
float: left;
width: 60%;
}

#columna_evento_2{
float: right;
width: 40%;
}

e{
font-size: 16px;
}

/* celda texto arriba*/
.up{
vertical-align: text-top;

}

/* inicio servicios */
.inicio_servicio{
width: 500px;
margin-left: auto;
margin-top: auto;
}

#mejores{
margin-left: auto;
margin-right: auto;
width: 500px;
height: 200px;

}

#lugar{
float: left;
width: 150px;

}

#musica{
float: left;
width: 150px;
margin-left: 25px;

}

#ambiente{
float: right;
width: 150px;

}


.datos_lista{
width: 320px;
padding: 10px;
background: #191919;
margin-bottom: 15px;
}

/* servicio interior */

#inicio_provincias{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
margin-bottom: 15px;
background-color: #191919;

}

#inicio_provincias a.activo{
color: #f96702;

}

#inicio_interior{
margin-top: 0px;
margin-left: auto;
margin-left: auto;
padding-top: 15px;
}

#lugar2{
float: left;
width: 150px;

}

#musica2{
float: left;
width: 150px;
margin-left: 15px;
}

#ambiente2{
float: right;
width: 150px;
margin-right: 15px;
}

.egresados{
width: 340px;
vertical-align: top;
padding:10px;
background: #191919;
}


/* encuesta */
#encuesta{
width: 240px;
padding: 10px;
margin-left: auto;
margin-right: auto;
}

.encuesta{
width: 220px;

}

.graph { 
        position: relative; /* IE is dumb */
        width: 200px; 
        border: 1px solid #f96702; 
        padding: 2px; 
    }
.graph .bar { 
        display: block;
        position: relative;
        background: #f96702; 
        text-align: center; 
        color: #333; 
        height: 1em; 
        line-height: 1em;            
    }
.graph .bar span { position: absolute; left: 1em; }


h10{
font-size: 14px;
color: #f96702;
}


h11{
font-size: 13px;
color: #f96702;
}

/* tragos */

.tragos{
width: 510px;

}


#mapa{
color: black !important;
}

#mapa a{
color: #F96702 !important;
}