@charset "UTF-8";
/* Global CSS */

html, body { margin: 0; padding: 0; height: 100%;}

body {
    font:12px Arial, Tahoma, Verdana, "Trebuchet MS", Helvetica, sans-serif;
    background:#ececec;
    color:#222;
}

#pagesizer {
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
}

#sitename {
    position:absolute;
    left:20px;
    top:16px;
    font-size:20px;
    font-weight:bold;
    color:#222;
    text-decoration:none;
}

#sitename:hover {
    color:#000;
    text-decoration:underline;
}

/**
 * Header Navigation Box
 */
#hnav {
    position:relative;
    height:50px;
    background:url(../images/hnav_m.png) repeat-x;
}

#hnav img.ac {
    position:absolute;
}

#hnav img#l {
    top:0;
    left:0;
}

#hnav img#r {
    top:0;
    right:0;
}

/**
 * Navigation
 */
#nav {
    position:absolute;
    top:0;
    right:0;
    padding:0 21px;
}

#nav ul {
    float:left;
    padding:17px 0 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    list-style-type: none;
    text-align: center;
}

#nav li {
    display:inline;
    margin:0;
    padding:0;
}

#nav a {
    float:left;
    background:url(../images/snav_l.gif) no-repeat left top;
    background-position:0 2px;
    margin:0;
    padding:0 0 0 10px;
    text-decoration:none;
    background-color:inherit; 
    color : #3d3d3d;
    font:12px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
}

#nav a span {
    float:left;
    display:block;
    background:url(../images/snav_r.gif) no-repeat right top;
    background-position:0 2px;
    padding: 9px 9px 9px 0;
    font-weight:bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac */
#nav a span {float:none;}
/* End IE5-Mac hack */

#nav .selected a {
    background-position:0 -32px;
}

#nav .selected a span {
    background-position:100% -32px;
    background-color: inherit;
    color: #ffffff;
}

#nav .selected a:hover {
    text-decoration:none;
}

#nav a:hover {
    text-decoration:underline;
}

/**
 * Header Search Box
 */
 #moresv ul {
    float:left;
    padding:0;
    margin:0;
    list-style-type: none;
    text-align: center;
}

#moresv li {
    display:inline;
    margin:0;
    padding:0;
}

#moresv a {
    float:left;
    margin:4px;
    display:block;
    padding:8px 9px;
    text-decoration:none;
    color : #3d3d3d;
    font:12px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
    font-weight:bold;
}

#moresv a:hover {
    background-color:#ffb374;
    color: #000;
}

#hsearch {
    background:#ff7501 url(../images/hsearch_m.png) repeat-x top;
}

#hsearch .sb {
    width:100%;
}

#hsearch #l {
    background:url(../images/hsearch_l.png) repeat-y left;
}

#hsearch #r {
    background:url(../images/hsearch_r.png) repeat-y right;
}

#formbox {
    padding:10px 18px;
}

#searchnav {
    padding-left:10px;
}

#searchnav ul {
    float:left;
    padding:0;
    margin:0;
    list-style-type: none;
    text-align: center;
}

#searchnav li {
    display:inline;
    margin:0;
    padding:0;
}

#searchnav a {
    float:left;
    background:url(../images/searchnav_l.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    color : #3d3d3d;
    font:11px Arial, "Trebuchet MS", arial, Tahoma, Helvetica, sans-serif;
}

#searchnav a span {
    float:left;
    display:block;
    background:url(../images/searchnav_r.gif) no-repeat right top;
    padding: 4px 8px 4px 4px;
}

#searchnav .selected a {
    background-position:0 -25px;
}

#searchnav .selected a span {
    background-position:100% -25px;
    background-color:#ffb374;
    color: #000;
}

#searchnav .selected a:hover {
    text-decoration:none;
}

#searchnav a:hover {
    text-decoration:underline;
}

#searchform {
    background:#ffb374;
}

#searchform .fb {
    width:100%;
}

#searchform #insfrm {
    padding:8px;
    color:#000;
}

#searchform #l {
    background:url(../images/searchform_l.png) no-repeat top left;
}

#searchform #r {
    background:url(../images/searchform_r.png) no-repeat top right;
}

#norm_search input {
    font-size:16px;
    font-weight:bold;
}

#norm_search a {
    text-decoration:none;
}

#expn_search #es1 {
    float:left;
    font-weight:bold;
    width:150px;
}

#expn_search #es2 {
    float:left;
    width:180px;
}

#expn_search #es3 {
    float:left;
}

#expn_search #es4 a {
    text-decoration:none;
}

#expn_search #es4 input {
    font-size:16px;
    font-weight:bold;
}

#expn_search .he28 {
    height:28px;
}

#expn_search .lh20 {
    line-height:20px;
}

#strucs .itm {
    float:left;
    padding:4px 8px;
    display:inline;
}

#strucs .sitm {
    font-size:10px;
    padding-left:4px;
    font-weight:bold;
}

#strucs_sbp {
    padding-top:4px;
    text-align:center;
}

#strucs_sbp input {
    font-size:16px;
    font-weight:bold;
}

/**
 * Content
 */
#content {
    position:relative;
    background:#fff;
}

#content .sb {
    position:relative;
}

#content #sl {
    background:url(../images/content_l.png) repeat-y left;
}

#content #sr {
    background:url(../images/content_r.png) repeat-y right;
    padding:7px 14px;
}

/**
 * Search result header
 */
#resh {
    background-image:url(../images/resh_m.png);
    background-repeat:repeat-x;
    height:38px;
}

#resh .rb {
    height:38px;
}

#resh #rl {
    background-image:url(../images/resh_l.png);
    background-repeat:no-repeat;
}

#resh #rr {
    background-image:url(../images/resh_r.png);
    background-repeat:no-repeat;
}

.resho {background-position:bottom;}
.resho #rl {background-position:bottom left;}
.resho #rr {background-position:bottom right;}

.reshn {background-position:top;}
.reshn #rl {background-position:top left;}
.reshn #rr {background-position:top right;}

/**
 * Search result place
 */
#resp {
    margin-top:8px;
}

#resp .part {
}

#resp .part:hover .conplc {
    color:#000;
}

#resp .part:hover .title a {
    color:#fff;
}

#resp .part .imgplc {
    width:90px;
    padding:4px;
}

#resp .part .conplc {
    border:#fff 1px solid;
}

#resp .part .title {
    font-size:14px;
    font-weight:bold;
    padding:0 0 2px 4px;
}

#resp .part .poster {
    color:#7b7b7b;
    padding:3px 6px 0;
}

#resp .part .title a {
    text-decoration:none;
}
#resp .part .title a:hover {text-decoration:underline;}

#resp .part .desc {
    color:#000;
    padding:3px 6px 6px;
}

#resp .part .detail {
    border-left-width:4px;
    border-left-style:solid;
    padding:0 2px 2px;
}

#resp .part .detail .spec {
    padding:6px;
}

#resp .part .detail .optn {
    border-width:2px;
    border-style:solid;
    border-top:none;
    padding:4px;
}

#resp .part .detail .ditem {
    padding:0 4px;
}

#resp .part .detail .dname {
    float:left;
    width:150px;
    font-weight:bold;
}

#resp .part .detail .dval {
    float:left;
    padding-left:4px;
}

#resp .part .detail ul {
    padding:0 0 0 12px;
    margin:0;
}

#resp .part .ps_l {
    padding-top:1px;
    margin:2px 0;
}

#resp .ps_b {
    /*background-color:#55b006;*/
    padding-top:2px;
    margin:10px 0;
}

/******** Color diferenter ********/
#resp .parteven:hover .conplc {border-color:#ec6f05;}
#resp .parteven:hover .title {background-color:#ec6f05;}
#resp .parteven:hover .pimgh {background-color:#feebdc;}
#resp .parteven .title a {color:#ec6f05;}
#resp .parteven .detail {border-left-color:#ec6f05;}
#resp .parteven .detail .spec {background-color:#feebdc;}
#resp .parteven .detail .optn {border-color:#feebdc;}
#resp .parteven .ps_l {background-color:#ec6f05;}

#resp .partodd:hover .conplc {border-color:#449200;}
#resp .partodd:hover .title {background-color:#449200;}
#resp .partodd:hover .pimgh {background-color:#eaedd6;}
#resp .partodd .title a {color:#449200;}
#resp .partodd .detail {border-left-color:#449200;}
#resp .partodd .detail .spec {background-color:#eaedd6;}
#resp .partodd .detail .optn {border-color:#eaedd6;}
#resp .partodd .ps_l {background-color:#449200;}

/**
 * Page Selector
 */
#pageselector {
    padding:8px 0 4px;
}

#pageselector ul {
    float:left;
    padding:0;
    margin:0;
    list-style-type: none;
    text-align: center;
}

#pageselector li {
    display:inline;
    margin:0;
    padding:0;
    font-weight:bold;
}

#pageselector a {
    float:left;
    display:block;
    padding:2px 4px;
    margin:0 2px;
    border:#ec6f05 1px solid;
    text-decoration:none;
    color:#ec6f05;
}

#pageselector a:hover {
    background:#ec6f05;
    color:#fff;
}

#pageselector span {
    float:left;
    display:block;
    padding:2px 4px;
    margin:0 2px;
    border:#ec6f05 1px solid;
    background:#ec6f05;
    color:#fff;
}

#pageselector #prev a {
    margin-right:8px;
}

#pageselector #next a {
    margin-left:8px;
}

/**
 * Home
 */
#home td.alist {
    width:20%;
    cursor:pointer;
    height:86px;
    vertical-align:top;
}

#home td.alist div {
    height:66px;
    padding:10px 20px;
}

#home td.alist a {
    color:#000;
    font-size:14px;
}

#home td.alist .h1 {
    font-size:16px;
    color:#FF7501;
    text-decoration:none;
}

#home td.alist .h1:hover {
    text-decoration:underline;
}

#home td.alist:hover {
    background:#FF7501 url(../images/sbg_r.gif) no-repeat right top;
    color:#FFF;
}

#home td.alist:hover div {
    background:transparent url(../images/sbg_l.gif) no-repeat left top;
}

#home td.alist:hover a {
    color:#FFF;
}


/**
 * Footer
 */
#footh {
    position:relative;
    background:#fff url(../images/content_l.png) repeat-y left;
}

#footh .hc {
    position:relative;
}

#footh #hr {
    background:url(../images/content_r.png) repeat-y right;
}

#footh #ln {
    margin:0 7px;
    padding:4px 0 0;
    background:#ff7501 url(../images/ln.png) repeat-x;
}
 
#foot {
    position:relative;
    background:#fff url(../images/content_l.png) repeat-y left;
}

#foot .fc {
    position:relative;
}

#foot #vr {
    background:url(../images/content_r.png) repeat-y right;
}

#foot #b {
    background:url(../images/foot_m.png) repeat-x bottom;
}

#foot #l {
    background:url(../images/foot_l.png) no-repeat bottom left;
}

#foot #r {
    background:url(../images/foot_r.png) no-repeat bottom right;
    padding:4px 28px 14px;
}

#footserv {
    padding:8px 20px 4px;
}

#footserv a, #footserv span {
    margin:2px;
    text-decoration:none;
    color:#ec6f05;
    line-height:24px;
}

#footserv a:hover {
    text-decoration:underline;
}


/**
 * Very Footer
 */
#vfoot {
    position:relative;
    font-size:11px;
    color:#666666;
}

#vfoot #copy {
    padding:0 28px 20px;
    text-align:center;
}

#vfoot a {
    text-decoration:none;
    color:#333333;
}

#vfoot a:hover {
    text-decoration:underline;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */