* { padding: auto; margin: 0; }


body { 
font-family: Tahoma, Verdana;
font-size: 13px;
background-image:url(../images/fondo.jpg);
background-repeat:repeat-x;
background-position:top; 
background-color:#fff;
height:inherit;
}

#base {
margin:  0 auto ;
width: 970px;
height:auto;
}


#logo{
position:relative;
width:100%;
height:95px;
background-image:url(../images/logo-colombia-gestiona.png);
background-position:left top;
background-repeat:no-repeat;
}


#menu{
position:relative;
width:100%;
height:30px;
margin-top:10px;
}

#menu a{
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:12px;
font-weight:bold;
margin-top:17px;
margin-bottom:17px;
letter-spacing: 1px;

/*Estilo para los Bordes*/
border-width: 1px;
border-style: solid;
border-color:#949494;

/*bordes redondos*/
border-radius: 7px;
-ms-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;

}

#menu a:link {text-decoration:none; color: #555; background-image:url(../images/menu-desactivo.jpg); background-repeat:repeat-x;} 
#menu a:visited {text-decoration:none; color: #555; background-image:url(../images/menu-desactivo.jpg); background-repeat:repeat-x;} 
#menu a:active {text-decoration:none; color: #555; background-image:url(../images/menu-desactivo.jpg); background-repeat:repeat-x;} 
#menu a:hover {text-decoration:none; color: #fff; background-image:url(../images/menu-activo.jpg); background-repeat:repeat-x;} 


#contenedor {
	position:relative;
	padding: 4px 3px 0px 0px;
	margin-bottom:7px;
	height:100%;
	width:770px;
	float: left;
	color: #333;
}

#imagen-principal{
background-color:#fff;
background-image: url(../images/siifweb-banner-principal-2.jpg);
background-repeat:no-repeat;
width:767px;
height:364px;

/*Estilo para los Bordes*/
border-width: 1px;
border-style: solid;
border-color:#fff;

/*bordes redondos*/
border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}


.banners-principales{
width:770px;
height:190px;
margin-top:7px;
}

.banners-principales h1{
font-size:17px;
font-weight:bold;
color:#C00;
padding:17px 0px 10px 17px;
}

.banners-principales span{
font-size:17px;
color:#004D8A;
padding-left:17px;
}

.btn-enlace-ciudadano{
	position: relative;
	background-image:url(../images/fondo-btn-enlace-banners.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	text-align:right;
	padding-right:17px;
	font-weight:bold;
	color:#fff;
	width:360px;
	height:17px;
	float:left;
	padding-top:77px;
	padding-bottom:3px;
}

.btn-enlace-ciudadano a:link {text-decoration:none; color: #fff;}
.btn-enlace-ciudadano a:visited {text-decoration:none; color:#fff;}
.btn-enlace-ciudadano a:active {text-decoration:none; color:#fff;}
.btn-enlace-ciudadano a:hover {text-decoration:none; color:#0FF;}
	


.btn-enlace-entidades{
	position: relative;
	background-image:url(../images/fondo-btn-enlace-banners.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	text-align:right;
	padding-right:17px;
	font-weight:bold;
	color:#fff;
	width:360px;
	height:17px;
	float:left;
	padding-top:55px;
	padding-bottom:3px;
}


.btn-enlace-entidades a:link {text-decoration:none; color: #fff;}
.btn-enlace-entidades a:visited {text-decoration:none; color:#fff;}
.btn-enlace-entidades a:active {text-decoration:none; color:#fff;}
.btn-enlace-entidades a:hover {text-decoration:none; color:#0FF;}
	

#banner-ciudadano{
background-image:url(../images/banner-ciudadano.jpg);
background-repeat:no-repeat;
width:377px;
height:157px;
float:left;
/*Estilo para los Bordes*/
border-width: 1px;
border-style: solid;
border-color:#fff;

/*bordes redondos*/
border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}

#banner-entidades{
background-image:url(../images/banner-entidades.jpg);
background-repeat:no-repeat;
width:377px;
height:157px;
float:right;

/*Estilo para los Bordes*/
border-width: 1px;
border-style: solid;
border-color:#fff;

/*bordes redondos*/
border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}


#rightcolumn {
position:relative;
height: 100%;
width: 187px;
float: right;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}

#banners_der{
position:relative;
width:187px; 
height:auto; 
margin-top:5px;
margin-left:5px;
}


UL{
margin-left:7pt;
}


H1{
color: #172983;
font-size:20pt;
font-weight: bold;
}


H3{
color: #172983;
font-size:15pt;
font-weight: bold;
}

H4{
color:#127d8c;
font-size: 10pt;
font-weight: bold;
}

H5{
color: #0066CC;
font-size: 9pt;
}

#footer {
width: 970px;
height: 37px;
clear: both; 
color: #333;
padding: 17px 0px 0px 0px;
margin-bottom:7px;

/*Estilo para los Bordes*/
border-width: 1px;
border-style: solid;
border-color:#949494;

/*bordes redondos*/
border-radius: 7px;
-ms-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;

/* Para WebKit */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(235,235,235,0.5)), to(rgba(130,130,130,.25)));
/* Para Mozilla */
background: -moz-linear-gradient(top, rgba(235,235,235,0.5), rgba(130,130,130,.25));
/* Para anteriores a IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorstr='#f3f3f3', EndColorstr='#d2dade');
/* Para IE8 */
-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorstr='#f3f3f3', EndColorstr='#d2dade');
background: -o-linear-gradient(top, #f3f3f3 , #d2dade);
}

#copy{
margin-left: 17px;
width:600px;
float:left;
text-align: right;
}

/* 
#favicon{
width:230px;
float: right;
}
*/

a:link {text-decoration:none; color: #287cd5;} /* Link no visitado*/
a:visited {text-decoration:none; color:#287cd5;} /*Link visitado*/
a:active {text-decoration:none; color:#287cd5;} /*Link activo*/
a:hover {text-decoration:underline; color:#CE0014;} /*Mause sobre el link*/