html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}#content {
   /*padding-top:5px;*/
   line-height: 1.2em;
}

a {
font-family:Arial, Helvetica, sans-serif;
color: #007CDB;
font-size: 12px;
text-decoration:none;
}

a:hover{
color:#003a66;
}

img { vertical-align:bottom }

.clear { clear:both }

strong { font-weight:bold; }

/* BOTONES */
.button {
      display: inline-block;
      outline: none;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      font: 12px/100% Arial, Helvetica, sans-serif;
      padding: .5em 2em .55em;
      /*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
      -webkit-border-radius: .4em;
      -moz-border-radius: .4em;
      border-radius: .4em;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
      box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.b_square {
      -webkit-border-radius: .1em;
      -moz-border-radius: .1em;
      border-radius: .1em;
}

.b_width {
      width:208px;
      padding-left:0;
      padding-right:0;
      text-align:center;
}

.button:hover {
      text-decoration: none;
}
.button:active {
      position: relative;
      top: 1px;
}


.b_orange {
      color: #fef4e9;
      color: #00006f;
      border: solid 1px #da7c0c;
      background: #f78d1d;
      background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
      background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.b_orange:hover {
      background: #f47c20;
      color: #00006f;
      background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
      background: -moz-linear-gradient(top,  #f88e11,  #f06015);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.b_blue {
      color: #D9EEF7;
      border: solid 1px #0076A3;
      background: #0095CD;
      background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#0078A5));
      background: -moz-linear-gradient(top, #00ADEE, #0078A5);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ADEE', endColorstr='#0078A5');
}
.b_blue:hover {
      background: #007EAD;
      background: -webkit-gradient(linear, left top, left bottom, from(#0095CC), to(#00678E));
      background: -moz-linear-gradient(top, #0095CC, #00678E);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095CC', endColorstr='#00678E');
}

.b_blue2 {
      color: #fff;
      border: solid 1px #0076A3;
      border: 0;
      background: #0095CD;
      background: -webkit-gradient(linear, left top, left bottom, from(#66bcff), to(#5eb4f7));
      background: -moz-linear-gradient(top, #66bcff, #5eb4f7);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66bcff', endColorstr='#5eb4f7');
}
.b_blue2:hover {
      color: #fff;
      background: #007EAD;
      background: -webkit-gradient(linear, left top, left bottom, from(#50a9ee), to(#449ee2));
      background: -moz-linear-gradient(top, #50a9ee, #449ee2);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a9ee', endColorstr='#449ee2');
}

.b_green {
      color: #e8f0de;
      border: solid 1px #538312;
      background: #64991e;
      background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
      background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.b_green:hover {
      background: #538018;
      background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
      background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.white {
   color: #007CDB;
   border: solid 1px #E6E6E6;;
   background: #fff;
}

.white:hover {
   background: #ededed;
}

.white:active {
   color: #999;
}

.round {
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      border-radius: 12px;
}

.top-round {
      -webkit-border-top-left-radius: 12px;
      -webkit-border-top-right-radius: 12px;
      -moz-border-radius-topleft: 12px;
      -moz-border-radius-topright: 12px;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
}

.bottom-round {
      -webkit-border-bottom-left-radius: 12px;
      -webkit-border-bottom-right-radius: 12px;
      -moz-border-radius-bottomleft: 12px;
      -moz-border-radius-bottomright: 12px;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
}


/* PAGINACION */
div.pagination {
      font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
      padding:2px;
      margin:20px;
}

#zona_user .pagination {
   position: absolute;
   width: 570px;
   left: 180px;
   bottom: -14px;
}

div.total_paginado {
   margin-bottom: 10px;
   color:#888;
}

div.pagination a {
   margin: 2px;
   padding: 0.5em 0.64em 0.43em 0.64em;
   background-color: #359CDF;
   text-decoration: none; /* no underline */
   color: #fff;
}
div.pagination a:hover, div.pagination a:active {
   padding: 0.5em 0.64em 0.43em 0.64em;
   margin: 2px;
   background-color: #de1818;
   color: #fff;
}
div.pagination a.current, div.pagination strong {
   padding: 0.5em 0.64em 0.43em 0.64em;
   margin: 2px;
   background-color: #e3e3e3;
   color: #359CDF;
}
div.pagination span.disabled {
   display:none;
}

/* Mensajes de aviso, error y exito*/
#msj {
   position: fixed;
   z-index:100;
   top: 120px;
   left: 235px;
   width: 500px;
}

#msj div {
   margin: 5px auto;
}

div.error {
   font-weight: bold;
   padding: 10px;
   text-align: center;
   border: 1px solid red;
   color:red;
   background-image: url('/images/trans_rojo.png?v=54');
}

div.exito {
   font-weight: bold;
   margin: auto auto;
   padding: 10px;
   text-align: center;
   border: 1px solid green;
   color: green;
   background-image: url('/images/trans_verde.png?v=54');
}

.notificacion {
   font-size: 14px;
   font-weight: bold;
   padding-top: 30px;
   text-align: center;
   margin: 30px auto;
   width:480px;
}

/*****************************
Zona de Usuario (Dentro de Tab)
******************************/
#zona_user {
padding-right: 4px;
position: relative;
}

#user_nav {
   margin: 20px 0;
   font-size: 12px;
   color: #007CDB;
}

#user_nav span {
   font-weight: bold;
}

.user_mensaje{
   color: #007CDB;
   float: left;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   margin-top: 60px;
   width: 700px;
}

.user_mensaje a {
   font-size: 18px;
}

#form_user p {
   margin:5px 0;
   font-weight:bold;
   margin-top:20px;
}


.foto_opciones .rombo {
   float:right;
   width: 21px;
   height: 16px;
   display: block;
   position: relative;
   top: 6px;
}


.rombosON {
   background: url('/images/icon/perfil.png?v=54') no-repeat -22px -106px;
}

.rombosOFF {
   background: url('/images/icon/perfil.png?v=54') no-repeat -22px -123px;
}

div.separador {
   background-image: url('/images/galeria/spacer.png?v=54');
   float: left;
   height: 20px;
   margin: 0 10px;
   width: 1px;
}

#loading {
   display:hidden;
   text-align: center;
}

/******************************************
NOTICIAS, SELECCIÓN DE IMÁGENES
******************************************/
.img_select {
   margin: 5px;
   float: left;
}
.img_select img {
   width: 80px;
}

.img_selected {
   border: solid red 3px;
}

/*******************************************
Posicionamiento, izdo y dcho
********************************************/
.left {
   float:left;
}
.right {
   float:right;
}

/*** CSS para restricción de ACCESO DE USUARIOS INVITADOS, puesto aquí para carga rápida (Cacheo) ***/
body.invitados {
   overflow: hidden;
   background: url('../images/auth/fondo_invitados.jpg?v=54') repeat;
}

#capa_aviso {
   opacity: .99;
   filter: Alpha(Opacity=90);
   position: absolute;
   z-index: 10000;
   top: 0;
   left: 0;
   width: 100%;
   /*background: url('/images/auth/fondo_invitados.jpg?v=54') repeat;*/
   height: 100%;
}

#aviso18 {
   position: relative;
   background-color: #fff;

   margin: 15% auto 0 auto;
   height: 100%;
   max-height: 450px;
   width: 100%;
   max-width: 590px;
   border-radius: 15px;

   box-sizing: border-box;

   border: 15px solid rgb(127, 0, 0);
   border: 15px solid rgba(255, 255, 255, .5);
   -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box;
}

#aviso18 .centerLogo {
   text-align: center;
}

#aviso18 p {
   text-align: center;
   margin: 0 5px;
}

#aviso18 ul {
   background: #eff8ff;
   border: solid 1px #e8f1f6;
   margin: 15px;
}

#aviso18 ul li {
   background: url('/images/auth/flecha.png?v=54') no-repeat 0px -3px transparent;
   list-style-type: none;
   padding: 0px 0px 1px 16px;
   vertical-align: middle;
   margin: 16px;
}

#aviso18 a {
   width: 25%;
   max-width: 120px;
   margin: 0;
}
#aviso18 #entrar {
   margin-right: 15px;
}
#aviso18 #salir {
   margin-left: 15px;
}

.av_width {
   width: 120px;
   margin: 0 15px;
}

.small {
   font-size: 13px;
   padding: .2em .7em .2em;
}

.medium {
   font-size: 1em;
}

.error {
   color: red;
}

/*
 Enlaces en el fondo
*/
#superfondo_der {
   display: block;
   width: 50%;
   height: 1024px;
   position: fixed;
   left: 0;
}

#superfondo_izq {
   display: block;
   width: 50%;
   height: 1024px;
   position: fixed;
   right: 0;
}html {
   background-color: #e1edfb;
}

body {
   font-family: Arial;
   font-size: 12px;
   background:url('../images/auth/bg_login.jpg?v=54')  repeat-x;
}


input.text {
	background-color:#f0f7fd;
	border:1px solid #d9e7f3;
	padding:4px 3px 5px 4px;
	color:#454545;
}

a.simple {
	text-decoration:none;
	color:#007cdb;
}
a.simple:hover {
	text-decoration:underline;
}

a.simpleW {
	text-decoration:underline;
	color:#FFF;
}
a.simpleW:hover {
	color:yellow;
}

#main {
	width:990px;
	margin:0 auto;
}

#menu_top {
	height:30px; /* 62px */
	text-align:right;
}

#titulo_top {
	font-family: 'Questrial', Arial, serif;
	font-weight: 400;
	font-size: 14px;
	color: #007cdb;
	margin-left:18px;
}

#bg_mainbox {
	position:absolute;
	top:16px; /* para compensar lo que sale el otro parriba */
	width:990px;
	height:535px;
}

#container {
	position:relative;
	width:990px;
	height:530px;
}

#content_form {
	float:left;
	margin-left:18px;
	width: 352px;
	height:514px;
	padding:5px;
}

#content_form .logo {
	margin:10px;
	text-align:center;
}

#content_form .title_form {
	margin:5px 10px 12px 0;
	text-align:center;
}

#content_form .title_form h2 {
	font-size:17px;
	color:#007cdb;
	font-weight:normal;
}

#content_form table#table_form {
	margin-left:10px;
}

#content_form table#table_form td.label {
	color:#007cdb;
	padding-right:5px;
	text-align:right;
	width:117px;
}

#content_form table#table_form td.error {
	color: red;
	text-align:right;
	padding-bottom:2px;
	font-size:11px;
}

#content_form .general_text {
   font-size:14px;
   color:#007cdb;
   line-height:18px;
   text-align: justify;
   padding: 15px;
}


#content_form .general_text a {
   font-size: 1.1em;
   font-weight: bold;
}
#content_form .centra_submit {
   text-align: center;
   margin-top: 10px
}

#content_form .margen {
   margin: 20px 0;
}

#content_form .error {
   color: red;
}

#ciudad_select {
   width:208px;
}

#content_promo {
	float:left;
	margin-left:10px;
	margin-top:28px;
	width:578px;
	height:510px;
	color:#fff;
}

.gaytactos_promo1 { background:url('../images/auth/fondo_chico1.jpg?v=54') no-repeat }
.gaytactos_promo2 { background:url('../images/auth/fondo_chico2.jpg?v=54') no-repeat}
.gaytactos_promo3 { background:url('../images/auth/fondo_chicas.jpg?v=54') no-repeat}

#content_promo .textos_promo {
	margin-top: 108px;
}

#content_promo .textos_promo ul li {
	line-height:20px;
	height:20px;
}

/***** BOTONES DE LOGUEO ******/
#no_log {
   position: absolute;
   top: 430px;
   left: 155px;
}
#no_log a {
   display: block;
   width: 220px;
   height: 75px;
   text-decoration: none;
   background: url('/images/auth/boton_login_main.png?v=54') no-repeat 0 -140px;
}
#no_log a:hover {
   display: block;
   width: 220px;
   height: 75px;
   text-decoration: none;
   background: url('/images/auth/boton_login_main.png?v=54') no-repeat 0 -215px;
}

#fb_boton {
   position: absolute;
   top: 360px;
   left: 265px;
}

#fb_boton a {
   display: block;
   width: 100px;
   height: 60px;
   text-decoration: none;
   background: url('/images/auth/boton_login_main.png?v=54') no-repeat 0 0;
}
#fb_boton a:hover {
   background: url('/images/auth/boton_login_main.png?v=54') no-repeat 0 -70px;
}

#tw_boton {
   position: absolute;
   top: 360px;
   left: 155px;
}

#tw_boton a {
   display: block;
   width: 100px;
   height: 60px;
   text-decoration: none;
   background: url('/images/auth/boton_login_main.png?v=54') no-repeat -105px 0;
}
#tw_boton a:hover {
   background: url('/images/auth/boton_login_main.png?v=54') no-repeat -105px -70px;
}

/** Caja de redirecciones **/
#caja {
   display: none;
   position: absolute;
   z-index: 10000;
   top: 0;
   left: 0;
   height: 550px;
   width: 100%;
   background: url('/images/auth/cortina.png?v=54');
}

#aviso {
   position: absolute;
   height: 284px;
   width: 464px;
   left: 50%;
   top: 50%;
   margin-top: -142px;
   margin-left: -232px;
   background: url('/images/auth/redireccion.png?v=54');
   text-align: center;
   font-size:1.4em;
}

#aviso p {
   margin: 50px 0 20px 0;
}

form.auth {
   width: 322px;
   margin: 0 auto;
}

form.auth input[type=password] {
   width: 316px;
   margin: 2px;
}
form.auth textarea {
   width: 316px;
   height: 100px;
   margin: 2px;
   resize: none;
}

form.auth h3 {
   color: #007CDB;
   font-weight: bold;
   margin: 6px 0 3px 0;
}