/* CSS Document */
html, body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	margin: 0px;
    padding: 0px;
    background-color:white;
	background-image:url(http://headers.caq.edu.ec/img/deu_bg.jpg); 
	background-repeat: repeat-y;
	min-width:800px;
}
a {
color:#003300;
}
#page_bg{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;
    margin: 0px;
    padding: 0px; 
	min-width:800px;
}
OL, UL, DIV, H1, H2, TD{
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color:black;
}

#container {
/*	position:top;*/
	position:relative;
	padding-bottom: 20px;
	
}
.normalwithright {
	position: relative;
	font-size: 1em;
    line-height: 1.8em;
}


#content {
	position: relative;
	margin: 0px 0px 0px 170px;
}
#contentarea P.bodytext {
	line-height : 180%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top : 1px;	
	margin-bottom : 1px;	
	padding-bottom : 0px;
}
.bodytext {
      line-height: normal;
	  color:#000000;
}
.hidden {
        display: none;
}
/* ########## HEAD ########### */

#head {
/*	height: 80px;*/
	background-color: white;
	/*background-image: url(img/logo_2.jpg);*/
	background-image: url(http://headers.caq.edu.ec/img/deu_logo_2.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#head img {
	vertical-align: middle;
	border: none;
}

#head ul {
	margin: 0px;
	padding: 3px;
	list-style-type: none;
	position: absolute;
	top: 0px;
	right: 0px;
	color:#FFFFFF;
}
#head li {
        display: inline;
	padding: 5px;	
	font-size: 0.9em;
}
#head li a {
    color: #000000;
}
#head li a:hover {
	text-decoration: underline;
}
/* ####### TOPMENU ######### */
#topmenu {
	position: relative;
	/*Color de la barra del menu horizontal*/
/*	background-color: #7AA516;*/
	background-color:#003300;
	padding:0px 0px 0px 26px;
/*  cambio edison via ftp*/
	height: 2em;
	font-size:100%;
}


#topmenu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	background-color:#003300;
	width: 100%;
	float: left;
}

#topmenu li {
	float: left;
	text-align: center;
}	

#topmenu a {
/*	font-size: 1em;*/
	font-size: 90%;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	border-right: 1px white solid;
	display: block; 
	padding: 0.45em 0.20em 0.45em 0.20em;
	/* dimesión del tamaño de la celda*/ 
        width: 12em;

}	

#topmenu a:hover {
	text-decoration: none;	
	color:white
	
}
/* ############ LEFTMENU ########## */

#leftmenu {
	position: absolute;
	left: 0px;
	margin-top: 35px;
/*	background-color: #C8EC75;*/
/*	background-color: #FBCB24;*/
	width: 120px;
	font-size:95%;
}

#leftmenu ul {
	list-style-type: none;
	padding: 0px; 	margin: 0px; 	width: 147px;
/*	border-top: 1px white solid; */        overflow: hidden;
}
#leftmenu2 ul{
	list-style-type: none;
	padding: 0px; 	margin: 10px; 	
	width: 140px;
	overflow: hidden;
	font-size:90%;
}

#leftmenu li {
	display: block; 
	border-bottom: 1px white solid;
}	
#leftmenu2 li {
	display: block; 
	border-bottom: none;
}

#leftmenu a {
	font-size: 1em;
	font-weight: bold;
	color:#003300;
	text-decoration: none;
    padding: 7px; /*espacio que delimita el tamaño de la celda*/
    display: block;
}	

#leftmenu a:hover {
	text-decoration: none;
	color:#666666;
	
}
/*############LEMGUAJES*/
.lenguages{
	position: absolute;
	top: 1px;
	right: 0px;
	width: 25%;
/*		width: 200px;*/
	margin: 0px 0px 0px 0px;
/*	margin: 12px 10px 0px 0px;*/
	padding: 0px 0px 5px 5px;
/*	border: 1px #A0A0A0 solid;*/
	text-align:right;
/*	height: 89px;*/
}
/* ############## ROOT ############## */

.root {
    position: relative;
	color: #A0A0A0;
	font-size: 0.9em;
	padding: 0.5em 0em 0.5em 0em;
/*	border-bottom: 1px #A0A0A0 solid;*/
	margin: 7px 0px 0px 0px;
        width: 80%;
        display: block;
}

.rootlinks {
        margin-right: 120px;
        display: block;
}

.root a {
	color: #A0A0A0;
	text-decoration: none;
        z-index: 1;
}

.root a:hover {
	text-decoration: underline;

}

.element {
    position: relative;
	color: #A0A0A0;
	font-size:11px;
	padding: 0.5em 0em 0.5em 0em;
/*	border-bottom: 1px #A0A0A0 solid;*/
	margin: 7px 0px 14px 0px;
        width: 95%;
        display: block;
}
.element h1{
    color:#003300;
    font-size:150%;
	padding: 0.5em 2em 0.5em 0em;
}
.element p{
color:#000000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.element ul ol li{
color:#000000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.element  a{
	color:#003300;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 12px;
}

.copyright {
	color: #A0A0A0;
	font-size: 0.9em;
	margin-top: 2em;
}

.copyright a {
	color: #A0A0A0;
}


/*····································· NEWWS··············3*/

.c2l1-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:50%;
   white-space:normal;
}
.c2l1-middle{
   padding-left: 5px;
   width:50%;
   white-space:normal;
}
/*  Layout 2 */
.c2l2-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:50%;
   white-space:normal;
}
.c2l2-middle{
   background-color:#FFEDA8;
   padding-left: 5px;
   width:50%;
   white-space:normal;
}
/* Layout 2 */
.c2l3-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:70%;
   white-space:normal;
}
.c2l3-middle{
   background-color:#FFEDA8;
   border: 1px solid blue;
   padding-left: 5px;
   width:30%;
   white-space:normal;
}
/*
	Styles 2 Column DIV Section
*/
div.tx-fdfx2cols-pi1{
    position:relative;
    left:0px;
	margin-bottom:10px;
}
/* Layout 1 */
div.c2l1d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid red;
}
div.c2l1d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}
/* Layout 2 */
div.c2l2d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}
div.c2l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
/* 
	Layout 3 
	
	embedded
*/
div.c2l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
}
div.c2l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
/* default styles for extension "tt_news" */
	


/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px solid #F9FFE5;

}
.news-latest-container HR.clearer {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
	border:1px solid #333;
	background-color:#BBE53A;
}

.news-latest-container H2,.news-latest-gotoarchive {
	color:#fff;
	padding:3px;
	margin:3px;
	border:1px solid #666;
	/*background-color:#D8FA70;*/
	background-color:#769024;
}

.news-latest-gotoarchive {
	font-weight:bold;
	margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
	color:#fff;
}
.news-latest-gotoarchive A {
	color:#fff;
}
.news-latest-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:3px;
	border:1px solid #666;
	background-color:#F9FFE5;
}

.news-latest-item IMG {

	margin-bottom:5px;
	margin-right:5px;
	border:1px solid #666;
	float:left;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	font-size:9px;
}

.news-latest-morelink {
	height:12px;
}

.news-latest-morelink A {
	float:right;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
	border:2px solid #000;
	background-color:#BBE53A;
}


.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:3px;
	border:1px solid #666;
	background-color:#F9FFE5;

	}
.news-search-form {
	padding:3px;
	margin-bottom:5px;
	border:1px solid #666;
	background-color:#F9FFE5;

}
.news-search-emptyMsg{
	margin:0px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-container H3 {
	margin-bottom: 5px;
	padding: 2px;
	border-bottom: 1px solid #769024;
	background-color: #769024;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
	color:#fff;
	padding-left:2px;
}
.news-list-container H3 A {
	color:#fff;

}
.news-list-container P {
	padding-left:3px;
}
.news-list-date {
	float: right;
	color: #3E551C;
	width: 180px;
	text-align: right;
	height: 20px;
	margin-top: -2px;
	margin-right: -2px;
	font-size: 9px;
	font-weight: normal;
	background-color: #F9FFE5;
	}

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {

	float: right;
	border:1px solid #666;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
}
.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-