/*
Theme Name: Logona
Description: Plantilla para Logona sobre Bootic
URI: http://logona.cl
Author: Tomas Pollak
Author URI: http://bootlog.org
*/

/* gogogo!
--------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	background: fff;
	background-image: none;
	font-size: 62.5%;
/*	color: #2B2F29;*/
	color: #414b3b;
}


html,body,div,p,input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

img 	{ border-width: 0; }
li		{ list-style:none; font-size: 1.3em;}
p		{ line-height: 1.4em; font-size: 1.3em; margin-bottom: 1em; }
small	{ margin-bottom: 1em; }

a { outline:none; text-decoration: none; }
a:hover{ color: #000 !important; text-decoration: underline; }


/* estructura
--------------------------------------------------------------*/

#box{
	background: #fffff7 url(img/bg-body-3.jpg) center -40px no-repeat;
	width: 800px;
	margin: 30px auto;
	position: relative;
	border: 1px solid #ddd;
	padding-bottom: 30px;
}

#content{
	width: 470px;
	margin-right: 60px;
}
#sidebar{
	margin-left: 60px;
	width: 140px;
}

#section #sidebar{
	display: none;
}

#section #content{
	width: 640px;
}

/* colores
--------------------------------------------------------------*/

a:link, a:visited{ color: #485245; }


/* headings
--------------------------------------------------------------*/

h1,h2,h3,h4{
	font-family: Garamond, Georgia, serif;
	margin-bottom: 10px;
}

#content h2{
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: 1px solid #485245;
	padding: 0px 5px 3px;
}


/* header
--------------------------------------------------------------*/

h1 {
	margin-top: 20px;
}
h1 a{
	background: url(/themes/logona/images/logona.png) no-repeat;
	display: block;
	width: 183px;
	height: 55px;
	margin: 0 auto;
	text-indent: -9999px;
}


/* menus
--------------------------------------------------------------*/

ul#menu{
	width: 630px;
	margin: 10px auto 40px;
/*	border-top: 1px solid #b6bab0;*/
	text-align: center;
	padding-top: 10px;
	position: relative;
	background: none;
}

#index #menu{
	z-index: 1;
}

#menu li{
	display: inline;
	padding: 0 .8em;
	font-size: 1em;
	font-family: Garamond, Georgia, serif;
	letter-spacing: -0.02em;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	border-left: 1px solid #b6bab0;
}
#menu li:first-child{
	border: none;
	padding-left: 0;
}

#menu li a{
	color: #485245;
}

/* hidden stuff
--------------------------------------------------------------*/

#bajada,
#buscador,
#status{
	display: none;
}

/* sidebar
--------------------------------------------------------------*/

#sidebar h3{
	background: #485245;
	color: #fff;
	font-weight: normal;
	font-size: 1.1em;
	padding: 4px 5px;
	text-transform: uppercase;
	margin-bottom: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#sidebar li{
	font-family: Garamond, Georgia, serif;
	font-size: 1.2em;
	padding-left: 3px;
	margin-left:0;
	border-color: #b6bab0;
}
#sidebar li a:hover{
	color: black;
}

#side-marcas{
	display: block !important;
}

/* collections
--------------------------------------------------------------*/

.collection .tags{
color: #666;
}
.collection .tags a{
color: #666;
text-transform:lowercase;
}

ul.products{
	margin-left: 5px;
}

.collection li{
/*
	min-height: 170px;
	height: 170px;
*/
  height: 180px;
	padding: 10px 6px;
	margin: 10px 6px 5px;
}
.collection li img{
	background: #fff;
	border: 1px solid #b6bab0;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/*
html > body .collection li{
height: auto;
}
*/

.collection li h3{
	font-size: 1em;
}
.collection li small{
	margin-bottom: 0;
	color: #A347BF;
	font-weight: bold;
}

/* fichas
--------------------------------------------------------------*/

.ficha h3.model{
	font-size: 2.5em;
	letter-spacing: -0.07em;
	font-weight: normal;
	color: #222;
}

div.pleasebuy{
	background: url(/themes/logona/stylesheets/img/icon-cart.png) left 2px no-repeat;
	padding-left: 60px;
	margin: 15px 0 18px;
}

big.precio{
	font-size: 1.7em;
	float: none;
	display: block;
	margin-bottom: 0;
	color: #A347BF;
}

.add_to_cart{
	margin: 0 !important;

}
.add_to_cart input{
	margin-top: 3px !important;
	color: #666;
}

.cart table tr,
.cart table tr.odd{
	background: none !important;
}

/* pages
--------------------------------------------------------------*/

#section .texto img{
	float: left;
	margin: 5px 20px 20px 0;
	border: 1px solid #b6bab0;
	padding: 3px;
}

#section .texto p {
	margin-top: 10px;
}

#section .texto div{
	border-bottom: 1px solid #b6bab0;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* index
--------------------------------------------------------------*/

#index #content *{
	position: absolute;
}

#index #content{
	text-align: center;
}

#index .main{
	top: 30px;
	left: 80px;
}
#index #content a{
	width: 160px;
	text-transform: lowercase;
	font-size: 13px;
	text-align: right;
	right: 100px;
	top: 320px;
	font-family: Garamond, Georgia, serif;
	color: #A347BF;
	font-weight: bold;
}

#index .secondary{
	bottom: 10px;
	left: 10px;
}

#index .tertiary{
	bottom: 10px;
	right: 10px;
}

#index #sidebar{
	display: none;
}


/* contact
--------------------------------------------------------------*/

#contactform #content{
float: left;
	margin: 0  0 0 60px;
}
#contactform #sidebar{
float: right;
	margin: 0 60px 0 0;
}

#contactform form{
	border-right: 1px solid #b6bab0;
}

#contactform form input[type=text]{
width: 300px;
}

#contactform #sidebar h3{
display: none;
}


/* helpers
--------------------------------------------------------------*/

.hidden{
	display: none;
}
.invisible{
	visibility: hidden;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
.center{
	text-align: center;
}
.notext{
	text-indent: -9999px;
}
.scroll{
	max-height: 20em;
	overflow-y: auto;
}

.round{
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	-khtml-border-radius: .3em;
}


/* paginacion
--------------------------------------------------------------*/

.pagination{
	margin-top: 5px;
	font-size: 1.3em;
}
.pagination .disabled{
	display: none;
}
.pagination .current{
	color: #666;
	margin: 0 3px;
}
.pagination a{
	border: 1px solid;
	padding: 3px 5px;
	margin: 0 1px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
}
.pagination a:hover{
	color: #000;
}


/* forms, two kinds, normal and .paired
--------------------------------------------------------------*/

fieldset{
	border: 0;
	clear: both;
}
legend{
	display: none;
}

#contactform label{
color: #666;
}

/* submitters
-------------------------------------------------------------*/

button{
	padding: 1px 4px;
	color: #666;
}

p.submit label{
	display: inline;
}
.submit input,
.submit button{
	font-size: 1.2em;
	letter-spacing: -0.02em;
	width: auto;
}


/* footer, bien pegado al suelo -- hat tip para isma!
-------------------------------------------------------------*/

#box{
	min-height: 600px;
}

#footer{
	border: none;
	clear: both;
	width: 800px;
	position: absolute;
	bottom: -45px;
	left: -40px;
	font-size: 1.1em;
}
#footer p{
	margin: 0;
	font-family: Garamond, Georgia, serif;
	font-size: 1em;
	letter-spacing: -0.02em;
	color: #91978f;
}
#footer p a{
	color: #777977;
	text-decoration: underline;
}
#footer p a:hover{
	color: #333;
}