@charset "utf-8";
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
#gl {
	top: initial !important;
	bottom: 0;
	background-color: #000 !important;
	color: #FFF;
	padding: 15px;
	font-size: 1.2em;
}
#gl a { color: #E3AEAE !important; }
#gl a:first-child {
	color: #EBA5A5 !important;
	font-size: 1.3em !important;
}
input[type="text"],
input[type="password"],
input[type="textfield"] {
	padding: 10px;
	border: 1px solid #BDBDBD;
	background-color: #FFF;
}
textarea { resize:vertical; }
select.v2 {
	background-color: #FFF;
	padding: 5px 10px;
	border: 1px solid #BDBDBD;
}
#categoria, #categoria2, #categoria3{color:#f25c05; margin-bottom:10px}
.col ul{}
.col li{
	list-style:disc;
	line-height:22px;
	position: relative;
	right: 12px;
	white-space: pre;
}
.col2 {
	float:left;
	background-color:#eee;
	margin-top: 1px;
	margin-right: 9px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.alist{
	height:21px;
	text-decoration:none;
	display:block;
	clip: rect(2px,0px,3px,12px);
}
.alist:hover{
	color:#990000;
	padding-left:2px;
	background-image: url(imagenes/bgbutonsroll.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.eliterelatos-intro {
	height: auto;
	padding: 20px 0px;
	background-image: none;
	background-color: #FFF;
	box-shadow: 0 2px 10px #AAA;
	border-radius: 2px;
}
.eliterelatos-intro .home-title {
	height:30;
	padding-bottom:10px;
	border-bottom:1px solid #BFBFBF;
}
.eliterelatos-intro .title {
	line-height: 15px;
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
    text-shadow: 0 0 0px #838383;
}
.eliterelatos-intro .title span {
	display: block;
	margin-bottom: 2px;
}
/* CSS Document */
.SECCION	{FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 11px; COLOR: #000088; TEXT-DECORATION: none}
.SECCION4	{FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 13px; COLOR: #000088; TEXT-DECORATION: none}
.SECCION2	{FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 16px; COLOR: #000088; TEXT-DECORATION: none}
.SECCION3	{FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 16px; COLOR: #FF0000; TEXT-DECORATION: none}
.titulo_negro	{
	FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial;
	FONT-SIZE: 16px;
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 8px;
}
.ENCABEZADO {FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 26px; FONT-WEIGHT: bold; COLOR: #370909; TEXT-DECORATION: none}
.ENCABEZADO2 {FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 22px; FONT-WEIGHT: bold; COLOR: #370909; TEXT-DECORATION: none}
.titulo {FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 13px; FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none}
FONT {FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 11px}
TD {FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 11px}
BODY {
	FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial;
	FONT-SIZE: 11px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
P {FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 11px}
DIV {FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 11px}
checkbox {
	FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial;
	FONT-SIZE: 13px;
	background-color: #C0C8E7;
	border: 2;
	font-weight: bold;
	border-color: #000000;
}
INPUT {
	FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial;
	FONT-SIZE: 13px;
	background-color: #C0C8E7;
	border: 2;
	font-weight: bold;
	border-color: #000000;
}
SELECT {
	FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial;
	FONT-SIZE: 12px;
	background-color: #C0C8E7;
	border: 2;
	font-weight: bold;
	border-color: #000000;
}
TEXTAREA { FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial; FONT-SIZE: 11px}
FORM {
	FONT-FAMILY: Tahoma, Verdana, Helvetica, Geneva, Arial;
	FONT-SIZE: 11px;
	border: 2;
	border-color: #FF0000;
}
A:link {
	BACKGROUND: none;
	COLOR: #000000;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Helvetica;
	TEXT-DECORATION: none
}
A:active {
	BACKGROUND: none;
	COLOR: #000000;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Helvetica;
	TEXT-DECORATION: none
}
A:visited {
	BACKGROUND: none;
	COLOR: #000000;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Helvetica;
	TEXT-DECORATION: none
}
A:hover         {
	BACKGROUND: none;
	COLOR: #AD0101;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Helvetica;
	TEXT-DECORATION: none
}
.title 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.texto 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica;padding-left:10px;padding-top:6px }
.storytitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.option 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
h1 {
	font-family : verdana;
	font-style : normal;
	text-decoration : none;
	margin : 0;
	font-weight: normal;
	font-size: 12pt;
}
.rojito               {FONT-FAMILY: Verdana ; FONT-SIZE: 13px ; TEXT-DECORATION: none ; COLOR: #FF0000 ; FONT-WEIGHT: bold}
.rojito2               {FONT-FAMILY: Verdana ; FONT-SIZE: 12px ; TEXT-DECORATION: none ; COLOR: #FF0000 ; FONT-WEIGHT: bold}
A.listado:link    {BACKGROUND:#E0E0E0; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.listado:active  {BACKGROUND:#E0E0E0; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.listado:visited {BACKGROUND:#E0E0E0; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.listado:hover   {BACKGROUND:#660000; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.autor:link    {BACKGROUND:#660000; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.autor:active  {BACKGROUND:#660000; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.autor:visited {BACKGROUND:#660000; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
#fotouser {
	position: relative;
	right: 2px;
	bottom: 2px;
}
A.autor:hover   {BACKGROUND:#FFFFFF; COLOR: #660000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
#header {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	width: 902px;
	height: 184px;
	background-image: url(imagenes/header.jpg);
}
#top #banner {
	height: 90px;
	width: 728px;
	position: relative;
	left: 7px;
	top: 12px;
}
#top #emaillist {
	width: 150px;
	position: relative;
	clear: left;
	float: right;
	right: 9px;
	bottom: 78px;
}
#top {
	background-image: url(imagenes/top.jpg);
	width: 902px;
	height: 130px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.titulosmenus {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
#categoriastitle {
	font-family: Verdana;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	left: 56px;
	width: 400px;
	top: 7px;
}
#header #menutop {
	position: relative;
	top: 150px;
}
.menu {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.menu a:link {
	font-family: Verdana;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
.menu a:visited {
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #990000;
	font-weight: bold;
}
.menu a:hover {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.relatosantiguos {
	font-family: Verdana;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
}
.relatosantiguos a:link {
	font-family: Verdana;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
}
.relatosantiguos a:visited {
	font-family: Verdana;
	font-size: 15px;
	text-decoration: none;
	color: #CCCCCC;
}
.relatosantiguos a:hover {
	font-family: Verdana;
	font-size: 15px;
	color: #350000;
	text-decoration: none;
}
#cabrelatos {
	position: relative;
	left: 10px;
	width: auto;
}
.rojitopeq {
	FONT-FAMILY: Verdana;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none;
	COLOR: #FF0000
}
#lec {
	width: 550px;
	position: relative;
	left: 12px;
	clear: right;
	float: left;
	top: -2px;
	height: 15px;
}
.relatosantiguos #contrel {
	width: 560px;
	left: 12px;
	position: relative;
}
#footer {
	height: 146px;
	width: 902px;
	margin: 0 auto;
	background-color: #999999;
	border-top: 1px solid #848484;
	/*background-image: url(imagenes/footer.jpg);*/
}
#footer p { font-size: 15px; }
#favautores {
	width: 270px;
	left: 23px;
	position: relative;
}
#favrelatos {
	width: 270px;
	left: 23px;
	position: relative;
	top: 3px;
}
#relatoscont {
	width: 550px;
	position: relative;
	left: 12px;
}
.textgris {
	font-family: Verdana;
	font-size: 10px;
	color: #666666;
}
#nombreficha {
	position: relative;
	width: 540px;
	left: 23px;
}
.nombreficha {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.categorias {
	font-family: Verdana;
	font-size: 12px;
	color: #AD0101;
	text-decoration: none;
	font-weight: bold;
}
.categorias a:link {
	font-family: Verdana;
	font-size: 12px;
	color: #AD0101;
	text-decoration: none;
	font-weight: bold;
}
.categorias a:visited {
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	color: #AD0101;
	font-weight: bold;
}
.categorias a:hover {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.titulorelato {
	font-family: Verdana;
	font-size: 11px;
	color: #AD0101;
	text-decoration: none;
	font-weight: bold;
}
.titulorelato a:link {
	font-family: Verdana;
	font-size: 11px;
	color: #AD0101;
	text-decoration: none;
	font-weight: bold;
}
.titulorelato a:visited {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #AD0101;
	font-weight: bold;
}
.titulorelato a:hover {
	font-family: Verdana;
	font-size: 11px;
	color: #6D0101;
	text-decoration: none;
	font-weight: bold;
}
li {
	position: relative;
	margin-top: 2px;
	right: 23px;
	color: #990000;
	list-style-image: url(imagenes/bullet.jpg);
	margin-bottom: 5px;
}
.relatosresumen {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
}
#footer #testfooter {
	position: relative;
	top: 34px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#footer #linksfooter {
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	top: 24px;
}
.rltotal {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #973D00;
}
.rlusers {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #006600;
}

/* style for new pagination */
div.menutop {
	font-family: 'Trebuchet MS', Arial, Helvetica;
	font-size: 13px;
	margin: 3px;
	padding: 3px;
}
div.menutop a {
    color: #FFFFFF;
    font-family: 'Trebuchet MS', Arial, Helvetica;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    background-image: url(imagenes/bg-menutop.jpg);
    font-weight: bold;
    box-shadow: 0px 1px 1px #8A0707;
    font-size: 1em;
    white-space: nowrap;
    margin: 1px;
}
div.menutop a:hover, div.pagination a:active {
    color: #000000;
    background-image: url(imagenes/bg-roll-menutop.jpg);
    box-shadow: 0px 1px 1px #8A0707;
}
div.menutop span.current {
	font-family: 'Trebuchet MS', Arial, Helvetica;
	font-size:9pt;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFFFFF;
	color: #000000;
}
div.menutop span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
div.menutop span.dots {
	font-family: Arial, Verdana, Helvetica;
	font-size:16px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #003399;
}
.linksfooter {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.linksfooter a:link {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.linksfooter a:visited {
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}
.linksfooter a:hover {
	font-family: Verdana;
	font-size: 10px;
	color: #990000;
	text-decoration: none;
}
table.index-movil {
  border: 1px solid #AAA;
  padding: 2px;
  background-color: #DDD;
  box-shadow: 0px 1px 1px #AAA;
  margin-top: -15px;
}
table .last-contos {
  font-size: 17px;
  color: #CC6A32;
  border-bottom: 1px dotted #CC6A32;
  margin-bottom: 30px;
  text-align: left;
}
table div.conto {
  padding-bottom: 5;
  padding-top: 5;
  font-size: 20px;
  color: #EEE;
  background-color: #888;
  padding: 20px 10px;
  border-radius: 2px;
  text-align: left;
}
/****************************************/
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
tr td img {
	box-shadow: 0px 1px 1px #A9A9A9;
	border-radius: 0px;
	max-width: 860px;
}
.contenedor-comentarios {
	font-size: 12px;
	padding:10px;
	background:#EFEFEF;
	border:1px solid #BBB;
}
.contenedor-comentarios p {
	padding-bottom: 5px;
	border-bottom: 1px solid #AAA;
}
.contenedor-comentarios p:last-child { border-bottom: medium none; }
.success-comment {
	display: block;
	color: green;
	font-size: 20px;
	border-bottom: 1px solid;
	padding: 2px;
	margin-bottom: 5px;
}
.volver {
	font-size: 25px;
	color: #FFFFFF;
	background-color: #AA0000;
	-moz-box-shadow: 0px 0px 1px #2F2F2F;
	-webkit-box-shadow: 0px 0px 1px #2F2F2F;
	box-shadow: 0px 0px 1px #2F2F2F;
	padding: 10px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99999999;
}
.volver a {
	font-size: 18px;
	color: #FFF;
	border: 1px solid;
	padding: 2px 10px;
}
div.center {
	display: block;
	width: 80%;
	margin: 30px auto;
	background-color: #FFF;
	padding: 10px 50px;
	border: 1px solid #BBB;
	position: relative;
	top: 20px;
	z-index: 1;
}
div.center .img-details {
	font-size: 13px;
	color: #AA0000;
	display: block;
}
div.center textarea {
	resize: vertical;
	width: 99%;
}
.contenedor-buscador {
	width: 900px;
	background: #FFF;
}
.contenedor-buscador form.buscador-form {
	background: #999999;
	padding: 15px;
	vertical-align: middle;
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #6F6F6F;
}
.contenedor-buscador form.buscador-form #caja-busqueda {
	width: 40%;
	padding: 10px;
	border: 1px solid #A00;
	background-color: #FFF;
}
::-webkit-input-placeholder {
	color: #AA0000;
}
.procurar {
	padding: 10px 40px;
	background-color: #AA0000;
	font-size: 15px;
	border: medium none;
	margin-left: -3px;
	box-shadow: 0px 1px 1px #2F2F2F;
	color: #F2F2F2;
	cursor: pointer;
}
.procurar.small { padding: 10px 20px; }
.procurar:hover { background-color: #CE0A0A; }
h1.cerrar-sesion {
	display: block;
	background-color: #DDD;
	border-bottom: 1px solid #999999;
	font-weight: 700;
	text-align: right;
	margin: 0;
	float: right;
	width: 100%;
	padding: 9px 0px;
}
h1.cerrar-sesion span {
	background-color: #AA0000;
	border: medium none;
	box-shadow: 0px 1px 1px #2F2F2F;
	color: #F2F2F2;
	cursor: pointer;
	padding: 3px 8px;
	margin-right: 10px;
	font-size: .8em;
}
.bredcrumbs {
	vertical-align: middle;
    background-color: #C1C1C1;
    border-left: 1px solid #969696;
    padding: 20px 5px;
}
.resumen-historia span {
	display: block;
}
.contenedor-historia { border: 1px dotted; }
.contenedor-historia div {
	padding-left: 10px;
	padding: 10px;
	background-color: #BBB;
}
.contenedor-historia span {
	border-bottom: 1px dotted #000;
	display: block;
	padding: 10px;
	color: #AA0000;
}
.categorias .listado-categorias {
	border-bottom: 1px solid #C1C1C1;
	text-align: left;
	background-color: #CACACA;
	padding: 0 10px;
}
.categorias .listado-categorias ul { list-style-type: none; }
.categorias .listado-categorias ul li a { color: #333; }
.categorias .listado-categorias ul li a:hover { color: #C75252; }
.categorias .listado-categorias a h2 {
	text-indent: 15px;
	border-bottom: 1px dotted #999;
}
.section-title {
	padding: 10px;
	background-color: #DDD;
	margin: 15px 0;
	width: 95%;
	border-radius: 2px;
	box-shadow: 0px 1px 2px #000;
}
.results-content {
	border-bottom: 1px solid #C1C1C1;
	text-align: left;
	background-color: #CACACA;
	padding: 10px 50px;
	width: 83%;
}
.results-content p {
	padding: 5px;
	font-size: 1.5em;
}
.results-content p.title a {
	font-size: 1em;
	color: #AD0101;
}
.results-content p.title a:hover,
.results-content p.title a:hover > span {
	color: red;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.section-title span,
.results-content p.title a span,
.results-content p.text span {
	color: #B37E4C;
	background-color: #EADBCD;
	border: 1px solid #ECB683;
	padding: 0px 1px;
}
.results-content p.title {
	font-weight: 700;
	font-size: 2.1em;
}
.results-content p.text {
	background-color: #C1C1C1;
	padding: 10px;
	border-radius: 2px;
	box-shadow: 0px 1px 1px #474747;
}
.instrucciones-recordar {
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	border-width: 3px;
	font-size: 14px;
	background-color: #E2E2E2;
	padding: 20px;
	border: 1px solid #AAA;
}
.uploaded {
	text-align: left;
	font-size: 15px;
}
.uploaded textarea 	{
	min-height: 210px;
	width: 99%;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 3px;
	padding: 10px;
	resize: none;
	background-color: inherit;
}
.uploaded embed {
	width: 96%;
	height: 258%;
	padding: 10px;
	box-shadow: 0px 1px 1px #000;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #BBB;
}

.form-confirm {
	padding: 0 10px;
    margin: auto;
	margin-bottom: 30px;
}
.form-confirm .file_content {
	text-align: left;
	padding: 0;
}
.form-confirm h2 {
	border-bottom: 1px dotted;
	color: #383737;
	font-size: 2em;
}
.form-confirm .file_content p {
	font-size: 20px;
	margin: 10px 0;
	color: #505050;
	font-weight: normal;
}
.form-confirm .file_content input[type="text"]{
	width: 100%;
    border: 1px solid #AAA;
    padding: 10px 15px;
    color: #777272;
    background-color: #DDD;
}
.form-confirm .file_content textarea, .form-confirm .file_content embed {
	width: 98%;
	height: 340px;
	border: 1px solid #AAA;
	resize: none;
}
.form-action {
	margin: 20px;
	padding: 5px;
	border-top: 1px solid #DDD;
}
div.important {
	border: 1px solid red;
	background-color: #F7E0E0;
	padding: 5px;
}
h1.success {
	border: 1px solid green;
	padding: 5px;
	margin: 0 20px;
	color: green;
	background-color: #E2E2E2;
}
p.p-images-relatos {
	background-color: #DDD;
	padding: 9px;
	width: 90%;
	margin: 0 auto;
	box-shadow: 0px 1px 2px #000;
	margin-bottom: 10px;
}
p.p-images-relatos img {
	max-width: 30%;
	box-shadow: 0px 1px 2px #000;
}
div.center { background-color: #EEE; }
div.center form {
	padding: 5px 0;
	border: 1px solid #B5B5B5;
}
.form-confirm h3.revisa_relato {
	text-align: left;
	color: #343434;
	text-shadow: 0px 0px 0px #AA0000;
	border-bottom: 1px dotted #383737;
	margin: 0;
	font-size: 15px;
}
td.adjuntar_fotos p {
	border: 1px solid #CFCFCF;
	padding: 5px;
	background-color: #DDD;
}
td.adjuntar_fotos p,
td.adjuntar_fotos p a {
	font-size: 15px;
	color: #000;
	font-weight: 600;
}
td.adjuntar_fotos p a { color: #A00; }
A: link , A:visited {text-decoration: none }
.Estilo1 {
	color: #FFFFFF;
	font-weight: bold;
}
.title a.listado:link {
	background-color: transparent;
	padding: 0 6px;
}
.title a.listado:link:nth-child(1) { font-size:12px; }
.title a.listado:link:nth-child(2) { font-size:13px; }
.title a.listado:hover {
	background-color: #F1F1F1;
	color: #000;
}
.title font { font-size: 14px; }
td a.listado:hover {
	background: #E2E2E2;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Helvetica;
	text-decoration: none;
}
td h1.relato {
	font-size: 24px;
	text-align: center;
	color: #5F5F5F;
	text-transform: capitalize;
	background-color: #CFCFCF;
	padding: 5px 0;
	box-shadow: 0px 1px 1px #999999;
	cursor: default;
}
td.detalles-relato { background-color: #DAD8D8; }
td.detalles-relato a {
	padding: 0 5px;
	font-size: 15px;
}
td.detalles-relato a:hover {
	background-color: transparent;
	color: #000;
}
/*#####*/
table td.table-central { background-color: #CFCFCF; }
table.table-sidebar tr.cabecera td {
	background: linear-gradient(to right, rgba(196,196,196,1) 1%, rgba(228,228,228,1) 2%, rgba(228,228,228,1) 98%, rgba(196,196,196,1) 100%, rgba(196,196,196,1) 52%);
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}
table.table-sidebar tr.cabecera td div {
	padding: 12px;
	background: radial-gradient(ellipse at center, rgba(122,122,122,1) 0%, rgba(153,153,153,1) 34%, rgba(153,153,153,1) 50%, rgba(122,122,122,1) 99%);
	border-radius: 25px;
}
table.table-sidebar tr.cabecera td div p {
	margin: 0;
	cursor: default;
}
table.table-sidebar tr.pie td {
	background: radial-gradient(ellipse at center, rgb(164, 164, 164) -18%, rgb(64, 64, 64) 93%);
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	height: 30px;
	margin-bottom: 2px;
	display: block;
}
table.table-sidebar tr.columna td {
	background-image: none;
	background: linear-gradient(to right, rgba(196,196,196,1) 1%, rgba(228,228,228,1) 2%, rgba(228,228,228,1) 98%, rgba(196,196,196,1) 100%, rgba(196,196,196,1) 52%);
}
table.table-center {
	background-color: #DAD8D8;
	border: 1px solid #AAA;
	padding: 10px 2px;
	box-shadow: 0 0 1px #AAA;
}
table.table-center td.breadcrumbs {
	padding: 12px;
	text-align: left;
	border-bottom: 1px solid #E6E6E6;
	background-color: #E4E4E4;
}
table.table-center td.breadcrumbs div.title {
	width: auto;
	vertical-align: middle;
	display: inline-block;
	color: #A00;
	font-size: 15px;
}
table.table-center h1.relato.titulo {
	font-weight: bold;
	text-shadow: 0px 0px 0px #000;
	font-size: 24px;
	text-align: center;
	color: #5F5F5F;
	text-transform: capitalize;
	background-color: #F2F2F2;
	padding: 5px 0;
	box-shadow: 0px 1px 1px #999999;
	cursor: default;
}
table.table-center tr.resumen-relato-title td,
table.table-center tr.completo-relato-title td {
    border: 1px solid #DDD;
	background-color: #CCC;
}
table.table-center tr.resumen-relato-cuerpo,
table.table-center tr.completo-relato-cuerpo {
	background-color: #E6E6E6;
	border-bottom: 1px solid #AAAAAA;
}
/*#####*/

@media screen and (max-width: 768px) {
	body .content-center {
		max-width: 95%;
		margin: 0 auto;
		clear: both;
	}
	body center.main-menu {
		width: 100%;
		float: left;
    	background-color: #DDD;
	}
	body center.main-menu h1.title {
		margin: 0;
		padding: 20px;
		background-color: #94664C;
		color: #F2F3C6;
		text-align: center;
		font-size: 2em;
		font-family: Helvetica;
		letter-spacing: 1px;
	}
	body center.main-menu h1.title:first-letter {
		color: #FF6000;
		font-style: italic;
		font-size: 2.2em;
		font-family: Helvetica;
		letter-spacing: 4px;
		font-weight: 600;
		border: 1px solid #863504;
		background-color: #FF6000;
		text-shadow: 0px 1px 5px #000000;
	}
	body center.main-menu div {
		text-align: left;
		clear: both;
		float: left;
		width: 95% !important;
		background-color: #EEE;
		box-shadow: 0px 2px 1px #AAA;
		top: 120px;
		left: 0px;
	}
	body center.main-menu .search-content {
		padding-top: 5;
		width: 100% !important;
		background-color: transparent;
		margin: 0 auto;
	}
	body center.main-menu .search-content form {
		margin: 0;
		padding: 10px 10px 20px;
	}
	body center.main-menu .search-content form input[type="text"] {
		border: 1px solid #AAA;
		padding: 10px 5px;
		background-color: #FFF;
		color: #000;
		box-shadow: 0px 1px 1px #AAA;
		width: 60%;
		margin-right: 10px;
	}
	body center.main-menu .search-content form button {
		padding: 10px 40px;
		background-color: #CC6A32;
		font-size: 15px;
		border: medium none;
		box-shadow: 0px 1px 1px #AAA;
		color: #F2F2F2;
		cursor: pointer;
	}
	body center.main-menu .search-content form button:hover { background-color: #E88C57; }
	body center.main-menu .menu-content {
		position: absolute;
	}
	body center.main-menu span.menutop a, body center.main-menu div a {
		float: left;
		clear: both;
		width: 95%;
	}
	div.menutop a {
		background-image: none;
		background-color: red;
		box-shadow: 0px 1px 1px #8A0707;
		font-size: 1em;
		white-space: nowrap;
		/*display: inline-block;*/
		width: 40%;
	    margin: 1px !important
	}
	body center.main-menu span.menu-icon {
		float: left;
		cursor: pointer;
		padding: 5px;
		color: #AC0203;
		font-weight: 900;
		background-color: #EEE;
		font-size: 14px;
		width: 10%;
		min-width: 40px;
		box-shadow: 0px 1px 1px #000;
		transition: all .4s ease-in-out;
	}
	body center.main-menu span.menu-icon:hover {
		width: 15%;
	}
	.autor { font-size: 15px !important; font-weight: 800; }
}
@media screen and (max-width: 468px) {
	body center.main-menu .search-content form input[type="text"] {
		border: 1px solid #AAA;
		padding: 10px 5px;
		background-color: #FFF;
		color: #000;
		box-shadow: 0px 1px 1px #AAA;
		width: 100%;
		margin-right: 10px;
	}
	body center.main-menu .search-content form button {
		padding: 10px 40px;
		background-color: #CC6A32;
		font-size: 15px;
		border: medium none;
		box-shadow: 0px 1px 1px #AAA;
		color: #F2F2F2;
		cursor: pointer;
		width: 100%
	}
}
@media screen and (max-width: 580px) {
	body table.enviar-relato textarea,
	body table.enviar-relato select,
	body table.enviar-relato input[type="text"],
	body table.enviar-relato input[type="file"] {
		background-color: #FFF;
		border: 1px solid #AAA;
		padding: 5px 10px;
		margin: 10px 0;
		width: 100%;
	}
	body table.enviar-relato textarea { resize: vertical; }
	body table.enviar-relato { padding: 10px; }
	body table.enviar-relato span,
	body table.enviar-relato font { display: block; width: 100%; }
	body table.enviar-relato span { display: inline; }
	.encabezado2 { font-size: 18px; }
}
@media screen and (max-width: 500px) {
  a.autor {
	padding: 1px 5px;
    border-radius: 2px;
    font-size: 11px !important;
  }
  form.login {
  	text-align: left;
  	padding: 15px;
  }
  form.login table input[type="text"],
  form.login table input[type="password"] {
	background-color: #FFF;
	border: 1px solid #AAA;
	padding: 5px;
  }
  form.login input[type="submit"] {
	border: medium none;
	background-color: #C34121;
	padding: 5px 15px;
	color: #FFF;
	cursor: pointer;
	box-shadow: 0px 1px 2px #671906;
	font-size: 15px !important;
	-webkit-appearance: none;
  }
}
@media screen and (max-width: 380px){
	#me-gusta { overflow: hidden; }
	#me-gusta span,
	#me-gusta iframe { width: 100% !important; }
}