/*************  GENERAL  ************/

* { 
	padding: 0;
	margin: 0
}

body { 
	font: .8em Verdana, Arial, Sans-Serif; 
	line-height: 1.6em; 
	margin: 0;
	background:url(../imgs/bg_body.jpg) top repeat-x;	
}

#contenedor{	
	margin: 0 auto;	
	width: 780px;
	
}


#gris { 
	clear: both; 
	background: #eaeaea ;
	color: #808080;
	padding: 1em;
	margin: 15px 8px 0 8px;
}




#principal { 
	background: transparent;
	margin: 25px 0 15px 0; 
	color: #666; }

#izquierda {
	padding-left: 8px;
	color: #888;
	background: transparent;
	margin-right: 255px;
	margin-left: 8px;
	
	
}

#izquierda h2 { 
color: #555; }

#footer {
	clear: both;
	background: #FFF url(../imgs/footer.jpg) repeat-x;
	height: 46px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 18px;
	font-size: 75%;
	color: #666;
}

#footer p  { 
padding: 15px }

#footer .rside { 
float: right; 
display: inline;
padding: 5px; 
text-align: center}
 
a { 
color: #008585; 
/*color: rgb(171, 43, 43);*/
background: inherit; 
text-decoration: none }

h1 { 
font: bold 1.9em Arial, Arial, Sans-Serif }

h2 {
font: bold 1.2em Arial, Arial, Sans-Serif; 
padding: 0; 
margin: 0 }

ul {  
padding: 0; 
margin: 0}

li { 
list-style-type: none }

.mas { 
border-top: 1px solid #e5e5e5; 
text-align: right; 
margin-bottom: 25px; 
margin-top: 5px; 
font-size:0.9em}

#principal #izquierda .mas a, #principal #derecha a { 
border: 0; 
text-decoration: none; }

#principal #derecha a:hover { 
color: #890a16; 
text-decoration: none }





/***************  INICIO  ***************/

#topInicio .logo{
float:left;
padding: 10px 10px 0 20px;

}


#topInicio {
	margin: 20px 8px 0 8px;
	padding: 0;
	color: #666;
	/*background: rgb(171, 43, 43) url(../imgs/bg_new_2.jpg)  top;*/
	background: #008585 url(../imgs/bg_new.jpg)  top;
	background-repeat:repeat-x;
	height: 100px;	
}

#topInicio h1 { 

	padding: 20px 0 0 0; 
	color: #fff; 
	font-size: 170%; 
	background: transparent
}

#topInicio h2 {
	float:left; 
	padding: 0 0 0 3px; 
	color: #fff; 
	font-size: 95%; 
	background: transparent;
		
}

#topInicio .as { 
padding: 0 30px 0 0; 
float:right;

}
#topInicio .as a {
text-decoration:none; 
}
#topInicio .as a:hover {
text-decoration:none; 
}
#topInicio .as a:visited {
text-decoration:none; 
}

#topInicio .padding { 
	padding-top: 5px
}


#topmenuInicio { 	
	margin: 0px 8px 0 8px; 
	padding: 0;
	background: #636566 url(../imgs/fondomenu2.gif) repeat-x top;
	/*background: #636566 url(../imgs/fondomenu.jpg) repeat-x top;*/
	height: 30px;
		
}

#topmenuInicio li a { 
	color: #FFF;
	text-align: left;
	padding-left: 10px;
	padding-right: 15px;
	text-decoration: none;
	background: transparent;
	font-weight: bold
} 

#topmenuInicio li a:hover {
	color: #ebebeb
}

#topmenuInicio li { padding: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 30px;
	white-space: nowrap;
	list-style-type: none;
	width: auto;
	background:  url(../imgs/sep.gif) no-repeat right
	
}

#principal #derechaInicio {
	width: 220px;
	float: right;
	background:transparent;
	margin-right: 8px;
	color: #666;
	
} 

#principal #derechaInicio .caja{
	background: #efefef;
	margin-bottom: 25px;
	padding: 5px;
	color: #666;

}

#principal #derechaInicio .caja .pdf{
vertical-align:middle;
}

#principal #derechaInicio .valid{
	
	padding: 65px;
	
	
}

#principal #derechaInicio h2{
	font: bold 1.0em Arial, Arial, Sans-Serif; 
    background: #008585;
	/*background: rgb(171, 43, 43);*/
	height: 18px;
	padding: 3px;
	color: #fff;
}

#principal #derechaInicio .flashInfo{
padding-bottom:25px;
}

#principal #derechaInicio .info{
	
	padding-top: 5px;
	
}

#principal #derechaInicio .infoText{
	
	padding-top: 15px;
	font: 0.9em Arial, Arial, Sans-Serif;
	
	
}




/************  CURSOS  **************/

.titCimi{
padding-left:7px;
padding-bottom:10px;
color:#999999;
}

#principal .cursos{
padding-top: 25px;
padding-bottom: 60px;
line-height: 2em; 
}



#principal .cursos a{
color: #999999;
font-weight:bold;
}

#principal .cursos a:hover{
color:#008585;
/*color: rgb(171, 43, 43);*/
font-weight:bold;
text-decoration:underline;
}

#principal .CursosContenido .dia{
padding-left:7px;
}


#principal .CursosContenido .temario{
position:absolute;
width:auto;
left:32%;
}

#principal .CursosContenido .depto{
position:absolute;
left:70%;
}

#principal .CursosTitulo {
padding:7px;
}

#principal .CursosTitulo .temario{
position:absolute;
left:32%;
}

#principal .CursosTitulo .depto{
position:absolute;
left:70%;
}

#principal #derecha {
	width: 120px;
	float: right;
	margin-right: 8px;
	
} 

#principal #derechaCursos .caja {
	
	
	
	margin-bottom: 10px;
	padding: 25px;
	
}

#principal #derechaCursos .cajaETM {
	background: #efefef;	
	margin-bottom: 10px;
	padding: 5px;
	color: #666;
}

#principal #derechaCursos h2 {
	font: bold 1.0em Arial, Arial, Sans-Serif; 
    background: #cc1217 url(../imgs/bordeCursos.gif) no-repeat top right;
	height: 18px;
	padding: 3px;
	color: #fff;
}



#principal #derechaCursos .caja .pdf{
vertical-align:middle;
}


.nolink{
font: 13px Verdana, Arial, Sans-Serif;
line-height: 2em; 
font-weight:bold;
color: #999;
}

.imgCursos{
float:right;
padding: 35px 10px 0 0;
}




/***********  	INTEGRANTES  **************/



.Integrantes {
	padding-left: 8px;
	color: #888;
	background:transparent;
	margin-right: 240px;
	
}

.Integrantes li{
padding-top: 10px;
}

.Integrantes .correos{
position:absolute;
left:50%;
}



/***********  	PROYECTOS  **************/

#proyectos {
	padding-left: 8px;
	color: #888;
	background: transparent;
	clear: both; 
	margin-right: 5px;
	margin-left: 8px;	
}

#proyectos ul{
width:100%;
}

#proyectos li{
font: .85em Verdana, Arial, Sans-Serif;
padding: 5px 0 15px 0;
}

#proyectos li .autor{
font: 11px Verdana, Arial, Sans-Serif;
color:#666666;
}

#proyectos li a{
font: 12px Verdana, Arial, Sans-Serif;
font-weight:bold;
text-decoration:none;
}

#proyectos li .nolink{
font: 12px Verdana, Arial, Sans-Serif;
font-weight:bold;
color: #008585;
}


#proyectos li a:hover{
font: 12px Verdana, Arial, Sans-Serif;
font-weight:bold;
text-decoration:underline;
}

h3{
color:#666;
font: 13px Verdana, Arial, Sans-Serif;
text-decoration:underline;
font-weight:bold;
padding:10px 0 10px 0;
}

hr{
padding: 0 50px 0 50px;
}

/*******************  CONTACTO  **************/


#direccion ul li {
background:url(../imgs/direccion.gif) 0 10px no-repeat; 
padding:20px;
}

#telefono ul li {
background:url(../imgs/telefono.gif) 0 10px no-repeat; 
padding:30px;
}

#contacto ul li {
background:url(../imgs/contacto.gif) 0 10px no-repeat; 
padding:30px;
}


/***********  	ENLACES  **************/


#izquierdaEnlaces .Enlaces {
padding-left: 8px;
color: #888;
background: transparent;
}

.Enlaces li{
padding-left: 8px;
padding-bottom:0.4em;
}

.Enlaces li a:hover{
text-decoration:underline;
}


.Enlaces h2{
padding: 7px 0 10px 8px;
}




	/******************* ACCESO  **************/
	

	
#accesoest{
width:225px; 
float:left; 
padding: 25px 0 80px 185px;
}

#accesoest ul.btnacceso{
width:150px; 
height:130px; 
}

#accesoest ul.btnacceso li{
width:150px; 
height:130px;
}

#accesoest ul.btnacceso li a{
width:150px; 
height:130px; 
display:block; 
background:url(../imgs/btn_estudiante_off.jpg) 0 0 no-repeat #FCFCFC; 
text-decoration:none; 
}

#accesoest ul.btnacceso li a:hover{
background:url(../imgs/btn_estudiante_on.jpg) 0 0 no-repeat #FCFCFC;  
text-decoration:none;
}

#accesodoc{
width:30px; 
float:left; 
padding-bottom:80px; 
padding-top:25px;
}	

#accesodoc ul.btnacceso{
width:150px; 
height:130px; 
}

#accesodoc ul.btnacceso li{
width:150px; 
height:130px;
}

#accesodoc ul.btnacceso li a{
width:150px; 
height:130px; 
display:block; 
background:url(../imgs/btn_docente_off.jpg) 0 0 no-repeat #FCFCFC; 
text-decoration:none; 
}

#accesodoc ul.btnacceso li a:hover{
background:url(../imgs/btn_docente_on.jpg) 0 0 no-repeat #FCFCFC;  
text-decoration:none;
}

#boton {
padding-top: 20px;
padding-bottom: 20px;
}

.input {
padding-bottom: 10px;
}

.texto{
/*color: rgb(171, 43, 43);*/
color:#008585;
}

.logout {
position:absolute;
left: 75%;
/*color: rgb(171, 43, 43);*/
color: #008585;	
}

.adobepdf  {
padding:35px 0 0 0;
}

#izquierdaInterior h2{
padding-top: 10px;
}



#slide{
padding-left:178px;
padding-bottom:25px;
padding-top:25px;
}
#slide a{
text-decoration:none;
font-size:14px;
text-align:center;
}


#contenedorInfo{	
	margin: 0 auto;	
	width: 200px;
	
}