body{
	background-image: url(imgs/probandomaquet2.jpg);
	background-repeat: no-repeat;

}

#index{
position:absolute;
top:20px;
left:90px;
width:500px;
}
#index span{
display:none;
}


.menu {
font-family: arial, sans-serif; 
margin:0; 
position:absolute;
top: 80px;
left: 86px;
z-index:40;
}


.menu ul {
padding:0; 
margin:0;
list-style-type: none;

}

.menu ul li {
float:left; 
position:relative;

}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:170px; 
color:#fff; 
border-bottom:1px solid #A8A6A6;
background:#4D4D4D; 
font-size: 10px;
letter-spacing:1px;
 padding:8px 0px 8px 0px;
}


.menu ul li ul {
display: none;
}


.menu ul li:hover a {
color: #FFA801;
}


.menu ul li:hover ul {
display:block; 
position:absolute; 
top:30px; 
  text-align: left;
   width:170px; 
}
.menu ul li:hover ul li{

}

.menu ul li:hover ul li a {
display:block; 
color:#fff;
font-weight:bold;
  text-align: left;
    background-color:#C5C99A; 
	border-left: 5px solid #C5C99A;
	border-left-width: -5px;
  font-size:10px;
  letter-spacing:0;
   padding:7px 0px;
   width:165px; 
}


.menu ul li:hover ul li a:hover {
color:#000;
}
#selected{
color:#A69953;
}





/*------ICONOs izquierda------ */



#icontenido a{
background-image:url(imgs/cuadraob.jpg);
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
position:absolute;
top:180px;
left:50px;
height:60px;
padding-top:40px;
text-decoration:none;
text-align:center;
color:#D4E3CF;
}
#icontenido a:hover{
background-image:url(imgs/cuadrao.jpg);
background-repeat:no-repeat;
color:#4d4d4d;
}


#icontenidoselected a{
z-index:10;
background-image:url(imgs/cuadrao.jpg);
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
position:absolute;
top:180px;
left:50px;
height:60px;
padding-top:40px;
text-decoration:none;
text-align:center;
color:#A69953;
}



#itarea a{
z-index:10;
background-image:url(imgs/cuadraozb.jpg);
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
position:absolute;
top:260px;
left:50px;
width:51px;
height:60px;
padding-top:40px;
text-decoration:none;
text-align:center;
color:#87C0D6;
}
#itarea a:hover{
background-image:url(imgs/cuadraoz.jpg);
background-repeat:no-repeat;
color:#4d4d4d;
}
#itareaselected a{
z-index:10;
background-image:url(imgs/cuadraoz.jpg);
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
position:absolute;
top:260px;
left:50px;
width:51px;
height:60px;
padding-top:40px;
text-decoration:none;
text-align:center;
color:#A69953;
}

#ipdf a{
z-index:9;
background-image:url(imgs/pdf.gif);
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
position:absolute;
top:330px;
left:50px;
width:51px;
height:60px;
padding-top:30px;
text-decoration:none;
text-align:center;
color:#D4E3CF;
}
#ipdf a:hover{
background-image:url(imgs/pdfb.gif);
background-repeat:no-repeat;
color:#4d4d4d;
}

#ipdfsolo a{
z-index:9;
background-image:url(imgs/pdf.gif);
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
position:absolute;
top:190px;
left:50px;
width:51px;
height:60px;
padding-top:30px;
text-decoration:none;
text-align:center;
color:#D4E3CF;
}
#ipdfsolo a:hover{
background-image:url(imgs/pdfb.gif);
background-repeat:no-repeat;
color:#4d4d4d;
}

/*---------------linux güindows---------------*/


#linux a{
background-image:url(imgs/tflechalinux.gif);
background-repeat:no-repeat;
width:100px;
height:50px;
z-index:30;
position:absolute;
top:180px;
left:180px;
	text-decoration:none;
}

#linux a:hover{
background-image:url(imgs/tflechalinuxhover.gif);
}

#linuxc a{
background-image:url(imgs/cflechalinux.gif);
background-repeat:no-repeat;
width:100px;
height:50px;
z-index:30;
position:absolute;
top:180px;
left:180px;
	text-decoration:none;
}

#linuxc a:hover{
background-image:url(imgs/cflechalinuxhover.gif);
}

#linuxa a{
background-image:url(imgs/aflechalinux.gif);
background-repeat:no-repeat;
width:100px;
height:50px;
z-index:30;
position:absolute;
top:180px;
left:180px;
	text-decoration:none;
}

#linuxa a:hover{
background-image:url(imgs/aflechalinuxhover.gif);
}

#windowsc a{
background-image:url(imgs/cflechawindows.gif);
background-repeat:no-repeat;
width:100px;
height:50px;
z-index:30;
position:absolute;
top:250px;
left:250px;
	text-decoration:none;
}

#windowsc a:hover{
background-image:url(imgs/cflechawindowshover.gif);
}



/*------TEXTOoooooooooooooooooooooooooo------ */


.modulo{
position:absolute;
right: 40px;
color:#4d4d4d;
font-size:12pt;
text-align:right;
top:5px;
}
#flechassup{
position:absolute;
right: 10px;
top: 20px;
}
#flechassup a{
text-decoration:none;
}
#flechassup a:hover{
text-decoration:none;
border:1px dashed #B6B7B3;
}
#flechas a{
text-decoration:none;
}
#flechas a:hover{
text-decoration:none;
border:1px dashed #B6B7B3;
}

#cajatexto{
position:absolute;
top:140px;
left:150px;
  width:75%;}

#texto{
margin-top:-25px;
margin-right:20px;
margin-left:20px;
text-align:justify;
}
h2{
font-family: Arial-Black, Arial, Helvetica, sans-serif;
font-size:18pt;
font-stretch:condensed;
text-align:right;
padding-right:20px;
}
h3{
font-family: Arial, Helvetica, sans-serif;
font-size:14pt;
font-stretch:condensed;
color:#F3F2E7;
padding-right:20px;
}

h4{
font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
font-stretch:condensed;
}
h5{
font-family: Arial, Helvetica, sans-serif;
font-size:11pt;
font-stretch:condensed;
color:#000;
margin-bottom:-5px;
font-style:italic;
}

h6{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-stretch:condensed;
color:#000;
margin-bottom:-5px;
font-style:italic;
}

p{
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
}
li{
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
}
.centrao{
text-align:center
}
.piefoto{
font-size:8pt;
text-align:center;
margin-top:-10px;
}
.piefotoizq{
font-size:8pt;
padding-top: -20px;
}
.resaltao{
color:#CE1E04}
.ejercicios{
 border: 3px solid grey;
    margin: 5px 10px;
    padding: 3px 10px;
    font-size: 90%;
    background-color:white;
    color: #f81000;
    float: none;
	}
	
	 .ejercicios h4{
	color:#E30F01;
	}
.resaltaomarcotar {
 border: thin solid #6A9198;
    margin: 5px 10px;
    padding: 3px 10px;
    font-size: 90%;
    background-color: #fff;
    color: #3F3587;
    float: none;
}

.tarea{
text-align:right;
color:#87C0D6;
position:relative;
top:20px;
font-size:30pt;
letter-spacing:-2px;
margin-bottom:20pt;
font-weight:bold;
}
.contenido{

text-align:right;
color:#B3C030;
position:relative;
top:20px;
font-size:30pt;
letter-spacing:-2px;
margin-bottom:20pt;
font-weight:bold;
}
.anexo{
text-align:right;
color:#FCDEA3;
position:relative;
top:20px;
font-size:30pt;
letter-spacing:-2px;
margin-bottom:20pt;
font-weight:bold;
}


.izq{
float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;}
	
	.dcha{
float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;}
	
/* parte texto redondeada */
.partecontenido{
background-color:#DEE86D;
}
.partetarea{
background-color:#B4D9E0;
}
.parteanexo{
background-color:#FFBF42;
/*color:#fff;*/
}
.tredondeoarriba { 
	background: url(imgs/ttr.gif) no-repeat top right; 
}

.tredondeoabajo {
	background: url(imgs/tbr.gif) no-repeat top right; 
}

.credondeoarriba { 
	background: url(imgs/ctr.gif) no-repeat top right; 
}

.credondeoabajo {
	background: url(imgs/cbr.gif) no-repeat top right; 
}

.aredondeoarriba { 
	background: url(imgs/atr.gif) no-repeat top right; 
}

.aredondeoabajo {
	background: url(imgs/abr.gif) no-repeat top right; 
}

img.esquina {
   width: 15px;
   height: 15px;
   border: none;
   display: block ;
}