/*  
Theme Name: Tempel v1.1
Theme URI: http://www.tempel.es
Description: Basado en "Blue Weed" WordPress theme has been built by <a href="http://www.blogohblog.com" title="Free WordPress Themes">Blog Oh! Blog</a> and comes under a Creative Commons License.
Version: 1.1
Author: Aitor Garcia
Author URI: http://www.tempel.es
*/


/*++++++ BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { 
background: #000;
margin:0;
padding: 0;
font: 11px Tahoma; color: #333;letter-spacing:1px; }
table { font: 11px Tahoma; color: #333; letter-spacing:1px; }
table td.productListing-heading {
font-weight:bold;
border-bottom: 3px solid #e0e0e0;
height: 25px;
}
select { font: 11px Tahoma; color: #333; letter-spacing:1px; }
.labelbox { 
display:block;
float: left;
clear:left;
 font: 12px Tahoma; 
 color: #333; 
 letter-spacing:1px; 
 width:150px; 
 height:25px;   
  }
  
/* General Styles ----------------------------------------------------------- */
.default_page ul li, .default_page ol li  {
	padding-left:15px;
	background:no-repeat 0px 5px url(images/bullet.png);
}
/*++++++ H1,H2,H3,H4 HYPERLINKS ++++++++*/
h2, h3 { padding:10px 0 10px 0; font-size:14px;}
a:link { color : #333; }
a:active { color : #333; }
a:visited { color : #333;}
a:hover	{ color : #0A9BDC;} 
a:focus { outline: none;}

/*++++++ MAIN ++++++++*/
/*
#wrapper { 

	background: #fff url(images/bg_tablemenuizq2.jpg) no-repeat bottom left;
	width: 910px; 
	margin: 10px auto 20px auto; }
	
#border { 
	width:870px; 
	margin: 0; 
	padding:0px 10px 0px 10px;
}

html>body #border  {
	width:890px; 
	padding:0px 10px 0px 10px;
} 
*/

#top { 
display:none;
/* width:937px; height:30px; */
}


#bottom { background:url(images/bottom.gif) no-repeat; width:937px; height:30px;}

.paginator { 
width: 100%;
	background: #f1f1f1;

	padding: 5px;
	border: 1px solid #d4dee4;
	text-align:right;
	}


#main_content { width: 696px; }

#banner 
{ 
	position: relative; 
	display: block;
	overflow:hidden;
	float: right;

	
	border: 1px solid #d4dee4;	
	padding: 0px 5px 5px 5px;
	margin: 0 5px 5px 5px;
	/* margin-left: 550px;  */
	width: 140px;
}


#banner *
{
	margin: 0px;
	padding: 0px;
}
#banner_text
{
font-size: 10px;
color: #999;
background: #F1F1F1;
	width: 150px;
	margin: 0 0 5px 0;
	margin-left: -5px;

}

#banner img
{
clear: both;
	margin:10;

}


#searchbox { width: 338px; height: 23px; background: url(images/s.gif) no-repeat; margin: 5px 5px 0 0; }
#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 270px; background: none; color:#999999; }
#searchbox #go { float: right; margin: 6px 8px 0 0; width:52px; height:11px;  }


/*++++++ NAV ++++++++*/
#nav { width:917px; height:29px; background:url(images/nav.gif) repeat-x; line-height:29px;}
#nav ul { margin-left:10px; }
#nav ul li { display:inline; height:29px; line-height:29px; font-weight:700;}
#nav ul li.current_page_item a { background:url(images/navactive.gif) repeat-x; color:#004779; margin-left:5px; }
#nav ul li a { color:#fff;float:left; font-weight:bold;text-transform:uppercase; padding:0 10px 0 10px; margin-left:5px; }
#nav ul li a:hover{background:url(images/navactive.gif) repeat-x; color:#004779; text-decoration:none;}
#nav ul li.feed { text-indent:-10000px;}
#nav ul li.feed a { float:right; background:url(images/feed.png) no-repeat; width:16px; height:16px; margin-top:6px;}





/*++++++ MISC ++++++++*/
.clear { clear:both; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
img {  margin: 10px; padding:5px; border:1px solid #d4dee4;}
.pleft { float:left; width:720px; }
.pright { float:right; width:164px;}


/*++++++ CONTENT ++++++++*/

#content {
	width: 890px; 
	margin:10px auto 10px; 
/* 	padding-top: 225px; */
	z-index: 999;
}

#left { 
	float: left; 
	width: 151px; 	
	overflow:visible;
/* width: 555px; */
}

#right { float:right; width:720px; }

#latest { width: 706px; margin: 10px 0px; padding:5px; border:1px solid #d4dee4;}
#latest p { padding-bottom:10px;}
#latest p a { font-weight:bold; color:#0578ac;}
#latest h2 { font-size:21px; font-weight: normal; font-family:Arial; padding-bottom: 20px;}
#latest h2 small { font-size:11px; font-weight:normal; padding-left:20px;}
#latest h2 a { font-size:21px; color:#006bb2;}
#latest h2 a:hover { color:#074d7c;}
#latest h3 { font-size:17px; font-weight: bold; font-family:Arial; padding-bottom: 20px;}
#latest h4 { font-size:14px; font-weight: bold; font-family:Arial; padding-bottom: 20px;}

#lbg { 
	display:block;
	width:696px; 
	background:#f1f1f1; 
	padding:5px; 
	margin-bottom:5px; 
	line-height:140%;
	}
	
#bbg { 
	display:block;
	width:696px; 
	
	/* background: #f1f1f1; */
	padding:5px; 
	margin-bottom:5px; 
	line-height:140%;
}

#filter { 
	display: block;
	height: 120px;
	border-bottom: 1px solid #f1f1f1;
	background: #fff url(images/viewmag+.gif) bottom right no-repeat;
}
	
#main_catalog 
{ 

	width: 506px;

	float: left;
	border-bottom: 1px solid #f1f1f1;
	margin: 0px 0px 5px 0px;
	/* background: #f00; */
	/* background: #fff url(images/viewmag+.png) bottom right no-repeat; */
}

.main a, 
.main a:link  
{
	color:#00AEEF;
	text-decoration: underline;
}

.main a:hover, 
.main a:active 
{
	text-decoration: underline;
	/* color: #333333; */
}

.productListing {
}
.productListing-data {
border-bottom: 1px solid #e6e6e6; 
}

.post img {border: 1px solid #D4DEE4; margin:5px;}
.entry h2 { display:block; background:#DAEBF3; font-family:Arial; padding-left:10px; font-size:14px; margin-bottom:10px; }
.entry h2 a {  font-family:Arial; font-size:14px; color:#00478c;}
.entry { width:706px; padding:5px; border:1px solid #d4dee4; margin-bottom:10px; line-height:140%; }
.entry img { /*margin:0 10px 10px 10px;*/}
.entry p { padding: 0px 10px 10px 10px; }
.entry p a { font-weight:bold; color:#0578ac;}
.pmeta, .allinfos { background:#f6fff4; padding:8px 5px 8px 10px; font-size:11px; color:#105f94;}
.pmeta, .allinfos  { clear:both;}
.pmeta a, .allinfos a { color:#105f94;}
.postmetadata { background:#f6f6f6; padding:5px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry ol { padding:0; margin:0; }
.entry ol li { background:#fafafa; } 
.navigation { padding-top:10px;}


/*++++++ SIDEBAR ++++++++*/
/*
#sidebar { width:151px; padding:5px; border:1px solid #c5d6ad;}
#sbg { width:141px; background:#fff; padding:5px; }
*/
#sidebarbottom {  
	margin-top: 0px; 
	margin-bottom: 20px; 
	width:151px; padding:5px; border:1px solid #c5d6ad; }
/* html>body #sidebarbottom { margin-top: 0px; }  */

#sbottombg { overflow:hidden; margin:auto; width:141px; background:#f8f8f4; padding:5px; }
.space { clear:both; height:10px;}
#lsidebar h2 { font-size:13px; margin:0px; color:#000; padding-left:5px; border-bottom:1px dotted #dadada;}
#rsidebar h2 { font-size:13px; margin:0px; color:#000; border-bottom:1px dotted #dadada;}
#lsidebar { float:left; width:120px; padding:5px; }
#rsidebar { float:right; width:172px; padding:5px; }
#sidebarbottom ul{ margin:0px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li {display:block; background:url(images/bullet.gif) no-repeat 0 0; padding-left:18px; padding-bottom:5px; border-bottom:1px dotted #dadada;}


#manufacturers {
	display: block;
	margin:0px auto 20px;
	width: 120px;
	overflow:hidden;
}

#sidebarbottom ul li ul.divisions li 
{
	background: url(images/bullet_toggle_plus.gif) no-repeat 0 0; 
	width: 102px;
}
#sidebarbottom ul li ul#manufacturers li 
{
	background: url(images/bullet_toggle_plus.gif) no-repeat 0 0; 
	width: 102px;
}

#sidebarbottom ul li ul#manufacturers li a
{
	width: 102px;
display: block;
}

/*
#sidebarbottom ul li ul#manufacturers li ul li
{
	display:block; 
	background: #fefefe;
	padding: 0px 0px 5px 16px; 
	margin:0;
	margin-left: -16px;
	// border-top:1px dotted #eaeaea;
	border-bottom: 0;
}
*/
/*	Navigation, Drop Down Menu */
#sidebarbottom ul li ul#manufacturers li  ul {
	/* Explorer Suma Mergen */
	width: 191px;
	left: -9999px;

	z-index: 9999;
	position: absolute;
	display: block;
	
	line-height: 16px;
	/* height: 150px;  */
	list-style: none;

	border: 1px solid #D1D1D1;

	margin-left: 5px;
	margin-top: -24px;
	padding: 9px 5px 5px 5px;
	
	background: #fff;
	color: #444;
}

html>body #sidebarbottom ul li ul#manufacturers li  ul {
	/* Firefox No */
	width: 181px;
	left: -9999px;
}

#sidebarbottom ul li ul#manufacturers li  ul * {
	height: 16px;
}




#sidebarbottom ul li ul#manufacturers li  ul li {
	background-image: none;
	position: relative;
	/* border-right: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1; */
	border-top:1px dotted #eaeaea;
	border-bottom: 0;
	padding: 0;
	margin: 0;
	
}

#sidebarbottom ul li ul#manufacturers li:hover ul, 
#sidebarbottom ul li ul#manufacturers li.sfhover ul {
	z-index: 9999;
	left: auto;
	margin-left: 100px;
	display: block;
}

#sidebarbottom ul li ul#manufacturers li  ul a,  
#sidebarbottom ul li ul#manufacturers li  ul a:link, 
#sidebarbottom ul li ul#manufacturers li  ul a:visited  {
	/* Explorer Suma Mergen */
	width: 171px;
	display: block;
	position: relative;
	
	
	/* padding: 4px 20px; */
	background: #fff;

	/*
	border-top: 1px solid #D1D1D1;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	*/
	margin: 0;
	padding: 0 0px 0 9px;
	color: #444;
}

html>body #sidebarbottom ul li ul#manufacturers li  ul a,  
html>body #sidebarbottom ul li ul#manufacturers li  ul a:link, 
html>body #sidebarbottom ul li ul#manufacturers li  ul a:visited  {

	/* Firefox No */
	width: 171px;
}

#sidebarbottom ul li ul#manufacturers li  ul a:hover, 
#sidebarbottom ul li ul#manufacturers li  ul a:active {
	background: #F6F6F6;
}


/*+++++++ COMMENTS +++++++*/
#c { float:left; width:225px;}
#cc { float:right; width:304px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #e8f0f3; height:20px; width:200px; background:#f0f7f9; padding-left:5px; }
#commentform #email { border:1px solid #e8f0f3; height:20px; width:200px; background:#f0f7f9; padding-left:5px; }
#commentform #url { border:1px solid #e8f0f3; height:20px; width:200px; background:#f0f7f9; padding-left:5px;}
#commentform #comment { border:1px solid #e8f0f3; height:200px; width:290px; background:#f0f7f9; padding-left:5px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}


/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px;  border-left: 1px solid #003B74;}
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline; /* margin:0 0 2px 7px;padding:4px; */}
img.alignleft{display:inline; /* margin:0 7px 2px 0;padding:4px; */}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

/**************** avatar *********************/
.gravs {margin-top:20px;}
.avatar {float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #999999;}

/**************** related posts *********************/

/*
#related h3
{
margin-right:10px;
background:#f6f6f6;
font-size:17px; font-weight: normal; font-family:Arial; 
padding:4px 0 4px 21px;
	color:#91938F;
	border-bottom:1px solid #ccc;

}

#related ol li {
background:transparent url(http://cms.tempel.es/themes/tp/images/circle.gif) no-repeat scroll 5px 11px;
border-bottom:1px solid #ccc;
color:#91938F;
font-weight:normal;
margin: 0 0 0 10px;
padding:4px 0 4px 21px;
*/
