* {margin:0px ; padding:0px ; border: 0px}
#global {width:800px ; margin: 4px auto }
body {text-align: center; background-color: #AB82FF  }

#cabecera {color:black ; font-weight: bold ; text-align: center ; margin: 24px 0px 30px 0px}
#cabecera-primera {font-size: 1.9em }
#cabecera-segunda {font-size: 2.4em }


#navegacion-ay {background-color: yellow; font-weight: bold ; height:20px; margin: 2px 0px 20px 0px; border: black 1px solid  }
#navegacion-ay li { list-style:none; float:left; margin: 2px 8px 4px 35px }
#navegacion-ay a {color: black; text-decoration: none }
#navegacion-ay a:link 			{}
#navegacion-ay a:visited 	{}
#navegacion-ay a:hover 		{color: white; text-decoration:underline}
#navegacion-ay a:active 		{}

#navegacion-sd {background-color: red; font-weight: bold ; height:20px; margin: 2px 0px 20px 0px; border: black 1px solid  }
#navegacion-sd li { list-style:none; float:left; margin: 2px 8px 4px 35px }
#navegacion-sd a {color: black; text-decoration: none }
#navegacion-sd a:link 			{}
#navegacion-sd a:visited 	{}
#navegacion-sd a:hover 		{color: white; text-decoration:underline}
#navegacion-sd a:active 		{}

#navegacion-sa {background-color: #66CD00; font-weight: bold ; height:20px; margin: 2px 0px 20px 0px; border: black 1px solid  }
#navegacion-sa li { list-style:none; float:left; margin: 2px 8px 4px 35px }
#navegacion-sa a {color: black; text-decoration: none }
#navegacion-sa a:link 			{}
#navegacion-sa a:visited 	{}
#navegacion-sa a:hover 		{color: white; text-decoration:underline}
#navegacion-sa a:active 		{}

#navegacion-pr {background-color: #EDA053; font-weight: bold ; height:20px; margin: 2px 0px 20px 0px; border: black 1px solid  }
#navegacion-pr li { list-style:none; float:left; margin: 2px 8px 4px 35px }
#navegacion-pr a {color: black; text-decoration: none }
#navegacion-pr a:link 			{}
#navegacion-pr a:visited 	{}
#navegacion-pr a:hover 		{color: white; text-decoration:underline}
#navegacion-pr a:active 		{}

#navegacion-ti {background-color: pink; font-weight: bold ; height:20px; margin: 2px 0px 20px 0px; border: black 1px solid  }
#navegacion-ti li { list-style:none; float:left; margin: 2px 8px 4px 35px }
#navegacion-ti a {color: black; text-decoration: none }
#navegacion-ti a:link 			{}
#navegacion-ti a:visited 	{}
#navegacion-ti a:hover 		{color: white; text-decoration:underline}
#navegacion-ti a:active 		{}



#contenido {background-color: #AB82FF }

.rectangulo-proyecto-a {background-color:#AB82FF; margin: 40px 0px 20px 0px; border: black 1px solid }
.rectangulo-proyecto-a p {padding: 0px 20px 4px 120px; text-align: justify; font.size: 1.1em}
.rectangulo-titulo-proyecto-a { background-color:red; height:20px; border: black 1px solid }
.foto-proyecto-a {float: left; margin: 10px 10px 10px 10px}
.letra-fondo {color: #AB82FF}

.rectangulo-titulo-proyecto-b { background-color:pink; height:20px; border: black 1px solid }

.rectangulo-titulo-proyecto-c { background-color:#66CD00; height:20px; border: black 1px solid }

.rectangulo-titulo-proyecto-d { background-color:yellow; height:20px; border: black 1px solid }

.rectangulo-titulo-proyecto-e { background-color:#EDA053; height:20px; border: black 1px solid }

.rectangulo-ultimo {background-color:#AB82FF; margin: 50px 0px 10px 0px }
.rectangulo-ultimo p {padding: 0px 20px 5px 30px; text-align: justify;font.size: 1.1em}
.rectangulo-titulo-ultimo {font-weight: bold; background-color:red; height:20px }

#pie {color: green; background-color:green; height: 10px ;margin: 80px 0px 10px 0px; border: black 1px solid }

a.enlace {font-weight: bold; color: black; text-decoration: none }
a.enlace:link 			{}
a.enlace:visited 	{}
a.enlace:hover 		{color: white; text-decoration:underline}
a.enlace:active 		{}

a.enlacerojo {font-weight: bold; color: red; text-decoration: none }
a.enlacerojo:link 			{}
a.enlacerojo:visited 	{}
a.enlacerojo:hover 		{color: white; text-decoration:underline}
a.enlacerojo:active 		{}


a.enlaceblanco {font-weight: bold; color: white; text-decoration: none }
a.enlaceblanco:link 			{}
a.enlaceblanco:visited 	{}
a.enlaceblanco:hover 		{color: red; text-decoration:underline}
a.enlaceblanco:active 		{}


a.enlacenegro {font-weight: bold; color: black; text-decoration: none }
a.enlacenegro:link 			{}
a.enlacenegro:visited 	{}
a.enlacenegro:hover 		{color: red; text-decoration:underline}
a.enlacenegro:active 		{}


a.tematico 	 	 			{font-size: 0.9em;text-decoration: none; font-weight: bold; color: white}
a.tematico:link 			{}
a.tematico:visited 		{}
a.tematico:hover 			{color: red; text-decoration: none}
a.tematico:active 		{}

h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.1em; color:black; font-weight: bold ; text-decoration: none ; text-align: center}
h4 {font-size: 1.5em; color:black ; font-weight: bold ; text-align: center}