/* CSS Document for Crea mi Web*/
body{
margin:0;
padding:0;
font-size:14pt;
font-family: Verdana, Arial;
background: #fff url('../images/bg-top.gif') top left repeat-x;
}

#page{margin:0 auto;width:950px;}

#header{
background:#88BB3C url('../images/bg-head.gif') top center no-repeat;
height:199px;
width:950px;
}
#head{
background: url('../images/logo.jpg') bottom left no-repeat;
padding:35px 0 0 125px;
color:#fff;
height:105px;
margin:2px 0 0 100px;
margin:1px 0 0 100px;
}
#head h1{font-size:2em;margin:0px 0;}
#head h2{font-size:0.8em;margin:0px 5px;width:70%;}

#main{
background: #fff url('../images/bg-main.gif') top center repeat-y;
width:950px;
margin-top:0;
margin-bottom:0;
color: #606060;
position:relative;
}

#content{
margin-top:0;
margin-right:320px;
padding:0 0 0 25px;
}
#content h1{margin-top:0;font-size:1.2em;border-bottom:3px solid #88bb3c;padding-bottom:3px;}
#content h2{margin:20px 0 2px 0;font-size:1em;color:#88bb3c;}

#sidebar{
float:right;
width:280px;
padding:0 5px;
position:relative;right:5px;top:5px;
}
#sidebar{text-align:center;}
#sidebar ul{
list-style-type:none;
}
#sidebar ul li{
text-align:left;
background: url('../images/bg-item.gif') top left no-repeat;
height:44px;
width:194px;
}
#sidebar ul li a{
color:#606060;
text-decoration: none;
display:block;
padding:12px 0 0 10px;
}
#sidebar ul li a:hover{
color:#88bb3c;
text-decoration:underline;
}
#sidebar img{border:none;}


#footer{
background: #88bb3c url('../images/bg-bottom.gif') 0 -3px repeat-x;
margin-left:3px;
padding:20px 0 0 0;
height:380px;
width:946px;
position:relative;
overflow:hidden;
}
#wraper{position:relative;}
#blogbox{
width:270px;
height:190px;
margin:0px 0px 10px 0px;
padding: 60px 15px 20px 15px;
background: #88bb3c url('../images/box-footer-blog.gif') top left no-repeat;
position:absolute;
left:10px;
z-index:10;
font-size:0.9em;
}
#informacionbox{
width:270px;
height:190px;
margin:0px 0px 10px 3px;
padding: 60px 15px 20px 15px;
background: #88bb3c url('../images/box-footer-informacion.gif') top left no-repeat;
position:absolute;
left:318px;
z-index:15;
font-size:0.9em;
}
#serviciosbox{
width:270px;
height:190px;
margin:0px 0px 10px 3px;
padding: 60px 15px 20px 15px;
background: #88bb3c url('../images/box-footer-servicios.gif') top left no-repeat;
position:absolute;
left:627px;
z-index:20;
font-size:0.9em;
}
.bottombox ul{list-style-type:none; margin-left:0;padding:0;margin-top:0;}
.bottombox li{
line-height:0.7em;
width:260px;
padding: 0px 0px 8px 0px;
margin:0px 0px 0px 0px;
}
.bottombox li a{
font-size:0.8em;
color:#fff;
text-decoration: none;
}
.bottombox li a:hover{
color:#606060;
text-decoration:underline;
}

#debugbox{
position:absolute;
z-index:100;
left:0;
bottom:0;
width:100%;
background-color:#000;
color:#fff;
padding:15px;
height:200px;
overflow:auto;
}

#enlacesrecomendados{font-size:0.8em;color:#fff;position:absolute;left:0;bottom:0;}
#enlacesrecomendados a{font-size:0.8em;color:#fff;}

/* clases */
.links {color:#606060;text-decoration: none;}
.links:hover {color:#88bb3c;text-decoration: underline;}
.linksmall {color:#606060;text-decoration: none;font-size:0.8em;}
.linksmall:hover {color:#88bb3c;text-decoration: underline;}
.linksmall2 {color:#606060;text-decoration: none;font-size:0.8em;}
.linksmall2:hover {color:#88bb3c;text-decoration: underline;}
.obligatorio{background-color:#EDEDED;}
.contacto_text{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align:left;
}
.contacto_text  form{
	padding:5px;
	margin:5px;
}
.contacto_text  form input{border:1px solid #88bb3c;}
.button{
  font-size: 1em;
  padding:5px;
  background-color:#fff;
  width:100px;
}
.descripcion{margin:3px 0;font-size:0.9em;}
.seccion{display:block;border-bottom:3px solid #88bb3c;margin:10px 5px 5px 40px;text-align:left;padding:2px 3px;}
.item{display:block;margin:0px 5px 2px 40px;text-align:left;padding:0px 0px;}
.sidebarbox{text-align:left;}