body {
	background: url(images/hugebg.jpg);
	text-align: center;
	font-family: Verdana;
	font-size: 0.9em;
	line-height: 1.2;
}

b, strong {
	font-weight: bold;
}

i, em {
	text-decoration: italic;
}

:focus {
	outline: 1px dashed black;
}

input:focus {
	border: 2px solid #f2be50;
	outline: 0px;
}

input {
	border: 1px solid #adc2d2;
}

@font-face {
	font-family: Comfortaa;
	src: url('http://www.arcanacomics.com.ar/Comfortaa.ttf');
}

h1, h2, h3 {
	/* color: #cde2f2; */
	color: black;
	margin-bottom: 0.6em;
	font-family: Comfortaa;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.1em;
}

#wrapper {
	text-align: left;
	width: 960px;
	margin: auto;
}
#header {
	background: url(images/header.png) bottom left no-repeat;
	width: 950px;
	height: 60px;
	margin-left: -10px;
	padding: 10px 20px 10px 10px;
	position: relative;
}
#bodyfoot {
	background: url(images/header.png) bottom left no-repeat;
	width: 950px;
	height: 15px;
	margin-left: -8px;
	padding: 10px 20px 10px 10px;
	position: relative;
}
#footer {
	background: url(images/footer.png) top left no-repeat;
	width: 950px;
	height: 30px;
	margin-left: -8px;
	padding: 20px 20px 10px 10px;
	position: relative;
}

#footer p {
	text-align:center;
}

#sitename {
	background: url(images/logo.png) bottom no-repeat;
	display: block;
	width: 128px;
	height: 24px;
	text-indent: -1000em;
	float: left;
	position: absolute;
	bottom: 30px;
	left: 20px;
}

#form_busqueda {
	position: absolute;
	bottom: 30px;
	left: 250px;
}

#direccion {
	background: url(images/dire.jpg) bottom no-repeat;
	display: block;
	width: 348px;
	height: 43px;
	text-indent: -1000em;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#navegacion {
	background: url(images/top.png) top left no-repeat;
	width: 950px;
	height: 10px;
	margin-left: -8px;
	padding: 10px 20px 10px 14px;
	font-family: Comfortaa;
}

/* navegacion */
#navegacion {
	margin-top: 30px;
}

#navegacion ul {
	list-style-type: none;
	margin-top: -30px;
}

#navegacion ul li {
    float:left;
    background: url(../images/tab-sel.png) right top no-repeat;
    margin-right: 3px;
    margin-left: 0;
}

#navegacion ul li.selected {
    background-image: url(../images/tab-sel.png);
}

#navegacion ul li a {
    color: #000;
    text-decoration: none;
    background: url(../images/tab-left.png) left top no-repeat;
    display: block;
    padding-bottom: 4px;
    padding: 5px 20px 4px;
}

#navegacion ul li.selected a {
    padding-bottom: 5px;
}

#navegacion .blog {
	float: right;
}

#body {
	background: white;
}

#inner {
	background: url(images/right.png) top right repeat-y;
	margin-right: -12px;
	padding: 0 12px 10px 10px;
}

#content {
	width: 750px;
	float: left;
}

#destacados li, #novedades li {
	float: left;
	position: relative;
	background-color: #e0eaf2;
	border: 1px solid #adc2d2;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 5px;
}

#destacados img, #novedades img, #imagenes img, .itemscoleccion, .itemscoleccion-xs img {
	background-color: white;
	border: 1px solid #adc2d2;
	padding: 3px;
}

.itemscoleccion-xs h2 {
	font-size: 0.7em;
	color: #3d6272;
}
#destacados li h2, #novedades li h2, .itemscoleccion h2 {
	color: #3d6272;
	font-size: 1em;
}

#destacados li {
	width: 228px;
	height: 365px;
}

#novedades li {
	width: 128px;
	height: 210px;
	font-size: 0.8em;
}

#destacados .precio, #novedades .precio {
	position: absolute;
	bottom: 10px; 
	font-family: Comfortaa;

}

#destacados .precio{
	left: 100px;
}

#novedades .precio {
	left: 55px;
}

#sidebar {
	float: right;
	margin-right: 15px;
	width: 176px;
	border: 0;
	padding: 0px;
}

#sidebar hr {
	border:0px;
	color:#adc2d2;
	background-color:#adc2d2;
	height:1px;
}

#sidebar h4 {
	font-size: 0.6em;
	color: #adc2d2;
	text-align: justify;
	text-justify: distribute-all-lines;
}

#imagenes {
	float: left;
	width: 126px;
	background-color: #e0eaf2;
	border: 1px solid #adc2d2;
	margin-right: 10px;
	text-align: center;
	padding: 5px;
}

#articulocontent {
	float: left;
	width: 600px;
	margin-bottom: 2em;
}
.searchcontent {
	float: left;
	width: 740px;
	margin-bottom: 2em;
}

/* #articulocontent p {text-align: justify;} */

#facebook-likebox {
        float: left;
        width: 590px;
	height: 80px;
	border: 0px;
	margin-top: 1em;
}


.itemscoleccion {
	float: left;
	margin-top: 10px;
}

.itemscoleccion li {
	text-align: center;
	background-color: #e0eaf2;
	border: 1px solid #adc2d2;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	width: 126px;
}


.itemscoleccion-xs {
	float: left;
	margin-top: 10px;
}

.itemscoleccion-xs li {
	text-align: center;
	background-color: #e0eaf2;
	border: 1px solid #adc2d2;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	width: 60px;
}

.ui-autocomplete {
	width: 300px;
	max-height: 400px;
	overflow: auto;
}

.ui-autocomplete img {
	float: left;
	height: 60px;
	width: 40px;
	margin-right: 5px;
}

.ui-menu-item {
	font-size: 0.8em;
	margin-right: 10px;
	clear: left;
}

.ui-menu-item .ui-corner-all {
	height: 60px;
}

.precio {
	font-family: Comfortaa;
	font-size: 1.6em;
	color: #d00;
	margin-bottom: 0.3em;
}

.autores {
	font-family: Comfortaa;
	font-size: 1.2em;
}
.editor {
	font-size: 1.2em;
	font-family: Comfortaa;
	margin-bottom: 0.5em;
}

.copyright {
	margin-top: 1em;
	font-size: 0.75em;
}

.descripcion p {
	text-align: justify;
	margin-bottom:1em;
}

.descripcion a {
	color:  #3d5262;
	text-decoration: none;
}
.descripcion a:hover {text-decoration: underline;}
.descripcion a:visited { color:  #adc2d2; }

.artpage-hr {
	color: #adc2d2; height: 1px; border:0;
	background-color:  #adc2d2;
	padding: 0;
	margin-top: 2em;
	margin-bottom: 2em; 
}
.searchpage-hr {
	color: #adc2d2; height: 1px; border:0;
	background-color:  #adc2d2;
	padding: 0;
	margin-top: 2em;
	margin-bottom: 2em; clear:both;
}

.vermas {
	font-family: Comfortaa;
	
	clear: both;
	width: 20%;
	text-align:center;
	float:right;
	background-color: #e0eaf2;
	border: 1px solid  #adc2d2;
	padding: 6px;
	 vertical-align:top;
}

.narrowcolumn h2 a {

	text-decoration: none;
color: black;
}
.narrowcolumn h2 a:hover {
	text-decoration: underline;
}
.narrowcolumn h2 a:visited {
color:black;
}
.narrowcolumn p {
	margin-bottom: 0.6em;
}
.narrowcolumn ul {
	list-style-type: circle;
	list-style-position: inside;

	margin-top: 1em;
	margin-left: 1em;
	margin-bottom:1em;
}

.narrowcolumn {
	padding-left: 20px;
	width: 700px !important; /* D: es de la clase narrowcolumn, pero el ID le gana a la clase */
}
.narrowcolumn .postmetadata {
	background-color: #e0eaf2;
	width: 94%;
	text-align:right;
	padding: 0.3em 3% 0.6em;
	border-bottom:1px solid #adc2d2;
}
.more-link {
	text-align:right;
	width 100%;
}