/* Main Stylesheet */

/*@import url("home.css");*/

/*  */
/**** RESET ****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body {border: 0; margin: 0; padding: 0;}

* html, html {
}
#bg {
	background: #F8F8F3 url(../images/bg.jpg) repeat-x left top;
}

body {
  	font: 80%/0.80em Verdana, Arial, Helvetica, sans-serif;
  	line-height: 130%;
  	width: 100%;
  	min-width: 960px;
	color: #686857;
  	text-align: center;/* IE fix to center the page */
}
#nav_main {
	width: 100%;
	background: url(../images/header.jpg) repeat-x center top;
}
/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6,
.widget-title {
  	margin: 20px 0 10px;
  	padding: 0;
  	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.title {
	padding: 10px 0;
}
#main h2,
.title,
h1 {
	color: #CC481C;
	font-size: 1.8em;
	padding-bottom: 5px;
	border-bottom: #C4C4A2 1px dotted;
	clear: both;
	display: block;
}

h2, .widget-title {
	color: #E79805;
	font-size: 1.6em;
	clear: both;
	display: block;
}

h2 a, .widget-title a {
	color: #E79805;
}

h3 {
	color: #CC481C;
	font-size: 1em;
	font-weight: bold;
	clear: both;
	display: block;
}

h3 a {
	color:  #CC481C;
}

h3 a:hover {
	color: #5A5A50;
}

h4 {
	color: #51A307;
	font-size: 1em;
	font-weight: bold;
}


p {margin: 10px 0; padding: 0;}

ul {list-style: none; margin: 0; padding: 0;}

ol {margin: 0; padding: 0;}

blockquote {
  	font: 1.1em Georgia, "Times New Roman", Times, serif;
  	font-style: italic;
	display: block;
	border-left: 4px solid #DDDDC8;
	padding: 0px 10px;
	margin: 15px 20px;
	color: #8A8A7B;
	display: block;
}

small {font-size: 0.85em;}

big {
  	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: italic;
}

sup {
  	position: relative;
  	bottom: 0.3em;
  	vertical-align: baseline;
}

sub {
  	position: relative;
  	bottom: -0.2em;
  	vertical-align: baseline;
}

acronym, abbr {
  	cursor: help;
  	letter-spacing: 1px;
  	border-bottom: 1px dashed;
}

hr, .article_seperator {
  	display: block;
  	clear: both;
	height: 1px;
	border-bottom: 1px dotted #E4E4D6;
  	margin: 15px 0;
}

/***** Classes *****/
/*
.info {
	background: #F8F8F3 url(../images/icon_info.jpg) no-repeat 10px 7px;
	border: #E4E4D6 1px solid;
	padding: 7px 10px 7px 60px;
}
*/

.floating {
	display: block;
	float: right;
	clear: right;
	width: 45%;
	padding: 7px 10px;
	margin-left: 15px;
	border: #E4E4D6 1px solid;
}

.floating h1,
.floating h2,
.floating h3,
.floating h4 {
	margin: -7px -10px -5px;
	padding: 4px 10px;
	color: #E79805;
	font-size: 1.3em;
	font-weight: normal;
	background: #F8F8F3;
	border-bottom: #E4E4D6 1px solid;
}

.floating p {
	margin: 10px 0;
}

.floating ul {
	margin: -5px 10px !important;
}

/***** Links *****/
a {text-decoration: none; color: #3983B3;}

a:hover {color: #2EBDDD;}

a img {border:none;}

/***** Tables *****/
/* grey */
/*
table {
	margin: 15px 0;
	padding: 0;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse; 
	border-top: 1px solid #E8E8D9;
}
*/
/*
html > body table {
	border-collapse: separate; 
}
*/
table thead, table tr.title {
	background: #EFEFE4;
	color: #CC481C;
	font-weight: bold;
	line-height: 20px;
}

table thead tr td, table tr.title td {
	border-bottom: 1px solid #E8E8D9;
}

/*
table thead tr:hover, table tr:hover.title  {
	background: #E9E9DC;
}
*/
table tr td {
	padding: 4px;
	/*
	border-bottom: 1px solid #E8E8D9;
	border-top: 1px solid white;
  	position: relative; 
	*/
}

/*
table tr:hover {
	background: #E9E9DC;
}
*/

table .maintable {
	background: #F8F8F3;
}

table .bgtxthell {
	background: #F2F2EA;
}

/***** Forms *****/
.cssform {
 	margin: 20px  0;
	width: 620px;
}

.cssform p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px;
	border-top: 1px dotted #E4E4D6;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px;
	width: 150px;
}

.cssform textarea,
.cssform input,
.cssform select {
	background: #F8F8F3;
	border: 1px solid #D9DBCC;
}


.cssform textarea,
.cssform select {
	min-width: 268px;
}

.cssform textarea:focus,
.cssform input:focus,
.cssform select:focus {
	background: white;
	border: 1px solid #D0D3C0;
}

.cssform .button {
	background: url(../images/button.jpg) no-repeat 0 0;
	border: none;
	width: 100px;
	height: 24px;
	cursor: pointer;
	color: white;
	font-weight: bold;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.cssform .button:hover {
	background: url(../images/button.jpg) no-repeat 0 -24px;
}


/*.threepxfix class below: Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents. to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */

* html .threepxfix{
	margin-left: 3px;
}

/***** clear *****/
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */.clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.endOfSection {
  	clear: both;
  	width: 100%;
  	height: 0;
  	line-height: 0;
  	font-size: 0;
  	padding: 0;
  	margin: 0;
  	border: 0;
}

/***** Global Classes *****/
.alignleft {display: block; float: left;}

.alignright, .link_right {display: block; float: right;}

.aligncenter {
  	display: block;
  	text-align: center;
  	margin-right: auto;
  	margin-left: auto;
}

.noborder {
	border: none;
}

/* images border */
img.alignleft, .dln_imageComment_left,
img.alignright, .dln_imageComment_right,
img.aligncenter {
	display: block;
	padding: 3px;
	background: #F8F8F3;
	border: 1px solid #E4E4D6;
}

a:hover img.alignleft,
a:hover img.alignright,
a:hover img.aligncenter {
	border: 1px solid #E4E4D6;
	background: #333;
	padding: 3px;
}

img.alignleft, .dln_imageComment_left {
	float: left;
	margin: 0 10px 2px 0;
}

img.alignright, .dln_imageComment_right {
	float: right;
	margin: 0 0 2px 10px;
}

img.aligncenter, .dln_imageComment_center {
	margin: 15px auto;
	text-align: center;
	clear: both;
}

.dln_imageComment_img {
	display: block;
	clear: both;
}

.dln_imageComment_img a img {
	border: 1px solid #F8F8F3;
	background: #E4E4D6;
	padding: 1px;
	display: block;
	clear: both;
	margin: 0 -1px; /* hack IE 7 and below */
}

html>/**/body .dln_imageComment_img a img {
	margin: 0 auto; /* margin for modern browsers */
}


.dln_imageComment_img a:hover img {
	border: 1px solid #333;
	background: #333;
	padding: 1px;
}

.dln_imageComment_center .dln_imageComment_img a img {
	display: block;
	padding: 3px;
	background: #F8F8F3;
	border: 1px solid #E4E4D6;
}

.dln_imageComment_center .dln_imageComment_img a:hover img {
	border: 1px solid #E4E4D6;
	background: #333;
	padding: 3px;
	margin: 0 auto;
}

.caption, .dln_imageComment_txt {
	text-align: center;
	padding: 2px;
}

img.noborder {
	border: none;
	background: transparent;
	padding: 0;
}

a img.noborder {
	border: 1px solid transparent;
	background: transparent;
	padding: 3px;
}

/***** Main Layout ****/
#page_margins {
	position: relative;
  	width: 940px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
}


/***** HEADER *****/
#header, .head {
	display: none !important;
}

#logo {
	float: left;
	display: block;
	width: 200px;
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.menu_main {
	display: block;
	float: left;
	clear: right;
	height: 86px;
}

/* Main Navigation */
.menu {
	display: block;
	float: right;
	clear: right;
	padding: 0;
	margin: 0;
}

.menu li {
	display: block;
	float: left;
	height: 53px;
	text-align: left;
}

.menu li a {
	display: block;
	float: left;
	height: 46px;
	-height: 53px;
	padding: 7px 20px 0 7px;
	margin: 0;
	color: white;
	font: 1.4em bold Georgia, "Times New Roman", Times, serif;
	background: url(../images/nav_sep.jpg) no-repeat 0 bottom;
}

.menu li a:hover {
	background: url(../images/nav_over.jpg) repeat-x 0 0;
	color: white;
}

.menu li a.current {
	background: url(../images/nav_current.jpg) repeat-x 0 0;
  	color: white;
	font-weight: bold;
	cursor: default;
}

.menu li a span {
	font: 0.55em normal Arial, Helvetica, sans-serif;
}

/* Submenu */
.submenu {
	display: block;
	float: right;
	clear: left;
	height: 33px;
	border-left: #DDDDC8 1px solid;
}

.submenu li {
	text-align: center;
	display: block;
	float: left;
	height: 32px;
	width: auto;
	margin: 0;
	padding: 0;
  	position: relative;
}

.submenu li a {
	display: block;
	float: left;
	height: 32px;
	padding: 0 15px;
	line-height: 32px;
	color:#8A8A7B;
	font-size: 0.85em;
	border-right: #DDDDC8 1px solid;
}

.submenu li a:hover {
	background-color: white !important;
	color:#8A8A7B;
}

.submenu li a.login {
	background: url(../images/icon_login.jpg) no-repeat 10px 9px;
	padding-left: 23px !important;
}

.submenu li a:hover.login {
	background: white url(../images/icon_login.jpg) no-repeat 10px 9px;
	padding-left: 23px !important;
}


/* Submenu  */
.language {
	float: right;
	clear: right;
	height: 27px;
	width: 268px;
	text-align: center;
	color: #8A8A7B;
	padding-top: 6px;
	border-right: #DDDDC8 1px solid;
}

/***** WRAPPER *****/
#main {
	display: block;
	float: left;
	clear: both;
	width: 940px;
	background: url(../images/content_bg.jpg) repeat-y 0 0;
}

/***** CONTENT *****/
#col1 {
	display: block;
	float: left;
	clear: left;
	width: 670px;
	position: relative;
	color: #424237;
}

#col1 p a {
	text-decoration: underline;
}

.link_right {
	background: url(../images/excercices_arrow.jpg) no-repeat right 4px;
	padding-right: 15px;
	margin-right: 20px;
}
.link_right a {
	background-color: #fff;
}

/* if page */
.breadcrumbs {
    height: 58px; /* hack IE5 */
	h\eight: 43px;
	font-size: 0.8em;
	color: #8A8A7B;
	padding: 15px 0;

/*
	background: url(../images/content_top.jpg) repeat-x 0 0;
	left: 0;
	position: relative;
	width: 668px; /* hack IE5 */
	/*
	w\idth: 618px;
	height: 58px; /* hack IE5 */
	/*
	h\eight: 43px;
	padding: 15px 25px 0;
	margin-left: -23px;
	color: #8A8A7B;
	font-size: 0.8em;
	overflow: hidden;
	*/
}

#breadcrumbs a {
	background: transparent !important;
	padding-right: 0 !important;
	text-decoration: none !important;
}

/* home page banner */
#col1 .banner {
	display: block;
	float: left;
	width: 670px;
	height: 208px;
	background: url(../images/banner.jpg) no-repeat 0 0;
}

#col1 .banner a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#col1_content {
	padding: 0 25px 30px;
	position: relative;
}

#col1 ul, #col1 ol {
	margin: 10px !important;
}

#col1 ul li {
/*
	list-style: square inside;
	*/
}

#col1 ol li {
	list-style: decimal inside;
	margin: 0;
	padding: 0;
}

.second_language {
	display: block;
	padding: 10px 0;
	font-size: 0.9em;
	font-style: italic;
	color: #686857;
}

/***** WIDGETS *****/
.widgets {
	display: block;
	clear: both;
	margin: 0 0 20px;
}

.widgets .widget-title {
	background: url(../images/widget_title_bg.jpg) repeat-x 0 bottom;
	border: #E4E4D6 1px solid;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}

.widgets ul.index_alumno, .widgets .widget-content {
	padding: 0 10px;
}

.widgets ul.index_alumno a {
	background: transparent !important;
}

.widgets ul.index_alumno li {
	display: inline;
	float: left;
	padding-bottom: 20px;
	padding-right: 20px;
	text-align: center;
	line-height: 2em;
}

.widgets .widget-content hr, .widgets .widget-content .article_seperator {
	padding: 0 !important;
	margin: 0 !important;
}

/***** SIDEBAR *****/
#col3 {
    display: block;
    float: left;
    clear: right;
    width: 268px;
    margin-left: 1px;
}

#col3 #col3_content {
    width: 180px;
    -width: 270px;
    padding: 0 45px;
/*    margin-top: -40px; */
}

#col3 h2, #col3 .title_right {
    background: url(../images/title_right_bg.jpg) repeat-x 0 0;
    padding: 15px 43px;
    color: #CC481C;
    font: 1.4em Georgia, "Times New Roman", Times, serif;
    margin: 40px -43px -20px;
}


/* Search */
#col3 #search {
	position: relative;
	display: block;
	height: 57px;
	background: url(../images/search_box_field.jpg) no-repeat 18px 22px;
}

#col3 .searchField {
	position: relative;
	left: 18px;
	top: 21px;
	border: none;
	width: 193px;
	height: 17px;
	padding: 5px 5px 0 8px;
	background: transparent;
}

#col3 .searchSubmit {
	position: relative;
	left: 8px;
	top: 21px;
	width: 28px;
	height: 22px;
	border: none;
	cursor: pointer;
	background: transparent;
}

/* Sidebar: new menu */
#col3 ul {
	border-top: #C4C4A2 1px dotted;
	margin: 20px 0;
}

#col3 ul li {
	border-bottom: #C4C4A2 1px dotted;
	display: block;
}

#col3 ul li a {
	padding: 5px 0;
	width: 100%;
	display: block;
}

#col3 ul li a:hover, #col3 ul li a.current {
	background: #E8E8D9;
	color: #3983B3;
}

#col3 ul li ul {
	margin: 0 !important;
	border: none;
}

#col3 ul li ul li {
	display: block;
	border: none;
	border-top: #C4C4A2 1px dotted;
}

#col3 ul li ul li a {
	padding: 5px 8px 5px 25px;
	width: 147px;
	display: block;
	color: #5E5E53;
	background: transparent url(../images/submenu_arrow.jpg) no-repeat 11px 11px;
}

#col3 ul li ul li a:hover, #col3 ul li ul li a.current {
	color: #AFAFA3;
	background: #F8F8F3 url(../images/submenu_arrow_over.jpg) no-repeat 11px 11px;
}

/* Sidebar: OLD menu 
#col3 ul.sidebar-items {
	border-top: #C4C4A2 1px dotted;
	margin: 20px 0;
	margin:  0 0 0 -20px;
}
*/

#col3 ul.sidebar-items li.nav_grey {
	border-bottom: #C4C4A2 1px dotted;
	display: block;
}

#col3 ul.sidebar-items li a {
	padding: 5px 0;
	width: 100%;
	display: block;
}

#col3 ul.sidebar-items li a:hover, #col3 ul.sidebar-items li.nav_orange a {
	background: #E8E8D9;
	color: #3983B3;
}

/* OLD menu: submenu */
#col3 ul li.nav_lc_grey {
	display: block;
	border: none;
	border-bottom: #C4C4A2 1px dotted;
}

#col3 ul li.nav_lc_grey a {
	padding: 5px 8px 5px 25px;
	width: 147px;
	display: block;
	color: #5E5E53;
	background: transparent url(../images/submenu_arrow.jpg) no-repeat 11px 11px;
}

#col3 ul li.nav_lc_grey a:hover {
	color: #AFAFA3;
	background: #F8F8F3 url(../images/submenu_arrow_over.jpg) no-repeat 11px 11px;
}

#col3 ul li.nav_lc_orange a {
	padding: 5px 8px 5px 25px;
	width: 147px;
	display: block;
	color: #AFAFA3;
	background: #F8F8F3 url(../images/submenu_arrow_over.jpg) no-repeat 11px 11px;
}

#col3 ul li.nav_lc_orange a:hover {
	color: #AFAFA3;
	background: #F8F8F3 url(../images/submenu_arrow_over.jpg) no-repeat 11px 11px;
}

/***** FOOTER *****/
#footer {
	display: block;
	float: left;
	clear: both;
	width: 940px;
	height: 120px;
	background: url(../images/footer_bg.jpg) no-repeat 0 0;
	margin-bottom: 50px;
	padding: 10px 25px;
	color: #959580;
}

/* Back to top */
#footer .backToTop {
	float: right;
	width: 300px;
	height: 30px;
	background: url(../images/backToTop.jpg) no-repeat 30px 7px;
}

#footer .backToTop a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

#footer .backToTop a:hover {
	border: none;
}
.t3_content_container {
	clear: both;
}