/*  
Theme Name: Vesper
Theme URI: http://valendesigns.com/free-vesper-theme-for-wordpress
Description: Vesper is a 2 column Wordpress theme with subpage support. This work is distributed under the terms of the GNU General Public License. This means you are free to use this template for any purpose, and make changes as you see fit. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2008
Version: 1.0.6
Author: <a href="http://www.valendesigns.com">Derek Herman</a> 
Tags: fixed width, simple, clean, widget ready, two columns, sidebar right, orange, valid XHTML, valid CSS, ie6, ie7, firefox 2.0, opera 9.0, wp-pagenavi, excerpt reloaded
*/

/* GLOBAL SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	margin: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 70%;
	background: #52525E url(images/headerbg100.jpg) repeat-x;
}
li {
	list-style: none;
}
hr {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
/* HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1, h2, h3, h4, h5 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 1.3em;
}
/* LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #6C0;
}

a img { border:none; cursor:pointer; }
/* MAIN SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper {
	position: relative;
	width: 950px;
	padding: 0 10px;
	margin: 0 auto;
	background: url(images/bgcontent.jpg) repeat-y #52525E;
	/*overflow:auto;*/
}
/*#wrapper:after, #header:after, .post:after, .post-date:after {
	content:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/


#header {
	position: relative;
	height: 215px;
	width: 960px;
	margin: 0 auto;
	
}

	div.head1 { background: url(images/bgheader1.jpg) no-repeat; }
	div.head2 { background: url(images/bgheader2.jpg) no-repeat; }
	div.head3 { background: url(images/bgheader3.jpg) no-repeat; }
	div.head4 { background: url(images/bgheader4.jpg) no-repeat; }
	div.head5 { background: url(images/bgheader5.jpg) no-repeat; }
	
#content {
	width: 605px;
	float: left;
	min-height: 455px;
	padding: 15px 5px 5px 15px;
	margin: 5px 25px 5px 0;
	background: #fff;/*url(images/bgcontent.jpg) repeat-y center #52525E;*/
	border: solid 3px #999;
}
#sidebar {
	width: 250px;
	min-height: 455px;
	float: right;
	padding: 0 26px 10px 10px;
	/*background: url(images/content-bg.gif) no-repeat top right;*/
}
#featured {
	width:940px;
	background:url(images/bgfeatured.png) no-repeat;
	height: 380px;
	margin: 0;
	padding:10px 0;
	/*border: solid 1px #6C0;*/
}
	#featcontent {
		width: 632px;
		height: 250px;
		float:left;
		margin: 0 20px 0 0;
		padding: 5px 10px;
	}
	#featcontent h2 { width:96%; background: none; margin:24px 0 0 0; padding:5px; font-size:20px; font-weight:bold; color: #666;  }
	#featcontent h2 a { color: #039;} 
	#featcontent h2 a:hover { color: #333;}
	

/* HEADER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#site-meta {
	/*position: absolute;
	left: 0;
	top: 30px;*/
	display:none;
}
#header h1 {
	position: relative;
}
#header h1 a {
	color: #7e4c10;
	color: #fff;
}
#header h1 a:hover {
	color: #5a360b;
	color: #7e4c10;
}
#header span.description {
	position: relative;
	margin-left: 5px;
	color: #7e4c10;
}
#header ul {
	/*position: absolute;
	left: 0;
	bottom: 1px;*/
	font: 15px;
	list-style: none;
	margin-top: 172px;
	float:left;
	padding: 0;
	text-transform: none;
}
#header li {
	display: inline;
}
#header li a {
	float: left;
	display: block;
	padding: 4px 10px 0px 10px;
	margin: 5px 0 0 0;
	color: #fff;
	text-decoration: none;
	margin-right: 2px;
	width: 80px;
	height: 21px;/*25-6*/
	text-align:center;
	/*background:#fff;
	border: 1px solid #f7951e;*/
	border-bottom: none;
	background: url(images/menuitembg.gif) no-repeat right;
}

#header li a:hover {
	color: #66CC00 /*f7951e*/;
	background: url(images/menuhoverbg.png);
	/*border: 1px solid #f7951e;*/
	border-bottom: none;
}
#header li.current_page_item a {
	color: #fff;
	background: url(images/menuhoverbg.png);
	/*border: 1px solid #f7951e;*/
	border-bottom: none;
}
	#header li.current_page_item a:hover {
	color: #66CC00 /*f7951e*/;
	}
	
#headright {
	width: 218px;
	float:right;
	margin: 58px 50px 0 0;
	clear:none;
}
#rsstop { height:80px; border: dotted 1px #2B384D; padding: 6px; /*background:#3E4F68;*/ }
#rsstop h2 { text-align: center; color:#6C0; margin: 0 0 10px 0; }
#rsstop a#viarss { text-align: left; color:#fff;  margin:0 0 15px 0; padding: 3px 32px 0 0; background:url(images/rss.png) no-repeat right; }
#rsstop p {text-align: left; color:#fff; margin: 8px 0 2px 0;}
#rsstop form { margin: 10px 0 0 0; }
#rsstop input#email { width:120px; height: 14px; float:left; padding: 3px; margin: 0 6px 0 0; background: #9CB5CF; border: solid 1px #305365; font-size:10px; }
#rsstop input#rssbutton { width:67px; height: 22px; float:left; background: url(images/suscribir.png); border: 0; color:#FFF; font-weight: bold; font-size:10px; }

	
#topsearch {
	width: 218px;
	margin: 26px 0 0 0;
	text-align: center;
  }

#topsearch input {
	width: 186px;
	height: 21px;
	background: url(images/sbg.png) no-repeat;
	border: none;
	padding: 3px 0 0 5px;
	margin-right: 0px;
	float: left;
	font: inherit;
	color: #465968;
}
#topsearch button {
	width: 22px;
	height: 22px;
	background: url(images/sbutton.png) no-repeat;
	border: none;
	text-indent: -9999px;
	float: right;
	cursor: pointer;
}
/* POST SECTION ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#destacado { background:none; }

.post {
	margin: 0 0 20px 0;
	background: url(images/hr.gif) 0% 100% no-repeat;
	padding: 0 0 10px 0;
	overflow:auto;
}
.post h2 {
	margin: 0 0 .2em;
	font-size: 1.6em;
}
.post h2 a {
	color: #666;
}
.post h2 a:hover {
	color: #6C0;
}
.post-info {
	background: url(images/hr.gif) 0% 0% no-repeat;
	padding: 5px 0;
	font-size: 90%;
	margin: 10px 0;
	color: #999;
}
.post-info a {
	color: #999;
}
.post-info a:hover {
	color: #84755c;
}
.post-info .setting {
	padding:3px;
	padding-left:20px;
	margin-right: 5px;
}
.post-info .datetime{
	background: url(images/clock.png) no-repeat 0 2px;
}
.post-info .user{
	background: url(images/user.png) no-repeat 0 2px;
}
.post-info .filedlink{
	background:/*#fff*/ url(images/document.png) no-repeat 0 2px;
}
.post-info .commentslink{
	background:/*#fff*/ url(images/comments.png) no-repeat 0 2px;
}
.post-info .editlink{
	background:/*#fff*/ url(images/write.png) no-repeat 0 2px;
}
.post-entry p {
	margin: 0 0 1em 0;
}
.post-entry a {
	color: #4f6373;
}
.post-entry a:hover {
	color: #84755c;
}
.post-entry span.more-link {
	display: block;
	margin: 10px 0;
}
.post-entry span.more-link a {
	color: #864901;
}
.post-entry span.more-link a:hover {
	color: #84755c;
}
.post-entry h3 {
	font-size: 1.25em;
	padding: 0 0 .5em;
	margin: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
.post-entry ul, .post-entry ol {
	margin: 0 0 1em;
}
.post-entry ul {
	margin-left: 1.5em;
}
.post-entry ul li, .post-entry ol li {
	list-style: square;
	border-bottom: 1px solid #fafafa;
	padding: .2em 0;
}
.post-entry ol {
	margin-left: 2em;
}
.post-entry ol li {
	list-style: decimal;
}
.post-entry blockquote {
	margin: 1.5em;
	padding: 1em;
	color: #999;
	font-style: italic;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	clear: both;
}
.post-entry img {
	/*float: right;*/
	margin: .4em 0 0 1em;
	padding: 5px ;
	border:0;
}
.post-entry img.alignright {
	float: right;
	margin: .4em 0 0 1em;
	padding: 0 0 10px 10px;
}
.post-entry img.alignleft {
	float: left;
	margin: .4em 1em 0 0;
	padding: 0 10px 10px 0;
}
.post-entry img.align-center {
	display: block;
	margin: .4em auto;
	padding: 0 10px 10px 10px;
}
.post-meta {
	font-size: 95%;
	color: #999;
}
.post-meta a {
	color: #999;
}
.post-meta a:hover {
	color: #84755c;
}
.post-arch-info {
	font-size: 95%;
	color: #999;
	margin: 0 0 2em;
	padding: 0 0 1em;
	border-bottom: 1px solid #f5f5f5;
}
.wp-pagenavi {
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	color: #555;
	padding: 0;
	text-align: right;
}
.wp-pagenavi a, .wp-pagenavi .current {
	padding: 3px 7px;
	border: 1px solid #ccc;
	color: #f7951e;
	margin-left: 1px;
	font-weight: normal;
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
	color: #555;
	background: #e2e2e2;
	font-weight: normal;
}
.wp-pagenavi .pages {
	float: left;
	line-height: 13px;
}

/* WP 2.6 REQUIRED ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* COMMENT ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#comments h2, #respond h2 {
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
#comments {
	margin: 0 0 1em;
	background: url(images/hr.gif) 0% 100% no-repeat;
	padding: 0 0 1em;
}
#comments h3 {
	font-size: 1.2em;
}
#comments img {
	float: left;
	margin: 0 5px 5px 0;
}
#comments p {
	padding-left: 40px;
}
.commentlist li {
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
#respond input, #respond textarea {
	width: 542px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	padding: 3px;
	margin: .1em 0 .5em;
}
#respond button {
	width: 75px;
	height: 35px;
	text-indent: -9999px;
	border: none;
	float: left;
	cursor: pointer;
}
#respond button#submit {
	background: url(images/submit.png) no-repeat;
	margin-right: 10px;
}
#respond button#reset {
	background: url(images/reset.png) no-repeat;
}
/* SIDEBAR ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar h2 {
	margin: 0;
	padding: 6px;
	border-bottom: 1px dotted #ccc;
	font-size: 15px;
	font-weight:bold;
	/*text-indent: -5px;*/
	background: #000;
	border-bottom:#6C0 solid 1px;
	color: #6C0;
}

#sidebar ul li {
	background: #70727E;/*#fff url(images/sidebar-li.gif) no-repeat 0 6px;*/
	color:#FFF;
	padding: 0 0 3px 0;
	margin: 15px 0;
}
#sidebar li ul {
	/*margin: 0 0 2em 0;*/
}
#sidebar li ul li {
	border-bottom: 1px dotted #999;
	padding: 4px 5px 4px 18px;
	margin: 3px 0 2px 0;
		
}
#sidebar li ul li:hover {
	background: #BCBDDA url(images/sidebar-li.png) no-repeat 0 3px;
	color: #333;
}
	#sidebar li ul li:hover a{
	width:100%;
	color: #333;
	}
#sidebar li ul li.current_page_item {
	padding-left: 8px;
	padding-right: 10px;
	background: #e8e8e8;
}
#sidebar li ul li.current_page_item a {
	color: #566635;
}
#sidebar li ul li ul li, #sidebar li ul li ul {
	display: none;
}
#sidebar li ul li {
	color: #222;
}
#sidebar li a {
	color: #fff;
}
#sidebar li a:hover {
	color: #66CC00;
}
#calendar  {
	margin-top: 10px;
	border-bottom: 1px dotted #ccc;
}
#wp-calendar {
	width: 90%;
	margin-left: 5%;
}
#wp-calendar caption {
	color: #864901;
	margin-top: 5px;
}
/* FOOTER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer_wrap {
	/*position: relative;*/
	clear: both;
	background: #808080 url(images/footer.png) repeat-x;
	text-align: center;
	padding: 0 0 0 0;
	color: #eee;
	margin-top: 0;
}
#footer {
	width: 904px;
	height: 80px;
	background: transparent url(images/footerbar.png) repeat-y right;
	text-align: left;
	font-size: 11px;
	padding: 20px 10px 0 10px;
	margin: 0 auto;
}
#footer a {
	color: #eee;
}
#footer a:hover {
	color: #66CC00;
}

a#credits {	
	background: url(images/logo32.png) no-repeat right;
	padding: 8px 0 0 0;
	width: 120px;
	height: 24px;
	float:right;
	margin: 30px 70px 0 0;

}
#rss {
	float: left;
	bottom: 0;
	margin: 10px 0 0 0;
}
#rss-entries {
	background: url(images/rss-entries.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 46px;
}
#rss-entries:hover {
	background: url(images/rss-entries.png) no-repeat 0 -18px;
}
#rss-comments {
	background: url(images/rss-comments.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 46px;
	display:none;
}
#rss-comments:hover {
	background: url(images/rss-comments.png) no-repeat 0 -18px;
}
/* ADS - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ad { background: #999; border: 0 /*solid 1px #223E4D*/; margin: 10px 0; color:#FFF; font-size:16px; }

.adfeat {
		width: 250px;
		height: 250px;
		float:left;
		margin: 0px;
		line-height: 250px;
		text-align:center;
	}
	
#adtop, #addown {
	width: 630px;
	height: 100px;
	line-height: 100px;
	text-align:center;
	float:left;
}

#mainrightad { height: 360px; margin: 2px 0 0 0; }

/********************************precios****************************/
table#tablaprecios {
	width:560px;
	
}

#tablaprecios td,
#tablaprecios th,
table#tablaprecios {
	border:solid 2px #999 collapse;
	padding: 4px;
	color:#666;
}

#tablaprecios th { background:#CCC; }

.marca {
	background:#B5E089;
	text-align:center;
	color:#333;
	font-size:1.2em;
	
}
#modelo { width:400px; }
#precio { width:120px; }
