*{margin: 0; padding: 0;}

body{background: url(../im/fondo.gif) repeat;}

#madre{position: relative; margin: 0px auto 0 auto; width: 780px; background-color: #FAFAFA; border: 1px solid #314049;}
#cabeza{width: 780px; height: 257px; background: url(../im/f-cabeza.jpg) no-repeat;}

#foto{position: absolute; top: 50px; left: 355px; width: 425px; height: 165px;}

#bot_a{position: absolute; top: 17px; left: 290px;}
#bot_a li {list-style: none; float: left;}
a.b01 {display: block; width: 161px; height: 20px; background: url(../im/b01a.jpg) no-repeat;}
a.b01:hover {background: url(../im/b01b.jpg) no-repeat;}
a.b02 {display: block; width: 161px; height: 20px; background: url(../im/b02a.jpg) no-repeat;}
a.b02:hover {background: url(../im/b02b.jpg) no-repeat;}
a.b03 {display: block; width: 161px; height: 20px; background: url(../im/b03a.jpg) no-repeat;}
a.b03:hover {background: url(../im/b03b.jpg) no-repeat;}

#bot_b{position: absolute; top: 137px; left: 14px;}
#bot_b li {list-style: none; float: left;}
a.b04 {display: block; width: 114px; height: 20px; background: url(../im/b04a.jpg) no-repeat;}
a.b04:hover {background: url(../im/b04b.jpg) no-repeat;}
a.b05 {display: block; width: 114px; height: 20px; background: url(../im/b05a.jpg) no-repeat;}
a.b05:hover {background: url(../im/b05b.jpg) no-repeat;}

#bot_c{position: absolute; top: 158px; left: 284px;}
a.b06 {display: block; width: 36px; height: 35px; background: url(../im/b06a.jpg) no-repeat;}
a.b06:hover {background: url(../im/b06b.jpg) no-repeat;}

a.colegio {position: absolute; top: 200px; left: 10px; font-family: Verdana;font-size: 11px;color: #333333;text-decoration: none;letter-spacing: -1px;}
a.colegio:hover {color: #45829F;}

#bot_d{position: absolute; top: 221px; left: 8px;}
#bot_d li {list-style: none; float: left;}
a.b07 {display: block; width: 153px; height: 31px; background: url(../im/b07a.jpg) no-repeat;}
a.b07:hover {background: url(../im/b07b.jpg) no-repeat;}
a.b08 {display: block; width: 153px; height: 31px; background: url(../im/b08a.jpg) no-repeat;}
a.b08:hover {background: url(../im/b08b.jpg) no-repeat;}
a.b09 {display: block; width: 153px; height: 31px; background: url(../im/b09a.jpg) no-repeat;}
a.b09:hover {background: url(../im/b09b.jpg) no-repeat;}
a.b10 {display: block; width: 153px; height: 31px; background: url(../im/b10a.jpg) no-repeat;}
a.b10:hover {background: url(../im/b10b.jpg) no-repeat;}
a.b11 {display: block; width: 153px; height: 31px; background: url(../im/b11a.jpg) no-repeat;}
a.b11:hover {background: url(../im/b11b.jpg) no-repeat;}

#iniciocentral{width: 780px; background: url(../im/iniciocentral.gif) repeat;}
#rutas{position: relative; left: 123px; width: 648px; height: 21px; background: #E2E2E2; border-top: 1px solid #B8B8B8; border-bottom: 1px solid #B8B8B8;}
#rutas li {list-style: none; float: left;}
a.ruta {font-family: Verdana; font-size: 11px; color: #646464; text-decoration: none;}
a.ruta:hover {font-family: Verdana; font-size: 11px; color: #B4B4B4;}

#presentacion{width: 780px; height: 165px; background: url(../im/f-presentacion.jpg);}
.p1 {position: relative; top: 50px; left: 256px; width: 500px; font-family: Verdana; font-size: 12px; color: #333333;}
.p2 {position: relative; top: 60px; left: 300px; width: 450px; font-family: Verdana; font-size: 14px; color: #465A78;}
a.p3 {position: relative; top: 60px; left: 650px; font-family: Verdana; font-size: 11px; color: #A82C31; text-decoration: none;}
a.p3:hover {color: #A0A0A0;}

.raya {margin-left: 130px; margin-top: 10px; margin-bottom: 10px; font-family: Verdana; font-size: 12px; color: #B9B9B9; letter-spacing: 2px;}
.noticia1{position: relative; left: 140px; width: 430px; height: 96px; padding: 10px; background: url(../im/fondoh.gif) repeat;}
.noticia2{position: relative; left: 140px; width: 600px; height: 96px; padding: 10px; background: url(../im/fondoh.gif) repeat;}

.fotonot1{position: absolute; left: 452px; top: 0px;}
.fotonot2{position: absolute; left: 452px; top: 0px;}

.texto{font-family: Verdana; font-size: 12px; color: #333333; margin-top: 10px;}
.textoport{font-family: Verdana; font-size: 12px; color: #0000ff; margin-top: 10px;}
a.p4 {font-family: Verdana; font-size: 12px; color: #A82C31;}
a.p4:hover {color: #A0A0A0;}

#pie{width: 780px; height: 89px; background-color: #343434;}
#legal{position: relative; top: 25px; left: 20px; font-family: Verdana; font-size: 11px; color: #FFFFFF;}
a.linkpie {font-family: Verdana; font-size: 11px; color: #FFFFFF;}
a.linkpie:hover {font-family: Verdana; font-size: 11px; color: #A0A0A0;}
#compatible li {float: left; list-style: none; position: relative; top: 0px; left: 550px;}