@import url('https://fonts.googleapis.com/css?display=swap&family=Roboto+Condensed');

body { font-family:'Roboto Condensed',Arial,Calibri,Verdana; font-size:15px; text-align:center; background-color:white; margin:0px }
A { font-family:'Roboto Condensed',Arial,Calibri,Verdana; font-size:15px; text-decoration:none }
input { font-family:'Roboto Condensed',Arial,Calibri,Verdana; font-size:12px; background-color:#EEEEEE; border-top:1px solid #AAAAAA; border-left:1px solid #AAAAAA; border-right:0px; border-bottom:0px }
select { font-family:'Roboto Condensed',Arial,Calibri,Verdana; font-size:12px }
textarea { font-family:'Roboto Condensed',Arial,Calibri,Verdana; font-size:12px; border-top:1px solid #AAAAAA; border-left:1px solid #AAAAAA; border-right:0px; border-bottom:0px }
video { max-height:500px }
section { text-align:center }

#pagina { width:1150px; background-color:white; margin:auto }
#menu { width:300px; float:left }
#menu A { color:#808080 }
#contenido { width:728px; margin-left:40px; float:left }
#derecha { width:70px; height:200px; text-align:left; position:sticky; top:80%; float:right }
#arriba { width:100%; height:41px; background-color:black }
.arriba_inner { width:1150px; margin:auto }
#arriba_cats { width:30%; margin-left:245px; float:left }
.arriba_centro { width:18%; text-align:left; padding-top:10px; float:left }
.arriba_der { width:28%; text-align:right; padding-right:20px; float:right }
#arriba_cats .blanco, #arriba_cats2 .blanco { color:#fdfdfd; font-size:16px; margin-right:10px }
.arriba_centro A, .arriba_der A { color:#fdfdfd; font-size:16px }
#arriba img { vertical-align:middle }
#abajo { width:100%; background-color:black; color:gray; margin-top:20px; text-align:left }
#abajo A { color:gray; font-size:12px }

#arriba_fijo { width:100%; height:41px; background-color:black; text-align:left; display:none }
#arriba_fijo.fixed { position: fixed; top:0; z-index:1; display:block }
#arriba_cats2 { width:45%; margin-left:5%; float:left }
#arriba_fijo img { vertical-align:middle }

.noticia { width:100%; color:#8B8B8B; text-align:left; margin:auto; margin-bottom:30px }
.noticia img { max-width:600px; max-height:600px }
.noticia A { color:#fc0f81 }

.titulo A, .titulo h1 { font-size:29px; text-transform:uppercase; margin-bottom:0px }
.titulo A .t1, .titulo h1 .t1, .div_paginacion .t1 { color:black; font-weight:bold }
.titulo A .t2, .titulo h1 .t2, .div_paginacion .t2 { color:#979797; font-weight:normal }
.noticia_abajo A:not(.Atag) { color:#8B8B8B }
.noticia_abajo .Atag { background-color:black; color:white; padding:3px }

.div_paginacion { text-align:right; padding-right:20px }
.paginacion { width:20px; background-color:#93979A; font-family:'Roboto Condensed',Arial,Verdana; font-size:11px; color:white; padding:2px 4px; text-align:center; margin-right:3px }
.paginacion2 { width:20px; background-color:#393F42; font-family:'Roboto Condensed',Arial,Verdana; font-size:11px; color:white; padding:2px 4px; text-align:center; margin-right:3px }
.paginacion A { color:white; font-size:11px; font-family:'Roboto Condensed',Verdana,Arial }

#publi_izq { width:336px; float:left }
#publi_der { width:336px; margin-right:5px; float:right }
.espacio_reservado { min-height:270px }
.espacio_reservado2 { min-height:100px }

#comentarios { width:90%; text-align:left }
#comen_imgs { display:none }
.comentario_izq { width:10%; margin-top:10px; float:left }
.comentario_der { width:85%; min-height:85px; margin-top:10px; float:right }
.comentario_der textarea { width:100%; height:50px; border:1px solid #808080 }
.comentario_der .comen { color:#808080; margin-top:5px; margin-bottom:7px }
.comentario_der .comen img { max-width:99% }
.comentario_der .peq { color:#808080; font-size:11px }
.comentario_der A { color:black }
.comentario_der_izq { width:15%; min-width:85px; margin-top:10px; float:left }
.comentario_der_der { width:80%; min-height:85px; margin-top:10px; float:right }
#respuesta_txt { display:none }
.com_votos_up { width:20px; height:22px; background-image:url(https://www.srviral.com/imagenes/2018/flecha_gris_arriba.png); margin-right:5px; cursor:pointer; float:left }
.com_votos_down { width:20px; height:22px; background-image:url(https://www.srviral.com/imagenes/2018/flecha_gris_abajo.png); margin-right:5px; cursor:pointer; float:left }
#quedan { font-size:12px; float:right }


#recomendados { width:270px; margin:auto }
.recomendados { width:270px; margin:auto }
.noti_recomendada { width:128px; font-family:'Roboto Condensed',Arial,Calibri,Verdana; font-size:11px; word-spacing:-3px; text-transform:uppercase; text-align:left; margin-left:5px; margin-bottom:5px; float:left }
.noti_recomendada img { width:128px }
.noti_recomendada .t1, .noti_recomendada2 .t1 { color:black; font-weight:bold }
.noti_recomendada .t2, .noti_recomendada2 .t2 { color:#828080; font-weight:normal }
/*
.noti_recom_titulo { display:table }
.noti_recom_titulo2 { height:20px; display:table-cell; vertical-align:bottom }
*/

#recomendados2 { width:95%; margin:auto }
.noti_recomendada2 { width:150px; font-family:'Roboto Condensed',Arial,Calibri,Verdana; font-size:11px; word-spacing:-3px; text-transform:uppercase; text-align:left; margin-left:5px; margin-bottom:5px; float:left }
.noti_recomendada2 img { width:150px }

.div_tags { float:right }
.div_votos { float:left }
.div_favorito { width:26px; height:22px; background-image:url(https://www.srviral.com/imagenes/2018/estrella.png); margin-right:5px; cursor:pointer; float:left }
.div_votos_up { width:26px; height:22px; background-image:url(https://www.srviral.com/imagenes/2018/flecha_arriba.png); margin-right:5px; cursor:pointer; float:left }
.div_votos_down { width:26px; height:22px; background-image:url(https://www.srviral.com/imagenes/2018/flecha_abajo.png); margin-right:5px; cursor:pointer; float:left }
.div_puntos { margin-right:5px; float:left }

#arriba ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 7px 4px 7px 0;
  list-style: none;
}
#arriba ul li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 0px 2px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#arriba ul li ul {
  padding: 0;
  position: absolute;
  top: 24px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index:1;
}
#arriba ul li ul li {
  width:140px;
  background: #555;
  display: inline;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  padding: 1px;
  padding-left: 5px;
  font-size: 12px;
  float:left;
}
#arriba ul li A, #arriba ul li ul li A {
  color: #fdfdfd;
  font-size: 16px;
}
#arriba ul li ul li:hover { background: #666; }
#arriba ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#arriba_fijo ul {

  text-align: left;
  display: inline;
  margin: 0;
  padding: 7px 4px 7px 0;
  list-style: none;
}
#arriba_fijo ul li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 0px 2px;

  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#arriba_fijo ul li ul {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index:1;
}
#arriba_fijo ul li ul li {
  width:140px;
  background: #555;
  display: inline;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  padding: 1px;
  padding-left: 5px;
  font-size: 12px;
  float:left;
}
#arriba_fijo ul li ul li A {
  color: white;
}
#arriba_fijo ul li ul li:hover { background: #666; }
#arriba_fijo ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.dropdown { position: relative; display: inline-block; }
.dropdown img { cursor:pointer }
.dropdown_content { display: none; position: absolute; background-color: white; min-width: 200px; text-align:left; border:1px solid #808080; margin-left:-75px; margin-top:5px; z-index: 1; }
.dropdown_content_peq { display: none; position: absolute; background-color: white; min-width: 110px; text-align:left; line-height:30px; border:1px solid #808080; margin-left:-35px; margin-top:5px; z-index: 1; }
.dropdown_content_grande { display: none; position: absolute; background-color: white; min-width: 280px; text-align:left; font-size:12px; border:1px solid #808080; padding:10px; margin-left:-120px; margin-top:5px; cursor:default; z-index: 1; }
.dropdown_content_grande A { font-size:12px }
.dropdown_content .gris, .dropdown_content_peq .gris { color:#515151; font-size:16px }

#caja_busqueda, #caja_busqueda2 { width:100px; margin-left:10px }
#caja_busqueda input, #caja_busqueda2 input { width:100px; font-size:18px; background-color:#cccccc; border:0px }
#form_busqueda, #form_busqueda2 { display:inline }

#alertas { width:39px; height:35px; background-image:url(https://www.srviral.com/imagenes/2018/alertas.png); cursor:pointer; margin-top:4px; vertical-align:middle }
#alertas .cant { width:15px; font-size:10px; text-align:center; background-color:red; color:white; border-radius:10px }
#alertas .cant_activo { width:37px; height:30px; font-size:20px; text-align:center; background-color:white; color:red; font-weight:bold; border-radius:20px; padding-top:4px }

#iniciar_sesion { width:450px; height:400px; background-color:white; position:absolute; top:150px; left:45%; z-index:1; padding-top:5px; display:none }
#iniciar_sesion .ar_izq { font-size:25px; font-weight:bold; margin-left:20px; float:left }
#iniciar_sesion .ar_der { font-size:30px; margin-right:5px; cursor:pointer; float:right }
#iniciar_sesion #span_iniciar { color:black; font-size:17px; font-weight:bold; margin-right:30px;  cursor:pointer }
#iniciar_sesion #span_crear { color:black; font-size:17px; font-weight:bold; cursor:pointer }
.subr { border-bottom:3px solid #fec337 }
#div_iniciar_sesion { border-top:1px solid #e6e6e6; padding-top:10px }
#div_iniciar_sesion .formu input, #div_crear_cuenta .formu input { width:70% }
#div_iniciar_sesion .formu input[type=checkbox], #div_crear_cuenta .formu input[type=checkbox] { width:20px; margin-left:30px }
#div_iniciar_sesion .formu .boton { width:120px; margin-right:75px }
#div_crear_cuenta .formu .boton { width:120px }
#div_crear_cuenta { border-top:1px solid #e6e6e6; padding-top:10px; display:none }
#div_recuperar { border-top:1px solid #e6e6e6; padding:10px; display:none }
#div_recuperar_msg { color:red; font-weight:bold; margin-top:20px; display:none }
#google-ident, #facebook-ident { display:none }
#subir_contenido { width:700px; height:400px; background-color:white; position:absolute; top:25px; left:35%; z-index:1; padding-top:5px; display:none }
#subir_contenido .ar_der, #reportar .ar_der { font-size:15px; font-weight:bold; color:black; margin-right:5px; cursor:pointer; float:right }
.formu input { width:80%; background-color:#e6e6e6; color:#808080; font-size:15px; border:1px solid #808080; padding:5px; margin-top:7px }
.formu A { color:#808080 }
.formu .boton, .form_comen .boton { width:120px; font-size:18px; font-weight:bold; background-color:#fec337; color:black }
.form_comen input { background-color:white; border:1px solid black }
#reportar { width:400px; height:200px; background-color:white; position:absolute; top:150px; left:45%; z-index:1; padding-top:5px; display:none }
#reportar select { font-size:15px }

#reclamo { width:759px; height:353px; border:1px solid gray; position:absolute; top:115px; left:35%; z-index:1 }
#mensaje { width:300px; height:100px; border:1px solid #ccc; border-radius:4px; background-repeat:no-repeat; padding-left:90px; background-color:white; text-align:justify; font-size:13px; padding-right:15px; background-image: url(https://www.srviral.com/imagenes/2018/logo_peque.png); background-position-y:center; position:fixed; bottom:50px; right:30px; z-index:1 }
#mensaje div { font-size:18px; text-align:right }
#mensaje div span { cursor:pointer }
#srviral_tv { width:650px; height:400px; background-color:white; position:absolute; top:150px; left:37%; z-index:1; border:3px solid #b2b2b2; display:none }

#div_datos { width:500px; text-align:left; margin-left:100px }

.avatar { vertical-align:middle; max-width:85px; max-height:85px }
.avatar_menu { max-height:35px }
.derecha_notis { width:43px; height:37px; background-image:url(https://www.srviral.com/imagenes/2018/derecha_notificaciones.png); cursor:pointer; padding-top:8px; margin-left:3px }
.derecha_cant { width:15px; font-size:10px; text-align:center; background-color:red; color:white; border-radius:10px; margin-left:25px }
.hide { display:none }
.inline { display:inline }

#overlay {
    position: fixed;
    top: 0;
    left: 0;

    background-color: black;
    width: 100%;
    height: 100%;
    display: none;
}

.cookietool-message {

	position: fixed;
	width: 100%;
	padding: .2em;
	text-align: center;
	font-size: 12px;

	background: black;
	border: 0 solid #9AA704;
	color: #444;
}

.cookietool-message A {
	color: #444;

}

.cookietool-message button {
	background: black;
	color: white;
	border: 0;
	cursor: pointer;
}

.cookietool-message-top {
	border-bottom-width: 1px;
	top: 0;
}



.cookietool-message-bottom {

	border-top-width: 1px solid;
	bottom: 0;
}


.cookietool-message p {
	margin: 0;
	margin-bottom: .5em;
}