BODY { background: #000; font-family: Trebuchet MS, sans-serif; font-size: 10pt; color: #eee }

a {text-decoration: none}
a:link,a:visited{color: #0ff}
a:hover{color: #f0f}

.limpia { clear: both }
.errores { background: #624; border: 1px solid #636; color: white; padding: 3px; }

#top { width: 900px }
#top img { margin: 0px; float: left; }

#contenido { width: 900px }

.titulo-seccion { float: right; margin: 20px; }
.titulo-seccion img { float: right; margin-right: 20px; }
.titulo-seccion p { float: right; margin: 0px; text-align: left; }

.titulo-seccion2 { float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; }
.titulo-seccion2 img { float: left; margin-right: 20px; }
.titulo-seccion2 p { float: left; margin: 0px; text-align: left; }

#precios { width: 900px; height: 500px; float: left; background: url(../images/fondo-hongo.jpg) no-repeat center center; }


#servicios { width: 900px; float: left; background: url(../images/fondo-servicios.jpg) no-repeat center center; }
#servicios2 { width: 900px; float: left; }

#servicios .servicio { float: left; width: 220px; }
#servicios2 .servicio { float: left; width: 220px; list-style:none;}
#servicios .servicio img { border: 1px solid #8dd; }

#ubicacion { text-align: left;}
#ubicacion .mapa { padding: 0px 20px 20px 20px; }
#ubicacion .mapa iframe { border: 1px solid #8ff }
#ubicacion a.linkgooglemaps { text-decoration: none}
#ubicacion a.linkgooglemaps:link { color: white; text-decoration: none}
#ubicacion a.linkgooglemaps:visited { color: white; text-decoration: none}
#ubicacion a.linkgooglemaps:hover { color: #8ff;}

#contacto .formulario { margin: 20px; background: url(../images/fondo-contact.jpg) no-repeat top left; text-align: left; padding-left: 400px; height: 350px; }
#contacto input, #contacto textarea { background: #044; border: 1px solid #099; color: white; font-size: 12pt; padding: 2px; width: 200px; font-family: Trebuchet MS, sans-serif }
#contacto button { background: none; border: none; margin: 0px; padding: 0px; cursor: pointer; }

#galeria { text-align: left }
#galeria .fondothumbs { float: left; background: url(../images/fondo-galerias.jpg) no-repeat top center; width: 900px; }
#galeria .fondothumbs { float: left;  width: 900px; }
#galeria .fondothumbs_alquileres { float: left; width: 900px; }
#galeria .fondothumbs_alquileres { float: left;  width: 900px; }
#galeria .thumbs { float: left; padding: 20px }
#galeria .thumbs a { font-size: 12pt; font-weight: bold; text-decoration: none; padding: 4px; float: left; }
#galeria .thumbs a:link { font-size: 12pt; font-weight: bold; color: white; text-decoration: none }
#galeria .thumbs a:visited { color: white;  }
#galeria .thumbs a:hover { background: #088;  }
#galeria .thumbs a:active {  }

#paginador { float: left; color: #888; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; }
#paginador .izquierda { float: left; width: 293px; text-align: left }
#paginador .centro { float: left; width: 273px; text-align: center }
#paginador .derecha { float: left; width: 293px; text-align: right }

#paginador a {  font-size: 10pt; color: white; text-decoration: none; padding: 2px; background: #044; border: 1px solid #099; }
#paginador strong {  font-size: 10pt; color: #088; text-decoration: none; padding: 2px; background: #044; border: 1px solid #4ff;background: #4ff; }
#paginador a:link {  }
#paginador a:visited { color: white;  }
#paginador a:hover { background: #088;  }
#paginador a:active {  }

#submenu { margin-left: 20px; margin-right: 20px; padding-bottom: 10px; margin-bottom: 10px;  border-bottom: 1px solid #ddd; }
#submenu a {  font-size: 10pt; color: white; text-decoration: none; padding: 2px; background: #044; border: 1px solid #099; }
#submenu a:link {  }
#submenu a:visited { color: white;  }
#submenu a:hover { background: #088;  }
#submenu a:active {  }

#titulo { float: left;  font-size: 14pt; font-weight: bold }

#textohome { width: 900px }
#textohome b { font-size: 14pt;padding-top: 30px; }
#textohome p.home { text-align: left; float: left; padding: 15px; width: 30% }

.contactinfo { padding: 5px; border-bottom: 1px solid #044; margin-bottom: 10px; }

#globoseo { width: 700px; height: 250px }
#globoseo #personaje { float: left; width: 183px}
#globoseo #globo { float: left; width: 494px}
#globoseo #globo #top{  float: left;width: 494px; padding-top: 60px}
#globoseo #globo #contenido{ float: left; width: 494px; background: #012022}
#globoseo #globo #contenido p { padding: 15px; margin: 0px; font-size: 9pt; }
#globoseo #globo #bottom{ float: left; width: 494px}

.pie {  }
.pie .izq { padding-top: 5px; width: 70%; float: left; text-align: left; font-size: 8pt }
.pie .der { width: 29%; float: left; text-align: right; font-size: 8pt }

div.boton2{ width: 900px;}
div.boton2 ul{ list-style:none; }
div.boton2 ul li{float: left; display:inline; margin-left: 10px; margin-top: 5px;/*border-top:1px solid #003333;*/}
div.boton2 ul li a { color: #FFFFFF; text-decoration:none;  margin-bottom:15px;}
div.boton2 ul li a:visited { color: #FFFFFF; text-decoration:none;}
div.boton2 ul li a:hover { color: #00FFFF; text-decoration:none;}
div.boton2 ul li a:active {  }

/*#texthome ul{float: left; width:900px; padding-top:4px; position:absolute; display:inline; text-decoration: none;}
#texthome ul li{ display:inline; display:inline; text-decoration: none;}
#texthome ul li a{ color:#fff; font-size:15px; text-decoration:none; display:inline; text-decoration: none;}
#texthome ul li a:hover,#texthome ul li a.activo {color:#1c9ad6; display:inline; text-decoration: none;}*/
