/******************/
/** General css */
body {margin:0; font: 95% verdana,sans-serif;}
/*div.span{float:left;margin-right:0px;} */

div.span{float:left;}
.left{float:left;}
div.right{float:right;}
div.last {margin-right:0px;}
.max-width{width:100%;}
div.span-right{float:right;}
a{text-decoration:none;}
h2, h3, h4, p, ul{ margin:0.7em 0;}

.container {width:980px; margin:0 auto; background-color:#fff;  font-size:8pt;}

li{padding: 0 3px 0 3px; line-height:1.8em;}
hr{margin-top:5px; height:0px; text-align:left; border-top:0px; border-bottom:#D9D9D9 solid 1px;}

/* imput form */ 
legend{font-size:9pt; color:#4D4D4D;  font-weight:bold; margin:5px 0 5px 0; border-bottom:1px solid #D9D9D9; width:100%;}
input{background-color:#fff; border: 1px solid #d9d9d9; font-size:10pt; color:#4d4d4d; }

input.login{width:150px;}
input.primary{width:80px; background-color:red; border:1px solid #d9d9d9; font-size:10pt; color:#4d4d4d; text-align:left; background:url(../../stylesheets/course/img/bottom.jpg);}
input.quantity{width:40px;}
input.buyer{ background:url(../../stylesheets/course/img/bg-buyer.jpg); font-weight:bold; font-size:8pt; color:#F7F7F7; height:25px; border:1px solid #004879; cursor:pointer}
input.buyer:hover{ background:url(../../stylesheets/course/img/bg-buyer.jpg); font-size:8pt; color:#fff; height:25px;}

td{vertical-align:middle;  line-height: 2.1em;}
/******************/

/** Header */

div#hd-top{width:980px; height:20px; background-color: #107B9F;}
div#hd-top h2{color:#FFFFFF; font-weight:bolder; padding-left:5px; font-size:8pt; text-align:left;}

div#hd-top div.account li{float:left; margin-top:-6px; padding-right:10px;}
div#hd-top div.account li a{ color:#FFF; text-decoration:none; font-weight:bolder;}
div#hd-top div.account li a:hover{ color:#E2E7EA; text-decoration:underline;}


div#hd-head{width:980px; height:75px; background-image:url(../../stylesheets/course/img/hd_head_bg.jpg);}
div#hd-top-logo{margin-top:5px;}
div#hd-menu{width:980px; min-height:40px; background-color: #FFFFFF; padding-bottom:4px;}

/*** menu language ***/

div#hd-menu div.language{float:left; text-align:left; margin-left:20px;}
div#hd-menu div.language li{float:left;}
div#hd-menu div.language li a{color:#4D4D4D; text-decoration:none;}
div#hd-menu div.language li a:hover{ color:#107B9E;}

/*** menu navegate ***/
div#navigate-menu{width:85%;}
div#navigate-menu ul{float:right;}
div#navigate-menu ul li{margin:-7px -2px 0px -2px; height:30px; line-height:2.6em; float:left;}
div#navigate-menu ul li a{color:#FCFCFC;}
div#navigate-menu ul li a:hover{color:#000;}
div#navigate-menu div.tab-of{height:30px; background:transparent url(../../stylesheets/course/img/menu-bg-of.jpg); }
div#navigate-menu div.tab-left-of{width:10px; height:30px; background:transparent url(../../stylesheets/course/img/menu-bg-left.jpg) no-repeat left; }
div#navigate-menu div.tab-right-of{width:10px; height:30px; background:transparent url(../../stylesheets/course/img/menu-bg-right.jpg) no-repeat right; }

div#navigate-menu div.tab-on{height:30px; background:#2892B6;}
div#navigate-menu div.tab-left-on{width:10px; height:30px; background:transparent url(../../stylesheets/course/img/menu-bg-left-on.jpg) no-repeat left; }
div#navigate-menu div.tab-on a:hover{color:#fff;}
div#navigate-menu div.tab-right-on{width:10px; height:30px; background:transparent url(../../stylesheets/course/img/menu-bg-right-on.jpg) no-repeat right; }

div#navigate-menu ul li.first{background:#0989B4;}
div#navigate-menu ul li.first a{color:#fff;}

div#search{margin:20px 5px 20px 0; color:#4D4D4D;}
div#bd{width:980px; background-color:#FFFFFF; padding-bottom: 16px; }

/** container */

/* left */
div#bd div.bd-left{width:218px;}
div#bd div.bd-left-top{ width:100%; height:35px; background: url(../../stylesheets/course/img/bd_title_bg.jpg);}
div#bd div.bd-left-top h3{color:#333333; font-weight:bolder; padding-left: 5px; font-size:8pt; text-align:center; line-height: 1.8; }
div#bd div.bd-left-cnt{width:100%; background: url(../../stylesheets/course/img/bd_left_bg.jpg); }
div#bd div.category{padding:0 22px 0 26px; width:168px;}

div#bd div.category p.message-category{color:red;}
div#bd div.category li {padding: 4px 0px 4px 0; }
div#bd div.category li.parent{border-bottom:1px solid #d9d9d9;}
div#bd div.category li.son{border-bottom:1px dashed #d9d9d9;}
div#bd div.category li.parent a{color:#333333;}
div#bd div.category li a {color:#747272; margin-left:-6px;}
div#bd div.category li a:hover {color:#107B9E;}

div#bd div.bd-left-footer{width:100%; height:44px; background: url(../../stylesheets/course/img/bd_ft_bg.jpg);}
div#bd div.bd-space{width:100%; height:14px; background-color:#FFFFFF;} /* quitar fondo */
a.link-more{float:right; color:#107b9e; background: url(../../stylesheets/course/img/more-off.jpg) no-repeat top right; padding:2px 10px 0 0;}
a.link-more:hover{color:#000; background: url(../../stylesheets/course/img/more-on.jpg) no-repeat top right; padding:2px 10px 0 0;}
div#bd div.video{width:174px; margin:5px 0 5px 24px ; padding-right:4px;}

/* center */
div#bd div.bd-main{width:547px; min-height:180px;}
div#bd div.bd-main-top{width:547px; height:35px; background: url(../../stylesheets/course/img/bd_cnt_top_bg.jpg);}
div#bd div.bd-main-cnt{width:547px; min-height:435px; background: url(../../stylesheets/course/img/bd_cnt_bg.jpg);}
div#content{ padding:0 25px 0 25px ;}
div#content h2{ font-size:9pt; font-weight:bold;}

div#bd div.navigate{color:#4D4D4D; line-height:2.2em;}
div#bd div.navigate a{ color:#4D4D4D; text-decoration:none; }
div#bd div.navigate a:hover{ color:#107B9E;}
div#bd div.form h1{font-size:10pt; color:#107B9E;  font-weight:bold; line-height:1.8em;}

div#bd div.bd-main-footer{width:547px; height:20px; background: url(../../stylesheets/course/img/bd_cnt_ft_bg.jpg);}

/***************/

div#bd div.bd-main-user{width:762px; min-height:180px; background:#fff;}
div#bd div.bd-main-user-top{width:762px; height:32px; background: url(../../stylesheets/course/img/bd_cnt_user_top_bg.jpg);}
div#bd div.bd-main-user-cnt{width:762px; min-height:235px; background: url(../../stylesheets/course/img/bd_cnt_user_bg.jpg);}

div#bd div.bd-view-tab-hd{width:350px; height:26px; background: url(../../stylesheets/course/img/bd_tab_top.jpg);}


div#bd div.bd-view-tab-cnt{width:350px; background: url(../../stylesheets/course/img/bd_tab.jpg); color:#4D4D4D; }

div#bd div.tab-info{line-height:1.8em; padding: 0 18px;}

div#bd div.information{border-top:1px solid #D9D9D9; width:315px; padding-top:8px;}
div#bd span.information{color:#4d4d4d;}

div#bd div.bd-view-tab-cnt a{color:#107b9e; font-weight:bold;}
div#bd div.bd-view-tab-cnt a:hover{ color:#000;}

div#bd div.bd-view-tab-ft{width:350px; height:23px; background: url(../../stylesheets/course/img/bd_tab_ft.jpg);}

div#bd div.bd-main-user-footer{width:762px; height:30px; background: url(../../stylesheets/course/img/bd_cnt_user_ft_bg.jpg);}

/*** Style puntuation ***/
.my_acount{background: url(../../images/available.png) no-repeat; padding-left:16px;}
.rating-user{background: url(../../images/card.png) no-repeat; padding-left:22px;}
.rating-product{background: url(../../images/view_ranking.gif) no-repeat; padding-left:22px;}
.rating-profile{background: url(../../images/star_on.gif) no-repeat; padding-left:16px;}
.see-message{background: url(../../images/visible_on.gif) no-repeat; padding-left:22px;}
.ask-question{background: url(../../images/question.png) no-repeat; padding-left:22px;}
.sales-purcharse{background: url(../../images/cart.png) no-repeat; padding-left:22px;}
.add-tag{background: url(../../images/tag.png) no-repeat; padding-left:22px;}
.blue{color:blue;}
.red{color:red; }

.reputation{width:100%; border:1px solid #7C7C7C; background:#F7F7F7; padding:4px 0 4px 0; color:#333333;}
a.link, div.reputation a{color:#107b9e; font-weight:bold;}
a:hover.link, div.reputation a:hover{color:#000;}
div#profile{width:178px; min-height:194px; padding:5px;}
div#profile h3{font-weight:bold; font-size:9pt;}
div#rating{padding:4px;}
div#rating span{line-height: 1.4em;}
div#rating table td{line-height: 2em; background:#fff; padding-left:2px; border-top:1px solid #7C7C7C;}
div#rating table td.td-left{border-left:1px solid #7C7C7C;}
div#rating table td.td-right{border-right:1px solid #7C7C7C;}
div#rating table td.td-bottom{border-bottom:1px solid #7C7C7C;}

div#history {padding:4px;}
div#history table td{line-height:2em; background:#fff; padding-left:2px; border-top:1px solid #7C7C7C;}
div#comment table th, div#rating table th, div#history table th{vertical-align:middle;}
div#history table td.td-left{border-left:1px solid #7C7C7C;}
div#history table td.td-right{border-right:1px solid #7C7C7C;}
div#history table td.td-bottom{border-bottom:1px solid #7C7C7C;}

div#comment {width:100%; border-bottom:1px solid #7C7C7C;}
div#comment table td{line-height:2em; padding-left:2px;  border-top:1px solid #7C7C7C;}
div#comment table td.td-left{border-left:1px solid #7C7C7C;}
div#comment table td.td-right{border-right:1px solid #7C7C7C;}
div#comment table td.td-bottom{border-bottom:1px solid #7C7C7C;}
/***************/

/* right */
div#bd div.bd-right{width:215px;}
div#bd div.bd-right-top{width:215px; height:35px; background:url(../../stylesheets/course/img/bd_right_top_bg.jpg);}
div#bd div.bd-right-top h3{color:#333333; font-weight:bolder; padding-left: 5px; font-size:8pt; text-align:center; line-height: 1.8; }

div#bd div.bd-right-cnt{width:215px; min-height:225px; background:url(../../stylesheets/course/img/bd_right_bg.jpg); color:#4D4D4D;}
div#bd div.bd-right-cnt p.form_info{ line-height:1.3em; padding: 5px 0 5px 0; }
div#bd div.form_login{ padding:5px 18px 5px 24px;}
div#bd div.form_login li a, .required a{color:#107b9e; font-weight:bold;}
div#bd div.form_login li a:hover, .required a:hover{ color:#000;}
div#bd div.form_operations{padding-left:42%; }

div#bd div.bd-right-footer{width:215px; height:40px; background:url(../../stylesheets/course/img/bd_right_ft.jpg);}

/** footer */
div#ft{width:100%; height:32px; background-color: #107B9F;}
div#ft p{color: #FFFFFF; font-size:8pt; text-align:right; padding-right:8px;}
div#ft p a{ color:#000000; font-weight:bold; text-decoration:underline; font-family:Verdana; }
div#ft p a:hover{ color:#FFFFFF; font-weight:bold; text-decoration:none; }

/***********/

.form label, .form label.required{color:#333333; font-weight:bold; padding:5px 0 5px 0;}
.form label.required:before {content: '* '; color: #f00;}
#more_options a, a.link_more{color:#333333; font-weight:bold;}
#more_options a:hover, a:hover.link_more{color:#107b9e;}

#flash{
	bottom:0;
	/*height:30px;*/
	position:fixed;
	z-index:1000;
	width:100%;	
	background: url(../../stylesheets/course/img/warning.png) no-repeat 4px 6px;	
	background-color: #ffc;
	border:1px solid #EECC01;
	padding:2px 2px 2px 26px;
	text-align:left;
	line-height:1.8em;
	font-size:10pt;
	font-weight:bold;
}

#bd-middle-action{line-height:1.8em;}

div#title-coment{ width:99%; padding-left:5px; margin-bottom:5px; margin-top:10px; line-height:1.8em; font-size:9pt; font-weight:bold; color:#000; border:1px solid #4D4D4D; background: #F7F7F7; }
div#title-error{ width:99%; height:60px; padding-left:5px; margin-bottom:5px; margin-top:10px; font-size:9pt; font-weight:bold; color:#000; border:1px solid #4D4D4D; background: #f2f2f2; }
div#title-error-main{ width:100%; height:60px; padding-left:5px; margin-bottom:5px; margin-top:10px; font-size:9pt; font-weight:bold; color:#000; border:1px solid #4D4D4D; background: #f2f2f2; }
div#content div.form p{line-height:1.8em;}


/**************/

.personal_info table{ width:80%; }
.personal_info{ margin:10px 0 10px 50px;}
.personal_info .auraltext{ display:none; }
.personal_info td{font-size:11px;line-height: 2.4em;}

.listing table{width:100%; font-size:8pt; border:1px solid #D9D9D9;}
.listing th{font-weight:bold; text-align:left; padding-left:4px; line-height: 2.4em; background-color:#efefef; color:#333333; border-bottom:1px solid #D9D9D9;}
.listing th a{color:#333333;}
.listlink a{font-weight:bold; color:#333333;}
.listlink a:hover, .listing th a:hover{color:#107B9E;}
.listing .auraltext{ display:inline;} /**********/
/* .auraltext th{text-decoration:center; padding-left:20px;}*/
.listing td{text-align:left; padding-left:4px;}
.odd, .listing tr.odd{ background-color:#DFF0FF; }

td.top{vertical-align:top;}
td.action-extend{width:150px; text-align:center; padding:2px;}
td.operation{width:50px; text-align:center; padding:2px;}
td.action-extend a,td.operation a, td.operation a:link{color:#333333;}
td.action-extend a:hover, td.operation a:hover{color:#107B9E;}

td.field a, td.field a:link{text-decoration:none; color:#002060;}
td.field a:hover{text-decoration:none; color:#676767;}


/***********/
.tasks a:link, .tasks a:active, .tasks a:visited, a.action, a.action:link, a.action:active{
    color:#107B9E; text-decoration:none; font-weight:bold;
}
.tasks a:hover, a.action:hover{ color:#333333; }
.tasks a{
    padding:2px 4px 2px 4px;    
}

#sidebar {padding-right:15px;float:right;}
#sidebar ul li{margin:2px; padding-left:2px; float:left;}
#sidebar ul li a{color:#107b9e; font-weight:bold;}
#sidebar ul li a:hover{ color:#000;}

.form dt{padding:10px 0 0 0; border-top:1px solid #eee; font-weight:bold; line-height:2em; width:95%;}
.form dd{line-height:2em; min-height:19px; width:95%;}
div#bd ul.listlink li a{color:#107b9e; font-weight:bold;}
div#bd ul.listlink li a:hover{ color:#000;}

/*** pagination **/
div.pagination{margin-top:8px; padding:2px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; line-height: 2.2em; width:99%; color:#4D4D4D;}
div.pagination a{color:#4D4D4D;}
div.pagination a:hover {color:#107B9E; text-decoration:none;}
div.pagination span.paginationCurrent{font-weight:bold; text-decoration:underline;}
div.pagination span.paginationNext{padding-left:4px;}
div.pagination span.paginationPrevious{padding-right:4px;}
div.currency{ width:80px; padding-top:4px;}
#paginationHeader{float:left; padding-right:8px; color:#107B9E; font-weight:bold;}

/*** message error ***/
#errorExplanation{
	border:1px solid #CE120D;
    background-color:#F5D4D4;
    padding:5px;
    color:#f00;
}
#errorExplanation h2{color: #B11414; }

/***** filedset *****/
.group-box{border:1px dashed #D9D9D9; padding:4px;}

/***** sale mode *****/
.sale_mode{border:1px dashed #D9D9D9; padding:10px; background-color:#f7f7f7;}

/*** last product ***/
h2.title-box{color:#4D4D4D;}
div.screenshot{ width:150px; height:140px; text-align:center;margin:6px; }

div.last-product{ width:100%; height:105px; border:1px solid #D9D9D9; z-index:5; padding-bottom:5px;}
div.last-product span{padding-top:3px; overflow:hidden; position:relative; display:block; height:100%;}
div.last-product img{vertical-align:middle;  }

div.title-product{padding-top:4px; text-align:center; width:100%;}
div.title-product a{color:#107B9E;}
div.title-product a:hover{color:#676767;}


div.hot-product{ width:100%; height:90px; z-index:5; padding-bottom:5px;}
div.hot-product span{padding-top:3px; overflow:hidden; position:relative; display:block; height:100%;}
div.hot-product img{vertical-align:middle;  }

span.title-product{padding-top:4px; text-align:center; width:100%;}
span.title-product a{color:#107B9E;}
span.title-product a:hover{color:#676767;}

.list-product{border-bottom:1px solid #D9D9D9; }


/*** panel control ***/
/*div#panel{}*/
div#panel p.menu{width:100%; height:85px;}
div#panel ul li{float:left; margin:6px; width:120px; border:1px solid #747272; text-align:center; padding-bottom:5px;}
div#panel ul li a{ color:#3B2B2B; text-decoration:none; font-weight:bolder;}
div#panel ul li a:hover{ color:#2F546B; text-decoration:underline;}

/**** version 1.0 *****/

.active_seller a{color:#5F5F5F; text-align:center; width:100%;}
.active_seller a:hover{text-decoration:underline;}
.link_listing{color:#3371A6;}
.link_listing a{color:#3371A6;}
.link_listing a:hover {text-decoration:underline;}
div#user_search{ border:1px solid #CACACA; padding:8px;}

.openid_url{
background-image:url(../../images/openid_logo.png);
background-repeat:no-repeat;
padding-left:18px;
width:130px;
}

.text-search{
background-image:url(../../images/search.png);
background-repeat:no-repeat;
padding-left:18px;

}
.avatar{
background-color:#FFFFFF !important;
background-position:center center !important;
background-repeat:no-repeat !important;
border:1px solid #2F546B;
padding:3px;
}