/*  
Theme Name: RINCON Trucks
Theme URI: http://www.rincontrucks.com
Description: Adaptación para Wordpress de <a href="http://www.templateworld.com/zero/click.php?id=10">TIME MANAGER</a>
Version: 1.0
Author: Ian Wynne
Author URI:  http://www.ianwynne.net
*/

/* CSS Document */
html, body {
height: 100%;
}
body{background:url(images/main-bg2.gif) 0 0 repeat-x #A8A39D; color:#1A1917; margin:14px 0 0; padding:0; font:14px/20px Arial, Helvetica, sans-serif; padding:0; width:100%;}
body.homepage{background:url(images/main-bg.gif) 0 0 repeat-x #A8A39D; color:#1A1917; margin:14px 0 0; padding:0; font:14px/20px Arial, Helvetica, sans-serif;height:100%;
padding:0; width:100%;}
div, p, h1, h2, h3, ul{padding:0px; margin:0px;}

.widget h3{padding-top:18px;}
ul{list-style-type:none;}
/*--TOP PANEL--*/
#topPan-hp{width:780px; height:210px;position:relative; margin:0 auto;}
#topPan-hp ul {width:780px;}
#topPan-hp ul li{float:left; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan-hp ul li a{width:92px; height:30px; display:block; background:url(images/menubg-normal.gif) 0 0 no-repeat #66605B; color:#FDFDFD;  text-decoration:none; text-align:center;}
#topPan-hp ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat #66605B; color:#1A1917;}
#topPan-hp ul li.menupadding{margin:0 0 0 0px;}
#topPan-hp ul li.home{width:92px; height:30px; display:block; background:url(images/menubg-hover.gif) 0 0 no-repeat #FDFDFD; color:#1A1917; text-align:center;}
#topPan-hp h1{display:block; width:780px; height:398px;  text-indent:-2000px; margin:0; clear:both;}

#topPan{width:780px; height:255px; position:relative; margin:0 auto;}
#topPan ul {width:780px;}
#topPan ul li{float:left; font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#topPan ul li a{width:92px; height:30px; display:block; background:url(images/menubg-normal.gif) 0 0 no-repeat #66605B; color:#FDFDFD;  text-decoration:none; text-align:center;}
#topPan ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat #66605B; color:#1A1917;}
#topPan ul li.menupadding{margin:0 0 0 0px;}
#topPan ul li.home{width:92px; height:30px; display:block; background:url(images/menubg-hover.gif) 0 0 no-repeat #FDFDFD; color:#1A1917; text-align:center;}

#nav {height:30px;z-index:100;position:relative;}
#nav ul {margin:0 0 0 0px;}
#nav li {list-style:none;float:left;padding-right:1px;height:30px;position:relative;}
#nav li a {display:block;padding:0;line-height:30px;color:#fff;font-weight:bold;}
#nav li.active a {color:#ddd;}
#nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border-top:0;}
#nav li ul ul {margin:-31px 0 0 150px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;width:270px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background: url(images/title_darker.png);color:#fff;width:150px;}
#nav li li a, #nav li.active li a {font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul {left:0px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}

#slideshow3 a {border:none;}
#slideshow3 { width:780px;height:198px;overflow:hidden; background:url(images/header.jpg) 0 0 no-repeat; }

#topPan h1{display:block; width:780px; height:200px; background:url(images/header.jpg) 0 0 no-repeat; text-indent:-2000px; margin:0; clear:both;}

#my_slideshow {display:block; width:780px; height:198px; text-indent:-2000px; position:relative; margin:0 auto; clear:both;}

#toplinkPan{width:780px; height:167px; position:relative; margin:0 auto;}
#toplinkfastPan{width:253px; height:140px; float:left; background:url(images/blog-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
#toplinkfastPan a{text-decoration:none; display:block; width:253px; height:140px;}
#toplinkfastPan a:hover{text-decoration:none; background:url(images/blog-hover.jpg) 0 0 no-repeat;}
#toplinkfastPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:0px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px;}

#toplinksecondPan{width:253px; height:140px; float:left; background:url(images/chat-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 10px 0; color:#fff;}
#toplinksecondPan a{text-decoration:none; display:block; width:253px; height:140px;}
#toplinksecondPan a:hover{text-decoration:none; background:url(images/chat-hover.jpg) 0 0 no-repeat;}
#toplinksecondPan p{display:block; width:90px; height:15px; position:absolute; top:0px; left:157px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px; }

#toplinkthirdPan{width:253px; height:140px; float:left; background:url(images/tools-normal.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
#toplinkthirdPan a{text-decoration:none; display:block; width:253px; height:140px;}
#toplinkthirdPan a:hover{text-decoration:none; background:url(images/tools-hover.jpg) 0 0 no-repeat;}
#toplinkthirdPan p{display:block; width:90px; height:15px; position:absolute; top:0px; right:34px; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:54px 0 0 21px; }

.text {height:100%;}

a img {border:1px solid white;}
a:hover img {border: 1px solid gray;}
/*--/TOP PANEL--*/
/*--BODY PANEL--*/
#bodyPan{width:668px; background:url(images/bodytopbg.jpg) 0 0 no-repeat #fff; 
color:#1A1917; margin:0 auto; padding:0 56px;}

#bodyPan h1{width:100%; height:32px; display:block; border-bottom: 1px dotted; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:22px 0 0;margin-bottom:10px;}
/*-- 
.content h1{width:100%; height:32px; display:block; border-bottom: 1px dotted; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:22px 0 0;} 
--*/
#bodyPan h1 span{ color:#9A0000; font-size:26px;}
#bodyPan h1 a { text-decoration: none;}

#bodyPan h3 span{ color:#9A0000; font-size:20px;}
#bodyPan h3 a { text-decoration: none;}
#bodyPan h2{width:100%; margin-bottom:10px; border-bottom:1px dotted; height:32px; display:block; font:20px/24px Georgia, "Times New Roman", Times, serif; padding:12px 0 0; color:#9A0000;}

* html #container {
height: 100%;
}
#container{width:780px; min-height: 100%; position:relative; margin:0 auto; background:#ffffff url(images/bodytopbg.jpg) no-repeat; min-height: 100%; display:block;}


.content h1{ height:32px; border-bottom: 1px dotted; font:28px/26px Georgia, "Times New Roman", Times, serif; padding:22px 0 0;}



.sidebar {  width:225px; height: 100%; float:right;}
.content-product { display: inline; width:420px;  float:left; height: 100%; }
.content { width:100%; display: inline; 100%;  float:left; height: 100%; }



#bodyPan p{padding:8px 0 0 0;}
#bodyPan p.bigtext{background:#fff; font-size:18px; color:#B3A7A0; font-weight:bold;}
#bodyPan p.more{width:89px; height:39px;}
#bodyPan p.more a{display:block; width:89px; height:39px; background:url(images/more1.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.more a:hover{text-decoration:none; background:url(images/more2.jpg) 0 0 no-repeat;}
#bodyPan p.morenext{width:89px; height:60px; right:0px; top:0px; clear:both;}
#bodyPan p.morenext a{display:block; width:89px; height:39px; background:url(images/more2.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}
#bodyPan p.morenext a:hover{text-decoration:none; background:url(images/more1.jpg) 0 0 no-repeat;}

#bodybottomPan{width:780px; height:42px; background:url(images/bodybottombg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; clear:both; }

#bodyPan ul{ padding:10px 0 10px; margin:0px;}
#bodyPan ul li{background:url(images/arrow.jpg) 0 4px no-repeat; padding:0 0 0 20px;}
#bodyPan ul li a{background:#fff; color:#9A0000; text-decoration:none;}
#bodyPan ul li a:hover{text-decoration:underline;}


/*--BODY PANEL #bodyPan form{width:350px; height:162px; background:url(images/formarea.jpg) 0 100% no-repeat; padding:0px; margin:30px 0 0;} --*/


#bodyPan form{ padding:0px; margin:30px 0 0;}
#bodyPan form h2{display:block; width:610px; height:45px; background:url(images/formtop.gif) 0 0 no-repeat #F9F9F9; color:#fff; font:20px/39px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 0 40px;}
#bodyPan form input{ margin:2;}
#bodyPan form input.textbox{ width:140px; font-size:0.9em;}
#bodyPan form input.paddingtop{margin-top:16px;}
#bodyPan form input.button{ background-color: #9A0000; height:25px; display:inline;  border:none; color:#fff;  font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:3px; text-align:center;}

/*--/BODY PANEL--*/
/*--FOOTER PANEL--*/
#footermainPan{height:155px; background: url(images/footerbg.gif) 0 0 repeat-x #000; color:#fff; margin:43px 0 0; padding:51px 0 0;}
#footerPan{width:565px; height:90px; display:block; position:relative; margin:0 auto;}
#footerPan p{padding:51px 0 0;}
#footerPan p span{background:#1C1B19; color:#AC2626; font-size:14px;}
#footerPan p.copyright{ background:#1F1D1B; margin:0; display:block; position:absolute; bottom:0px; right:23px; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}

#footerPan p.logo{ background: url(images/footerbg_logo.png) margin:0; display:block; position:absolute; bottom:20px; right:0px; color:#fff; font:12px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}

#footerPan ul{width:550px; display:block; position:absolute; left:0px; top:0; padding:0; }
#footerPan li{float:left; font:18px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#181716; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.info{width:380px; height:45px; display:block; position:absolute; left:0px; top:29px; padding:0;}
#footerPan ul.info li{display:block; width:109px;}
#footerPan ul.info li.address{width:110px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #1C1B19; color:#7B746B; font-size:12px; font-weight:bold; padding:0 0 0 12px;}
#footerPan ul.info li.phone{width:110px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #1C1B19; color:#7B746B; font-size:12px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul.info li.fax{width:110px; background:#1C1B19; color:#7B746B; font-size:12px; padding:0 0 0 15px; font-weight:bold;}
#footerPan ul li span{background:#1C1B19; color:#AC2626; font-size:12px; font-weight:bold; line-height:14px;}/* CSS Document */
div, p, h1, h2, h3, ul{padding:0px; margin:0px;}
ul{list-style-type:none;}

fieldset {
border:0pt none;
margin:0pt;
padding:0pt;
}
label {
display:block;
}
input.text, textarea {
border:1px solid #CCCCCC;
color:#333333;
font-family:'courier new',courier,monospace;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:12px;
margin:1px 0pt;
padding:3px;
width:300px;
}
input.submit {
font-family:verdana,arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:12px;
padding:2px 5px;
}

.bigtext span a{ color:#ccc; text-decoration:none; font-size:2em; padding-left:100px; margin:10px;}

.alt {background-color:#efefef;}
#ajax_comments {display:block;}
#ajax_comments dt { border-bottom:1px dotted #ccc;}
#ajax_comments dt span a{font-size:0.5em;text-decoration:none;color:#999;}
#ajax_comments dd {margin-left:-0px;}

    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;
    }

.productlist ol, ol li {
    margin: 0 auto;
padding:0;
list-style-position: inside;
}

/* The wider the #list_wrapper is, the more columns will fit in it */
#list_wrapper{
    width: 660px

}

/* The wider this li is, the fewer columns there will be */
    ol.multiple_columns li{
        list-style-image: none;
        text-align: left;
        float: left;
        list-style: none;
font-size:11px;

        width: 260px;
        padding:6px;
    }
    
    
        ol.multiple_columns2 li{
        list-style-image: none;
        text-align: left;
        float: left;
        list-style: none;
        font-size:11px;
        width: 260px;
        padding:6px;
    }
    
        ol.multiple_columns li h3 {
	font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 4px;
	margin-bottom:5px;
	background: #333; 
	color: #FFCC00; 	
		margin-bottom: 0px;
    }
    
  ol.multiple_columns li h3 a {

	color: #FFCC00; 	

}	

  ol.multiple_columns li h3 a:hover {

	color: #33CCFF; 	

}	


  ol.multiple_columns li p {
padding:2px;	

}	

  ol.multiple_columns li input {
	clear:both;	

}
#genre_subcat h2 {width:100%; margin-bottom:10px; border-bottom:1px dotted; height:auto; display:block; font:18px Georgia, "Times New Roman", Times, serif; padding:12px 0 0; color:#9A0000;}

ol.twocol { width: 690px;background:none; list-style-type: none;padding: 0;margin-left: 0;}
li.product { float: left; width: 210px; margin: 0px 20px 0px 0px; padding: 0px; background:none;}