* {margin: 0;padding: 0;}

body, html {
	background: url(images/img01.gif) repeat-x;
    background-color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
    width: 100%;
    height: 100%;
}

h1, h2, h3{color: #333333;background-color: inherit;}

h1, h2{margin-bottom: 20px;font-weight: normal;}

h1{font-size: 197%;}

h2{font-size: 152%;}

h3{font-size: 100%;}

p, ul, ol {margin-bottom: 20px;line-height: 1.8em;}

ul, ol {margin-left: 3em;}

a:hover{text-decoration: none;color: #067600;background-color: inherit;}

img {border: none;}

img.left {float: left;margin: 0 20px 10px 0;}

img[alt='lapiz']{position:absolute;}

img[alt='browser']{width:64px; height:64px;float:right;}

img[alt='ajax']{float:right;margin:0 35px 0 0;}

blockquote {
	padding-left: 3em;
	background: url(images/img08.gif) no-repeat;
	font-style: italic;
}

/* Menu */

#menu {
	width: 770px;
	height: 65px;
	margin: 0 auto;
	padding: 0;
	border-right: 1px solid #EDEBD5;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {display: inline;}

#menu a {
	display: block;
	float: left;
	width: 153px;
	height: 45px;
	padding: 20px 0 0 0;
	border-left: 1px solid #EDEBD5;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	font-size: 144%;
	color: #BABABA;
    background-color: inherit;
}

#menu a:hover {background-color: #F7F7F4;color: inherit;}

#menu .active a {background-color: #82BC2B;color: #FFFFFF;}

#filo{
	position:absolute;
	bottom:0;
	left:0;
	background-color:#FFFFFF;
	color:#999999;
	display:none;
}

/* cabecera */

#header{
	width: 770px;
	height: 170px;
	margin: 0 auto;
}

/* titulos de pagina actual y fecha */
#fecha{
	font-size:10px;
	width:250px;
	height:10px;	
	margin: 14px 0 5px 0;
	padding:0;
	float:right;
	text-align:right;
}

#titulo{
	width:770px;
	float:left;
	border-bottom:1px solid #000;
	font-size:24px;
	margin: 0;
	padding: 0;
}


/* pagina */

#page {
	width: 770px;
	margin: 0 auto;
	padding: 20px 0;
	position:relative;
}

/* cntenido */

#content {
	float: left;
	width: 550px;
	padding-top: 10px;
}

.post {margin-bottom: 20px;padding: 0 20px;}

.hr {border-bottom: 1px solid #EDEBD5;}

/* columnas costado index */

#sidebar{
	float: right;
	width: 210px;
	padding: 5px;
	background: #EDEBD5;
	margin-top: 10px;
}

#lnks_interes{
	position: absolute;
	width: 210px;
	padding: 5px;
	background-color: #EDEBD5;
	right: 0;
	top:650px;
	color:#FFFFFF;
}

#lnks_interes p{margin: 0 10px 0 10px;}

#lnks_interes a{ color:#FFFFFF; background-color: inherit;}


#sidebar h2, #lnks_interes h2 {
	position:relative;
	margin: 0;
	padding: 5px 15px;
	color: #FFFFFF;
    background-color: inherit;
}

#rss{
    position: absolute;
    right: 0;
    top: 1000px;
}

#sidebar h3, #lnks_interes h3 {font-size: 85%;color: #FFFFFF;background-color: inherit;}

#sidebar a {color: #FFFFFF;background-color: inherit;}

.bluebox {background: url(images/img05.gif) repeat-y;width: 210px;}

.bluebox h2 {background: url(images/img06.gif) repeat-y;margin: 0;padding: 0;}

#updates{color: #FFFFFF;height: 0;display: none;position:relative;background-color: inherit;}

#filo{
	position:absolute;
	bottom:0;
	left:0;
	background-color: #FFFFFF;
	color:#999999;
	display:none;
}

/* Google adsense */

#adsense{clear: both;}

/* Pie */

#footer {
	clear: both;
	height: 100px;
	padding: 25px 0;
	background: url(images/img04.gif) repeat-x;
    background-color: #EDEBD5;
    color: inherit;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

#footer a {color: #666666;background-color: inherit;}

/* formulario de contacto */
#form_contacto{position:relative;}

/*#form_contacto fieldset{-moz-border-radius:15px;}*/

#form_contacto table{
    margin:auto;
    padding:5px;
    font-size:11px;
    width:75%;
    position:relative;
    color: #000000;
    background-color: inherit;
}

#form_contacto td{
    position:relative;
    margin:auto;
    /*-moz-border-radius:5px;*/
    padding:5px;
    width:300px;
}

#form_contacto input:focus, #form_contacto textarea:focus{background-color:#ececec;color: inherit;}

#form_contacto input, #form_contacto textarea{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:11px;
    border:1px solid #8c8c8c;
    background-image:none;
    /*-moz-border-radius:5px;*/
    padding:3px;
    width:98%;
}

#button_form{
    position: relative;
    margin: auto;
    width:98%;
    text-align: center;
}

#button_form input{
    width:150px;
    height:26px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    margin-left:25px;
    margin-right:25px;
    background-image:none;
    /*-moz-border-radius:15px;*/
}

#button_form input:hover{cursor:pointer;}

/* servicios */

.ok{list-style-image:url(images/tilde.png);}

/* tecnologia */
.tecno{border:0 none;}

.tecno strong{border-bottom:1px dotted #333;}

.tecnoRuler{width:600px;position:relative;margin:auto;}