/* Cabecera */
#cabecera {
   text-align: center;
   height: 50px;
   display: block;
   margin: auto;
}

#cabecera img {
   border: none;
   height: 50px;
   margin-left:1em;
   margin-right:1em;
}

#cabecera h1 {
   font-size: 20px;
   color: #4a4a4a;
   display: float;
   padding-top:15px;
}

#logo1 {
	float:left;
}

#logo2 {
	float:right;
}

#topcontenedor {
   display: block;
   margin-top: 20px;
   height: 20px;
   background: url(imagenes/top.png) bottom no-repeat;
}

/* Div flotante queda a la derecha de la parte amarilla */
#derecha {
   float: right;
   border: 2px #c4c4c4 dashed;
   width: 150px;
   text-align: center;
   margin-right: 20px;
}

#derecha p {
   text-align: center;
   font-size: 10px;
   font-family: sans-serif;
   color: #4a4a4a;
}
	    

#bottomcontenedor {
   display: block;
   height: 15px;
   background: url(imagenes/bottom.png) top no-repeat;
}

#contenedor {
   margin: auto;
   width: 790px;
   background-color: #fdfab4;
}

.enlaces a {
   text-decoration: none;
}

.enlaces p {
   text-align: center;
   font-size: 16px;
   font-family: sans-serif;
   color: #4a4a4a;
}

#pie {
   text-align: center;
   height: 50px;
   display: block;
   margin: auto;
   font-size: 12px;
   color: #4a4a4a;
   font-family: sans-serif;
   padding-top:1em;
}

#pie .enlaces p {
   font-size: 12px;
}


/* Div para limpieza de display */
div.limpiar {
   clear: both;
}


/* Secciones de imagenes */
div.sections {
   padding: 1em;
   
}

div.sections a  {
   border: 2px #c4c4c4 dashed;
   display: block;
   float: left;
   margin-top: 0pt;
   margin-left: 20px;
   margin-bottom: 0pt;
   margin-right: 8pt;
   text-decoration: none;
}

div.sections a.itest {
   width: 215px;
   height: 244px;
   background-color: transparent;
   background-image: url(imagenes/gotoitest.png);
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: 0px 0px;
}

div.sections a.foro {
   width: 215px;
   height: 244px;
   background-color: transparent;
   background-image: url(imagenes/gotoforo.png);
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: 0px 0px;
   /*margin-left: 271.5px;*/
}

div.sections a.activs {
   width: 215px;
   height: 244px;
   background-color: transparent;
   background-image: url(imagenes/gotoactivs.png);
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: 0px 0px;
}

div.sections a.material {
   width: 215px;
   height: 244px;
   background-color: transparent;
   background-image: url(imagenes/gotodocs.png);
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: 0px 0px;
}

div.sections a.demoprofe {
   width: 215px;
   height: 244px;
   background-color: transparent;
   background-image: url(imagenes/gotodemoprofe.png);
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: 0px 0px;
}

div.sections a.demoalu {
   width: 215px;
   height: 244px;
   background-color: transparent;
   background-image: url(imagenes/gotodemoalu.png);
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: 0px 0px;
}

div.sections a.itest:hover, div.sections a.foro:hover, div.sections a.activs:hover, div.sections a.material:hover, div.sections a.demoprofe:hover, div.sections a.demoalu:hover {
   background-position: 0pt -244px;
}

div.sections a p {
   color: #c3c3c3;
   display: none;
   line-height: 15px;
   padding-top: 0pt;
   padding-right: 0pt;
   padding-bottom: 0pt;
   padding-left: 0pt;
   width: 195px;
   font-size: 15px;
}

div.sections a:hover p {
   display: inherit;
   width: 195px;
   margin-top: 182px;
   margin-right: 0pt;
   margin-bottom: 0pt;
   margin-left: 8px;
}

div.fondoTransparente
{
	/*Div que ocupa toda la pantalla*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#dcdcdc;
	/*IE*/
	filter: alpha(opacity=50);
	/*FireFox Opera*/
	opacity: 0.5;
}
div.avisoCenter
{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:30%;
	left:50%;
	/*determinamos una anchura*/
	width:800px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-400px;
	/*determinamos una altura*/
	height:200px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-90;
	border:1px solid #808080;
	background-color:#fff;
	padding:5px;
	text-align:center;
}