/*ESTILO DARK
ESTILOS GENERICOS*/
*
{
	outline: none;
}
#flechas
{
	width: 100%;
	text-align: center;
	padding-top: 10px;
	height: 40px;
}
BODY
{
	background-color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px;
}
.container
{
	font-size: small;
	width: 100%;
	color: #EEE;
	border-bottom: 1px solid #336600;
}
A:link, A:visited
{
	color: #8C7500;
	text-decoration: none;
}
A:hover
{
	color: #D9B500;
}
#banner
{
	background-color: #444;
	width: 100%;
	height: 27px;
	border-bottom: 1px solid #336600;
}
.logoWrapper
{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 160px;
	text-align: left;
}
#banner .logoWrapper
{
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 90%;
	float: left;
	line-height: 27px;
	font-weight: bold;
}
#banner .logoWrapper A:link
{
	color: #FFF;
	text-decoration: none;
	background: none;
}
#banner .logoWrapper A:visited
{
	color: #A9D9AE;
	text-decoration: none;
	background: none;
}
#banner .logoWrapper A:hover
{
	color: #99CCCC;
	text-decoration: none;
	background: none;
}
.logo
{
	background: url(../images/site_logo.png);
	background-repeat: no-repeat;
	text-align: left;
	width: 32px;
	height: 30px;
}
.logo A:link .logo A:hover .logo A:visited
{
	background: none;
	z-index: 15;
	text-decoration: none;
	margin: 0;
	height: 60px;
	border: 0;
}
.titulo
{
	background: url(../images/site_name_es.png);
	width: 160px;
	text-align: left;
	z-index: 15;
	text-decoration: none;
	margin: 0;
	height: 27px;
	border: 0;
}
.pbtitle
{
	background: url(../images/site_name.png);
	width: 160px;
	text-align: left;
	z-index: 15;
	text-decoration: none;
	margin: 0;
	height: 27px;
	border: 0;
}
.menu
{
	float: right;
	padding: 3px;
	font-size: 75%;
	color: #999;
}
.menu A:link, .menu A:visited
{
	padding: 0;
	line-height: 27px;
	text-decoration: none;
	color: #BBB;
}
.menu A:hover
{
	color: #333;
	background-color: #DDD;
}
.mainBody
{
	width: 100%;
	clear: both;
}
/*ESTILOS TEXTOS Y TITULOS*/
H1
{
	font-size: 75%;
	font-weight: lighter;
	color: #336600;
}
H2
{
	font-weight: lighter;
	font-size: 90%;
	color: #336600;
}
H6
{
	font-size: 110%;
	color: #336600;
}
/*ESTILOS ESPECIFICOS PAGINA PRINCIPAL*/
.contieneFoto
{
 position:relative; 
 margin:0 auto;
}
#details, #comments
{
	width: 100%;
	float: right;
	display: none;
	z-index: 50;
	clear: both;
}
.smallImg
{
	border: 2px solid #CCCCCC;
}
.wrapper
{
	width: 800px;
	margin: 0 auto;
	overflow: auto;
}
.wrapper H3
{
	font-size: 100%;
}
.notes, .commentList
{
	width: 400px;
	float: left;
	margin-bottom: 100px;
}
.details, .commentForm
{
	margin-left: 400px;
	margin-bottom: 100px;
}
/*Estilo "content" compartido con la pagina ABOUT*/
.content
{
	padding: 10px;
	line-height: 110%;
	font-size: 80%;
}
.commenter
{
	padding: 10px;
	line-height: 110%;
	font-size: 80%;
	text-align: center;
	border-top: 1px solid #336600;
}
.commentList UL
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.commentList UL LI
{
	margin-bottom: 10px;
	background-color: #222;
	border-left: 3px solid #888;
	padding: 8px;
}
#mainImg
{
	width: 100%;
	padding-bottom: 40px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	clear: both;
	text-align: center;
}
#abreDetalles
{
	position: absolute;
	z-index: 9;
	top: 99%;
	right: -1%;
	width: auto;
	line-height: 100%;
	font-size: 80%;
}
#abreDetalles A:hover
{
	background: none;
}
.archive
{
	width: 800px;
	margin: 0 auto;
}
#minirecientes
{
	clear: both;
	width: auto;
	margin-top: 10px;
	text-align: center;
}
#minirecientes .thumbnails
{
	background-color: #8C8C8C;
	opacity: .6;
	border: medium none #000000;
	height: 50px;
	margin: 0 4px 4px 0;
	width: 85px;
}
#minirecientes .thumbnails:hover, #minirecientes .current-thumbnail
{
	opacity: 1;
	border: medium none #000000;
	height: 50px;
	margin: 0 4px 4px 0;
	width: 85px;
}
#showdown
{
	float: left;
	margin-left: 82px;
	width: 20px;
	height: 15px;
	background: url(../images/abajo_dark.png);
	background-repeat: no-repeat;
}
#showup
{
	float: left;
	margin-left: 82px;
	width: 20px;
	height: 15px;
	background: url(../images/arriba_dark.png);
	background-repeat: no-repeat;
}
.previa
{
	background: url(../images/next_dark.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 20px;
	position: absolute;
	margin-left: 30%;
	margin-top: 0px;
}
.posterior
{
	background: url(../images/previous_dark.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 20px;
	position: absolute;
	margin-left: 70%;
	margin-top: 0px;
}
/*ESTILOS ESPECIFICOS PAGINA ARCHIVO*/
.contarchive
{
	font-size: small;
	width: 100%;
	color: #EEE;
	border-bottom: 1px solid #777;
	text-align: center;
}
#galeria
{
	float: left;
	clear: left;
	margin-top: 75px;
	margin-left: 160px;
	width: 60%;
	text-align: center;
	min-height: 450px;
}
#galeria A:link A:visited
{
	text-decoration: none;
}

/*#miniexplo
{
	padding: 5px;
	width:730px; /*dimensiones de 6 thumbs mas el padding
	height:430px; /*dimensiones de 6 thumbs mas el padding
	border: 1px solid #777;
	background-color:#666;
}*/
.thumbnails
{
	background-color: #8C8C8C;
	opacity: 1;
	border: medium none #000000;
	margin: 0 1px 1px 0;
}
.thumbnails:hover, .current-thumbnail
{
	opacity: .4;
	border: medium none #000000;
	margin: 0 1px 1px 0;
}
.numpag
{
	text-align: center;
	margin: 6px;
}
.numpag A:link, .numpag A:visited
{
	font-weight: bold;
	font-size: 100%;
	color: #336600;
}
.numpagactiva
{
	text-align: center;
	margin: 6px;
}
.numpagactiva A:link, .numpagactiva A:visited
{
	font-weight: bold;
	font-size: 125%;
	color: #D9B500;
}
.repag
{
	text-align: center;
	margin: 6px;
	color: #777777;
}
.repag A:link, .repag A:visited
{
	font-weight: bold;
	font-size: 110%;
	color: #336600;
}
.avpag
{
	text-align: center;
	margin: 6px;
	color: #777777;
}
.avpag A:link, .avpag A:visited
{
	font-weight: bold;
	font-size: 110%;
	color: #336600;
}
.categor
{
	width: 170px;
	height: auto;
	clear: right;
	font-size: 100%;
	background: url(../images/cat_es.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 1px solid #336600;
	margin-top: 50px;
	margin-right: 20px;
	float: right;
	padding-left: 35px;
	text-align: left;
}
.etiquetas
{
	min-height: 400px;
	width: 170px;
	height: auto;
	clear: right;
	font-size: 80%;
	background: url(../images/tags_es.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 1px solid #336600;
	margin-top: 30px;
	margin-right: 20px;
	float: right;
	padding-left: 35px;
	padding-bottom: 15px;
	text-align: justify;
}
.categories
{
	width: 170px;
	height: auto;
	clear: right;
	font-size: 100%;
	background: url(../images/cat.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 1px solid #336600;
	margin-top: 50px;
	margin-right: 20px;
	float: right;
	padding-left: 35px;
	text-align: left;
}
.tags
{
	min-height: 400px;
	width: 170px;
	height: auto;
	clear: right;
	font-size: 80%;
	background: url(../images/tags.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-left: 1px solid #336600;
	margin-top: 30px;
	margin-right: 20px;
	float: right;
	padding-left: 35px;
	padding-bottom: 15px;
	text-align: left;
}
/*ESTILOS ESPECIFICOS PAGINA ABOUT*/
.about
{
	width: 800px;
	margin: 0 auto;
}
.bio
{
	text-align: justify;
	color: #BBB;
	padding: 10px;
	line-height: 110%;
	font-size: 80%;
	border-bottom: 1px solid #336600;
}
.aviso
{
	color: #BBB;
	text-align: justify;
	border-top: 1px solid #336600;
	padding: 10px;
	line-height: 105%;
	font-size: 73%;
}
.aviso A:link, .aviso A:visited
{
	text-decoration: none;
	color: #336699;
}
.aviso A:hover
{
	color: #DDD;
}
#bioimg
{
	float: left;
	border: 1px solid #336600;
	padding: 2px;
	margin: 0 10px 10px 0;
}
.sidebar
{
	width: 200px;
	float: right;
	margin: 0 0 10px 20px;
}
.sidebar UL, .column UL
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.sidebar UL LI, .column UL LI
{
	margin-bottom: 10px;
}
.columns
{
	clear: both;
	overflow: auto;
	height: 1%;
}
.content A:link, .content A:visited
{
	text-decoration: none;
	color: #336699;
}
.content A:hover
{
	color: #DDD;
}
.column1
{
	width: 40%;
	float: left;
	color: #336666;
}
.column2
{
	width: 40%;
	float: left;
	color: #336666;
}
.column3
{
	width: 20%;
	float: left;
	color: #A9D9AE;
	text-align: center;
}
.column4
{
	width: 100%;
	float: left;
	color: #336666;
}
/*ESTILOS PAGINA CONTACTO*/
.contacto
{
	width: 370px;
	float: left;
	padding-left: 25px;
	padding-top: 15px;
	margin-top: 40px;
	margin-left: 80px;
	text-align: left;
	border-top: 1px solid #336600;
	border-left: 1px solid #336600;
	border-right: 1px solid #336600;
	clear: left;
}
/*ESTILOS PIE DE PAGINA*/
.footer
{
	width: 100%;
	padding: 10px;
	border-top: 1px solid #336600;
	font-size: 80%;
	clear: both;
	text-align: center;
}
.footer A.light
{
	background-color: #FFF;
	border: 1px solid #FFF;
	width: 35px;
}
.footer A.dark
{
	background-color: #111;
	border: 1px solid #EEE;
	width: 35px;
}
/*ESTILOS ESPECIFICOS SUBMENUS PAGINA PRINCIPAL*/
#EXIF
{
	position: absolute;
	margin: 3px;
	z-index: 10;
	width: 100%;
	bottom: 0%;
	left: 0;
	text-align: left;
	background-color: #FFF;
	color: #111;
	display: none;
	font-size: 85%;
}
#EXIF .title
{
	background-color: #CCC;
	text-align: left;
	margin: 0;
	padding: 4px 10px;
}
#EXIF .aspa
{
	position: absolute;
	z-index: 15;
	top: 0;
	right: 0;
	background-color: #CCC;
	width: auto;
	float: right;
	text-align: right;
	margin: 0;
	padding: 4px 10px;
}
#EXIF .links
{
	text-align: right;
	margin-top: 5px;
}
#EXIF .title .links A:link, #EXIF .title .links A:visited
{
	color: #333;
	background: none;
	font-weight: bold;
}
#EXIF .title .links A:hover
{
	color: #000;
	background: none;
}