/* CSS Document */

<!--
body {
margin: 0;
padding: 0;
background: url("/img/bg.gif") top left repeat-x;
text-align: center;
background-color: #fff;
font-family: verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

h2{
color:#60994d;
font-size:14px;
}

h3{
color:#60994d;
font-size:18px;
}

#container li {
height: 18px;
padding: 0 0 0 6px;
list-style-image:url("/img/ok.gif")
}


#cabecera {
width: 770px;
height:147px;
text-align: left;
margin: 0 auto;
position: relative;
padding: 0;
top: 0;
left: 0;
background-image:url("/img/bgcabecera.gif");
}

#logotipo{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
width:770px;
height:40px;
margin-top:28px;
color:#FFFFFF;
margin-top:60px;
}

#contenedorMenu {
background-image:url("/img/menubg.gif");
width: 770px;
height:44px;
text-align: left;
margin: 0 auto;
}

#menu {
width: 519px;
float:left;
margin-top:14px;
}

#header {
float:left;
width:100%;
padding:0;
font-size:0.8em;
line-height:normal;
}

#header ul {
margin:0 0 0 20px;
padding:10px 0 0 10px;
list-style:none;
}

#header li {
display:inline;
margin:0;
padding:0;
}
/*
*	For the next two rules:	
*	1. A single image is used for the two doors, rather than one.
*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
*	3. The padding was modified for personal preference.
*/
#header a {
float:left;
background:#E4F1BC url("/img/pestanas.png") no-repeat left top;
padding:0 0 0 9px;
text-decoration:none;
color:#000;
}
#header a span {
float:left;
display:block;
background:#E4F1BC url("/img/pestanas.png") no-repeat right top;
padding:4px 15px 3px 6px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */

/*
*	1. At this point many things are simplified. The hover and background colors are set,
*	and no positions are used because we aren't swapping images
*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
*	exposing 1px of the background color of #header and giving the effect of an underline.
*/

#header #current a span {
padding-bottom:4px;
}
#header a:hover, #header a:hover span {
background-color:#FFFFFF;
color:#000;
}
#header #current a span, #header #current a {
background-color:#fff;
}


#version {
font-size:10px;
width:220px;
float:right;
}

#container{	
margin: 0 auto;
position: relative;
width: 770px;
text-align: left;
background-color: #fff;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
background-image:url("/img/bgcontenido.gif")
}

#columIzq { margin: 9px 0 0 9px; 
width: 510px;
}



#imgIzq { 
width: 510px;
height:148px;
background-image:url("/img/hdivbg.gif")
}

#imgIzq p{
margin:44px 0 0 20px;
font-size:17px;
color: #60994d;
position:absolute;
}

#columDer{
float: right;
margin: 9px 0px 0px 0px;
width: 232px;
}

#imgDer {
width: 223px;
height:148px;
background-image:url("/img/bgdescarga.gif");
clear:both;
}

#download {
width: 185px;
height:53px;
background-image:url("/img/download.gif");
position:absolute;
margin: 45px 0px 0px 18px;

}
#download p a{
font-weight: bold;
color: #FFFFFF;
margin:20px 0 -20px 55px ;	
float: left;
position:absolute;
}

#contSteps {
width: 223px;
height:147px;
background-image:url("/img/bgsteps.gif");
margin: 9px 0px 0px 0px;
}
#contSteps p{
margin: 15px 10px 0px 10px;
float: left;
}

#apache{
width: 223px;
}
#apache img{
margin:10px 0 10px 35px;
}

#pie {
background: url("/img/pie.gif") top left repeat-x;
height: 76px;
width: 100%;
text-align: center;
float:right;
margin: 0 0 0 0;
padding: 10px 0 0 0;
}

#pieContenido {
width: 740px;
text-align: left;
margin: 0 auto;
}

#pie_content p {
font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
color: #999;
padding: 0;
margin: 0;
}


#foro {
background: url("/img/bgForo.gif") top left repeat-x;
height: 114px;
width: 221px;
text-align: center;
float:left;
margin: 20px 0 50px 10px;
border-top:#e5e5e5 solid 1px;
border-bottom:#e5e5e5 solid 1px;
}

#foro p{
padding:15px;
margin: 50px 0 0 0;
}

#comercial {
background: url("/img/bgComercial.gif") top left repeat-x;
height: 114px;
width: 221px;
text-align: center;
float:right;
margin: 20px 10px 50px 0;
border-top:#e5e5e5 solid 1px;
border-bottom:#e5e5e5 solid 1px;
}

#comercial p{
padding:4px;
margin: 70px 0 0 0;
}

#contact {
background: url("/img/contact.gif") top left repeat-x;
height: 114px;
width: 221px;
text-align: center;
float:left;
margin: 20px 0 50px 10px;
border-top:#e5e5e5 solid 1px;
border-bottom:#e5e5e5 solid 1px;
}

#contact p{
padding:15px;
margin: 50px 0 0 0;
}

.documentacion{
font-size: 11px;
margin: 0px 0px 10px 0px;
border: 1px solid #ccc;
padding:10px 10px 10px 22px;
background-color: #eee;
background-image: url("/img/documentation.gif");
background-repeat: no-repeat;
background-position: 9px 9px;
text-decoration:none;
}

.documentacion:hover{
font-size: 11px;
margin: 0px 0px 10px 0px;
border: 1px solid #ccc;
padding:10px 10px 10px 22px;
background-color: #e5e5e5;
}

.documentacion a{
text-decoration:none;
}
.documentacion a:hover{
text-decoration:underline;
}

.section{
margin:5px 0 5px 0;
background-color:#FFFFCC;
padding:2px 7px 0 7px;
border:#CCCCCC solid 1px;}

.section li {
height: 100%; 
}

-->