BODY { padding: 0; margin: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

#contenido {background: #FFFFFF; width: 930px; padding:0; margin: 0 auto; border-collapse: collapse; }
#contenido tr {margin:0; padding: 0;}
#contenido td {margin:0; padding: 0;}

#cabecera {width: 928px; height: 110px; background: url(../imagenes/cabecera.gif) no-repeat left top;}

#menu {text-align:center; padding: 0; margin: 0; height:35px; background:#fff url(../imagenes/button1.gif) repeat-x;}
#menu div {padding:0; margin: 0 auto; width: 902px; height:35px; border-top: 1px solid #808080;}
#menu ul {width: 870px; padding:0 0 0 30px; margin:0 auto; list-style:none; height:35px; position:relative;}
#menu li {float:left;}
#menu li a {display:block; float:left; height:35px; line-height:35px; color:#000000; text-decoration:none; font-size:14px; font-family:arial, verdana, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 20px; cursor:pointer;}
#menu li a b {float:left; display:block; padding:0 28px 0 8px; font-weight: normal;}
#menu li.actual a {color:#fff; background:url(../imagenes/button3.gif);}
#menu li.actual a b {background:url(../imagenes/button3.gif) no-repeat right top;}
#menu li a:hover {color:#fff; background:#000 url(../imagenes/button2.gif);}
#menu li a:hover b {background:url(../imagenes/button2.gif) no-repeat right top;}
#menu li.actual a:hover {color:#fff; background:#000 url(../imagenes/button3.gif); cursor:default;}
#menu li.actual a:hover b {background:url(../imagenes/button3.gif) no-repeat right top;}


#imagen {text-align: center;}


#trazador {font-size: 12px; color: #808080; height: 30px; line-height: 30px; padding: 1px 0 14px 18px; margin: 0;}
#trazador a {color: #808080; text-decoration: none;}
#trazador a:hover {color: #FF6600; text-decoration: underline;}


#submenu {vertical-align: top;}
#submenu div {width: 210px; margin: 0 0 20px 15px; padding: 0;}
#submenu div p.titulo {background: #FF6600; color: #FFFFFF; margin: 0; padding: 5px 0 5px 14px; font-weight: bold; font-size: 14px;}

#submenu div ul {list-style:none; padding:0; margin: 9px 0 0 0px;}
#submenu div ul li {padding:0; margin: 0 0 0 0px;}
#submenu div ul li p {width: 197px; color: #FFFFFF; font-weight: bold; margin: 0 0 15px 0px; background: #DEDEDE; }
#submenu div ul li p.actual {width: 170px; padding:2px 0 2px 27px; margin: 0; background: #FF6600 url(../imagenes/cuadrado1_submenu.gif) no-repeat 15px 7px; }
#submenu div ul li p a {width: 170px; padding:2px 0 2px 27px; display:block; color: #FF6600; text-decoration: none; background: url(../imagenes/flecha1_submenu.gif) no-repeat 15px -43px;}
#submenu div ul li p a:hover {color: #FFFFFF; background-color: #808080; background-position: 15px 6px;}
#submenu div ul ul {list-style:none; padding:0; margin: 5px 0 20px 15px;}
#submenu div ul ul li {padding:0 0 0 12px; margin: 4px 0 0 0; background: url(../imagenes/bolo_submenu.gif) no-repeat left 5px; }
#submenu div ul ul li.actual b {display:block; width: 170px; padding-bottom: 1px;  color: #000000; text-decoration: none; border-bottom: 1px solid #C0C0C0;}
#submenu div ul ul li a {display:block; width: 170px; padding-bottom: 1px;  color: #808080; text-decoration: none; border-bottom: 1px solid #C0C0C0;}
#submenu div ul ul li a:hover {color: #FF6600;}


#datos {vertical-align: top;}
#datos div { width: 600px; text-align: justify; margin: 0 50px 20px 50px; padding: 0;}
#datos div p {padding: 0; margin-top: 0;}
#datos div p.titulo {font-size:20px; font-weight: bold; border-bottom: 1px solid #FF6600;}
#datos div p.asterisco {color: #808080;}
#datos div p a {color: #FF6600; text-decoration: none;}
#datos div p a:hover {color: #808080; text-decoration: underline;}
#datos div ul li {padding: 0; margin-bottom: 12px;}
#datos div ul ul {padding: 0; margin-top: 15px; margin-left: 27px;}
#datos div ul a {color: #FF6600; text-decoration: none;}
#datos div ul a:hover {color: #808080; text-decoration: underline;}

#datos div div.indices {padding:0; margin: 0;}
#datos div div.indices div {clear: right; width: 300px; padding:0; margin: 0 0 30px 0;}
#datos div div.indices div.izq {float: left; text-align: left;}
#datos div div.indices div.der {float: right; text-align: right;}
#datos div div.indices div p.tituloIndice {padding:0; margin: 0;}
#datos div div.indices div p.tituloIndice {padding-bottom: 10px; font-size: 14px; color: #000000; font-weight: bold;}
#datos div div.indices div p.tituloIndice a {color: #FF6600; text-decoration: none;}
#datos div div.indices div p.tituloIndice a:hover {color: #808080; text-decoration: underline;}


#clientes {border: none; padding: 0; margin: 0; border-collapse: collapse;}
#clientes tr {margin:0; padding: 0;}
#clientes td {margin:0; padding: 0; text-align: left; vertical-align: top; padding: 5px;}
#clientes td ul {list-style:none; padding:0; margin: 5px 0 20px 15px;}
#clientes td ul li {padding:0 0 0 12px; margin: 6px 0 0 0; background: url(../imagenes/bolo.gif) no-repeat left 5px; }


#galeria {border: none; padding: 0; margin: 0; border-collapse: collapse;}
#galeria tr {margin:0; padding: 0;}
#galeria td {margin:0; padding: 0; text-align: center; vertical-align: bottom; padding: 5px;}




#contacto {vertical-align: top; width: 928px; }
#contacto div { text-align: justify; margin: 0 50px 50px 15px; padding: 0;}
#contacto div p {padding: 0 0 0 14px; margin-top: 0; margin-left: 29px;}
#contacto div p b {color: #333333;}
#contacto div p.titulo {padding: 0 0 0 14px; margin-left: 15px; font-size:20px; font-weight: bold; border-bottom: 1px solid #FF6600;}
#contacto div p.seccion {clear: both; background: #FF6600 url(../imagenes/flecha_contacto.gif) no-repeat right center; color: #FFFFFF; margin: 30px 0 10px 29px; padding: 3px 0 3px 14px; font-size:14px; font-weight: bold;}
#contacto div p a {color: #FF6600; text-decoration: none;}
#contacto div p a:hover {color: #808080; text-decoration: underline;}



#vecinos {vertical-align: top; width: 928px; }
#vecinos div { text-align: justify; margin: 0 50px 50px 15px; padding: 0;}
#vecinos div p {padding: 0 0 0 14px; margin-top: 0; margin-left: 29px;}
#vecinos div p b {color: #333333;}
#vecinos div p.titulo {padding: 0 0 0 14px; margin-left: 15px; font-size:20px; font-weight: bold; border-bottom: 1px solid #FF6600;}
#vecinos div p a {color: #FF6600; text-decoration: none;}
#vecinos div p a:hover {color: #808080; text-decoration: underline;}
#vecinos div ol {padding: 0; margin: 0 0 20px 80px;}
#vecinos div ol li {padding: 0; margin: 0 0 15px 0;}





#planetario {vertical-align: top; width: 928px; }
#planetario div { text-align: justify; margin: 0 50px 50px 15px; padding: 0;}
#planetario div p {padding: 0 0 0 14px; margin-top: 0; margin-left: 29px;}
#planetario div p b {color: #333333;}
#planetario div p.titulo {padding: 0 0 0 14px; margin-left: 15px; font-size:20px; font-weight: bold; border-bottom: 1px solid #FF6600;}
#planetario div p.seccion {background: #FF6600 url(../imagenes/flecha_contacto.gif) no-repeat right center; color: #FFFFFF; margin: 30px 0 10px 29px; padding: 3px 0 3px 14px; font-size:14px; font-weight: bold;}
#planetario div p a {color: #FF6600; text-decoration: none;}
#planetario div p a:hover {color: #808080; text-decoration: underline;}
#planetario div p.infografias img {margin: 30px 20px;}
#planetario div p.camara {width: 730px; text-align: center; margin: 20px auto 60px auto;}
#planetario div p.logos {border-top: 15px solid #FF6600; color: #FFFFFF; margin: 60px 0 10px 29px; padding: 3px 0 3px 100px;}
#planetario div p.logos img {margin: 30px 30px;}
#planetario div .campoTexto {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: left; vertical-align: middle; padding: 5px 0 5px 5px; border: 1px #CCCCCC solid; width: 275px}
#planetario div .boton {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; background: #666666; text-align: center; vertical-align: middle; padding-top: 2px 0; border: 0px; width: 140px;}




#legal { width: 828px; margin: 40px auto; padding: 0; text-align: justify;}
#legal p {text-align: justify; padding: 0; margin: 0 20px 20px 20px;}
#legal p.titulo {text-align: center; background: #FF6600; color: #FFFFFF; margin: 0px 0 20px 0px; padding: 3px 0; font-size:16px; font-weight: bold;}
#legal ul {padding: 0; margin: 0 20px  20px 40px;}
#legal ul li {padding: 0; margin: 0 0 10px 15px;}
#legal ol {padding: 0; margin: 0 20px  20px 40px;}
#legal ol li {padding: 0; margin: 0 0 10px 15px;}
#legal a {color: #FF6600; text-decoration: none;}
#legal a:hover {color: #808080; text-decoration: underline;}



#mapaweb { width: 750px; margin: 40px auto; padding: 0;}
#mapaweb p {text-align: justify; padding: 0; margin: 10px 40px 20px 100px;}
#mapaweb p.titulo {text-align: center; background: #FF6600; color: #FFFFFF; margin: 0px 0 20px 0px; padding: 3px 0; font-size:16px; font-weight: bold;}
#mapaweb ul {padding: 0; margin: 0 0 25px 130px;}
#mapaweb ul li {padding: 0; margin: 0 0 10px 15px;}
#mapaweb ul ul {padding: 0; margin: 10px 0 20px 30px;}
#mapaweb ul ul li {padding: 0; margin: 0 0 10px 15px;}
#mapaweb a {color: #FF6600; text-decoration: none;}
#mapaweb a:hover {color: #808080; text-decoration: underline;}


#pie { width: 930px; padding: 2px 0 0 0; margin: 5px auto 0 auto; border-top: 1px solid #A4A4A4;}
#pie div.iconos {float: left; width: 313px; margin: 5px 0 0 0px; padding: 0 0 0 10px; }
#pie div.opciones {font-size: 12px; color: #808080; float: right; text-align: right; width: 600px; margin: 0 0 0 0; padding: 0; }
#pie div.opciones img {margin-top: 14px;}
#pie div.opciones a {color: #808080; text-decoration: none; margin: 0 6px;}
#pie div.opciones a:hover {color: #FF6600; text-decoration: underline;}