/*
	------------------------------------------------------------------
	Creado por 		: JMB
	Fecha			: febrero 2021	
	------------------------------------------------------------------	
	Feel free to use it!!!
*/


/* *{
	margin: 0px;
	padding: 0px;
	background: #000000;
	font: 12px/24px Georgia, "Times New Roman", Times, serif; text-align:right; 
} */


body {
	margin: 0px;
	padding: 0px;
	background: #000000;
	font: 12px/24px Verdana, Georgia, "Times New Roman", Times, serif; text-align:right; 
}

html{
	margin: 0px;
	padding: 0px;
}


#container {
	background: #ec8e12 url(images/bg_body2.jpg) repeat-x left top;
	color:#FFFFFF;
	line-height: 18px;
	margin: 15px auto;
	/* width: 800px; */width: 90%;
	padding: 5px 20px 20px 20px auto;
	border: 1px solid #000;
}


/* #title h1  {
	color: #76B41C;
	letter-spacing: 1px;
	padding: 5px;
	margin: 10px auto ;
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	text-align:center;
} */

#title h1{
	font: bold 38px  Verdana, Cursive, Garamont, Georgia, "Times New Roman", Times, serif;
	color: /* #76B41C; */ orange;
	letter-spacing: 1px;
	padding: 20px;
	margin: 0px auto;
	text-align:center;
	text-transform: capitalize;
	border: 1px solid orange;
}

#title img{
	/* color: #76B41C; */
	padding: 0px;
	margin: 0px; 
	vertical-align: middle;
	/* border: 1px solid orange; */
} 

#title img:hover{
	color: orange;
}

#description{
	background: #000000;
	border: 1px solid #333333;
	padding: 10px;
	margin: 10px auto;
	width: 90%;
/* 	float: left; */
	height: auto;
	font-weight: bold;
	text-align:center;
}

#content {
	text-align:left;
	padding: 0px; 
	margin: 0px;
	color: #FFFFFF;		
}

.fecha-d{
	font-weight: bold;
	/* color: #666666; */
	text-align: right;
}

#content a {
	color: #fff;
	text-decoration: underline;
}

#content a:visited   {
	color: #999999;
	text-decoration: underline;
}

#content a:hover  {
	color: #000000;
	text-decoration: underline;
	background: #CCCCCC;
	border-bottom: 1px solid #000000;
	}

#content .category img {
	background: #fff;
	padding: 7px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
	float:right
}

#content .category {
	margin: 60px 0px 50px 0px;
	padding: 30px 0px 10px 0px;
	clear:both;
	height:auto;
}

.imageborderlarge {
	padding: 7px;
	margin: 5px 0px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

#footer {
	text-align:center;
	padding: 20px 0px 10px;
	clear: both;
	/* float: none; *//* float: block; */
	margin: 0px;
	/* font-size: 10px; */
	/* color: #999999; */
	}

#footer a:link, #footer a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	}

#footer a:hover {
	color: #FFFFFF;
}

.unvisible { 
	display: none;
 }

.thumbnail {
	/* float: left; */
	/* margin: 5px; */margin: auto;
	padding: 8px;
	text-align: center;
	color: #CCCCCC;
	/* width: 166px; */
	height: 170px;
	}

.thumbnail img{
	background: #000;
	padding: 7px;
	margin: auto;/* width: 100%; height:auto; */ 
	/* display:block; */
}

.thumbnail a {
	color:#999999;
	text-decoration: none;
}

a img:hover{
		border:1px solid green;
}

/* non IE  hover */
div.thumbnail:hover{
	background: #000;
	color: #76B41C;
	font-weight: bold;
}

a img {
	border:none;
	/* border:1px solid orange; */
}

/* #gallerycontainer{
	padding: 0px;
	text-align:center;
} */

#gallerycontainer{
	background: /*red */#000000 ;
	border: 1px solid #333333;
	padding: 10px;
	margin: 25px auto;
	width: 90%;
/* 	float: left; */
	display: flex;
	flex-wrap:wrap;
	height: auto;
	font-weight: bold;
	/* text-align:center; */

}