@import url("estructura.css");
/* @import url("blog.css"); */
@import url("navegacion.css");
@import url("cliente_login.css");

/* Estilos consistentes en todo el sitio */

*{
	margin:0;
	padding:0;
}

body, html {
	background-color: #89C41E;
	height: 100%;
	color: #666666;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	width: 70%;
	text-align: center;
	padding-top: 50px;
}

/* L I G A S **************/
a { text-decoration: none; }
a:link { color: #4f9d00; }
a:visited { color: #4f9d00; }
a:hover { color: #99cc33; }
a:active { color: #000; }

/* F U E N T E S *************************************************** */
h1 {
	font-size: 1.5em;
}


h2 {
	font-size: 1em;
	color: #336600;
	background-color: #F5FFD7;
	margin-bottom: .5em;
}

h3 {}

#servicios dt {
	font-size: .9em;
}

h4 {

}

p, #servicios dd {
	font-size: .9em;
}

#navegacion li a {
	font-size: .9em;
}

#contenido #home p {
	margin-bottom: .5em;
}

#contenido #herramientas h2 {
	font-size: .9em;
	color: #FFF;
}

	/* Servicios */
	#servicios dl {

	}

	#servicios dt {
		border-bottom: 1px dotted #999999;
		background-image: url(../interface/bullet_01.gif);
		background-repeat: no-repeat;
		background-position: left center;
		font-weight: bold;
	}

/* HERRAMIENTAS ********************************************************* */

#herramientas {
	color: #339900;
	width: 200px;
	height: 100%;
	float: right;
	padding-top: 8px;
}

#herramientas img {
	margin-bottom: 5px;
}

#herramientas h2 {
	width: 180px;
	height: 20px;
	padding: 0px;
	display: block;
	margin: 10px auto;
	background-image: url(../interface/fondo_titulos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFFFFF;
	text-align: center;
}

#herramientas img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}


#botones_w3 {
	width: 164px;
	margin: 10px auto;
}

#botones_w3 a.xhtml_valido, #botones_w3 a.css_valido  {
	display: block;
	margin: 2px;
	width: 78px;
	height: 27px;
	float: left;
	text-indent: -10000px;;
	background-color: #fff;
}

#botones_w3 a.xhtml_valido {
	background-image: url(../interface/xhtml.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#botones_w3 a.css_valido  {
	background-image: url(../interface/css.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* HERRAMIENTAS */

#home, #portafolio, #contacto, #servicios, #hospedaje, #blog {
	width: 410px;
	float: left;
	padding: 20px;
	margin: 0 auto 10px;
	background-color: #FFF;
}

/* Pie Sitio */
.pie_sitio {
	background-color: #006634;
	color: #FFF;
	width: 650px;
}

.pie_sitio ul {
	width: 30%;
	list-style: none;
	float: left;
	margin: 5px;
}

.pie_sitio ul li {
	margin: 3px 0 3px 0;
	border-bottom: 1px dashed #009900;
}
 
.pie_sitio ul li.titulo {
	font-weight: bold;
}

.pie_sitio ul li a:link {
	color: #99CE42;
}

.pie_sitio ul li a:hover {
	padding-left: 10px;
	background-image: url(../interface/bullet_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.liga_diccionario {
	padding-right: 12px;
	background-image: url(../interface/flecha.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}