/*---------------- Espacio dedicado a maquetacion de la pagina principal de minisitios ----------------------*/

#body
{
	width: 100%;
	padding-top:10px;
}

#footer
{
	width:968px;
	padding-top:15px;
	*padding-top:0px;
}

.areaIzquierdaMiniSitio
{
	margin:8px 0 8px 25px;
	_margin:8px 0 8px 12px;
}

.areaDerechaMiniSitio
{
	margin:8px 25px 8px 0;
	_margin:8px 12px 8px 0;
}

/*---------------- Fin de espacio dedicado a maquetacion de la pagina principal de minisitios ----------------------*/

/*----------------Espacio dedicado a estilos para efecto de div con bordes cuadrados----------------------*/

.divCuadradoMinisitiosSuperior {
              height: 33px;
              background: url(../imagenes/divCuadradoSuperiorMinisitio.png) no-repeat;
}

.divCuadradoMinisitiosInferior {
              background: url(../imagenes/divCuadradoInferiorMinisitio.png) no-repeat;
              height: 15px;
}

.divCuadradoMinisitiosCuerpo
{
	background:url("../imagenes/divCuadradoMedioMinisitio.png") repeat-y scroll 0 0 transparent;
	padding-top:1px;	
}

/*----------------Fin de espacio dedicado a estilos para efecto de div con bordes cuadrados----------------------*/

/*-------------- solucion a float de divs----------------------*/

/*.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}* html .clearfix {
    height: 1%;
}*/

/*---------------------fin de solucion -------------------------*/

/*------------ Minisitios --------------*/

#titleMiniSitio
{
	width: 100%;	
}

#headerMiniSitio
{
	width: 100%;
}

#bodyMiniSitio
{
	margin: 0 auto;
	background-color:#F8F8F8;
	width: 968px;
}

.divBody
{
	padding-top:20px;
	padding-bottom:20px;
}


/* TITULO PRINCIPAL */

.tituloPrincipal{
	font-family:Arial;
	font-size:38px;
	color: #000000;
	padding-left:25px;	
}

/* LISTADO DE VINCULOS */

#listadoVinculos
{
	float: left;
	background-color:White;	/* de la guia*/
}

.ListadoVinculosTitulo
{
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	overflow:hidden;
	height:235px;
	padding-top:10px;
	/*_padding-top:8px;*/	
}

.divContenedorVinculos
{
	width: 285px; /* de la guia*/
	height:245px; /* en la guia 245 pero lo modificamos para que quedara igual que el destacado*/
	border-width:1px; /* de la guia*/	
	border-color:#DFDFDF; /* de la guia*/	 
	border-style: solid;	
}

.divContenedorVinculos ul
{
	/*padding-left: 10px;
	margin:0px 0px 0px 0px;*/
	margin:0;
	padding-left:0px;
	/*line-height:5px;*/
}

.divContenedorVinculos ul li
{
	/*list-style-image: url("../imagenes/vinetaTic.gif");*/	
	/*list-style-position:inside;*/
	/*border:solid 1px black;*/
	/*background-image:url("../imagenes/vinetaDobleFlecha.gif");*/
	/*background-position:left center;*/
	background-repeat:no-repeat;
	list-style: none;
	padding-left:13px;
	background-position:left .5em;
	line-height:25px;
}

.vineta1
{
	/*list-style-image: url("../imagenes/Vinetas/minisitioViñetaCian.jpg");	*/
	background-image:url("../imagenes/Vinetas/minisitioViñetaCian.jpg");
}

.vineta2
{
	/*list-style-image: url("../imagenes/Vinetas/minisitioViñetaVioleta.jpg");*/
	background-image:url("../imagenes/Vinetas/minisitioViñetaVioleta.jpg");
}

.vineta3
{
	/*list-style-image: url("../imagenes/Vinetas/minisitioViñetaVerde.jpg");*/
	background-image:url("../imagenes/Vinetas/minisitioViñetaVerde.jpg");
}

.vineta4
{
	/*list-style-image: url("../imagenes/Vinetas/minisitioViñetaNaranja.jpg");*/
	background-image:url("../imagenes/Vinetas/minisitioViñetaNaranja.jpg");
}

/* Título del vínculo */
.TituloVinculos
{
	font-family:Arial; /* de la guia*/
	font-size:17px; /* de la guia*/
	color: #3350B0; /* de la guia*/	
	margin-left:5px;	
	/*line-height:40px;*/
	text-decoration:none;	
}

/* Texto explicativo del vínculo */
.TextoVinculos
{
	font-family:Arial; /* de la guia*/
	font-size:11px; /* de la guia*/
	color: Black; /* de la guia*/
	margin-left:18px; /* para alinear con el titulo */
	*margin-left:5px; /* para alinear con el titulo */
	margin-top:0px;
	line-height:10px;
	margin-bottom:15px;
	
}

/*****************************************************************/

/* DESTACADO */

#destacado
{
	float: right;
	width:610px;
	height:245px;	
	background-color:White;	/* de la guia*/
	border-width:1px; /* de la guia*/
	border-color:#DFDFDF; /* de la guia*/
	border-style: solid;
}

/*****************************************************************/

/* ACCESOS RAPIDOS */

#divContenedorAccesos
{
	height:319px;
}

#divContenedorAccesos ul
{
	padding-left:30px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#divContenedorAccesos ul li
{
	list-style-image: url("../imagenes/vinetaDobleFlecha.gif");
	background-image:url("../imagenes/vinetaDobleFlecha.gif");
	background-position:left center;
	background-repeat:no-repeat;
	list-style:none outside none;
	padding-left:15px;
}

/*
.divContenedor ul li {
background-image:url("../imagenes/vinetaDobleFlecha.gif");
background-position:left center;
background-repeat:no-repeat;
list-style:none outside none;
padding-left:15px;
}*/


.divCuerpoAccesos{	
	line-height:30px;	
	width:93%;	
	padding-top:10px;
}

/*****************************************************************/

/* NOVEDADES */

#novedadesMiniSitios
{
	width: 448px;/*46.5%;*/
	height:367px;
	float: right;
}

.miniSitiosNovedadesLista
{
	height:305px;
	padding:0 5px;
	overflow:hidden;
}


.miniSitiosNovedadesPie
{
	height:14px;
	margin:0;
	padding-bottom:0;
	padding-right:15px;
	padding-top:0;
	text-align:right;
}

.miniSitiosNovedadesPie a
{
	color:#3350B0;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

.divContenedorNovedades{
	height:319px;
	padding:0 5px;
	overflow:hidden;
	overflow:hidden;
}

#accesosMiniSitios {
	float:left;
	height:367px;
	width:448px;
}

.tituloSnippetMiniSitios{
	font-family:Arial;
	font-weight:bold;
	font-size:16px;
	color:#3350B0;
	text-align:left;	
	margin-bottom:2px;	
	margin-top:13px;
	padding-left:5px;
}

.textoSnippetMiniSitios{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	padding-top: 0px;	
	margin-bottom:0px;
	margin-top: 0px;
	float:none;
}

.imgSnippetMiniSitios{
	width:60px;
	height:40px;
	border-width:1px;
	border-color:#606060;
	padding-left:5px;
    padding-right:5px;
    float:left;
}

.linkSnippetMiniSitios{	
	text-align:right;
	position:relative;
	bottom:0px;
    left: 0px;
    padding-right:15px;
    padding-top:15px;    
    clear:left;
}
.linkSnippetMiniSitios a
{
	font-weight:bold;
	color:#3350B0;
	font-family:Arial;
	text-decoration:underline;
	font-size:11px;
}

/******** otros estilos que tambien sirven para minisitios ***********/

.cabezalTitulo {
color:#000000;
font-family:Arial;
font-size:17px;
font-weight:bold;
margin-left:9px;
padding:10px 5px 0 10px;
text-align:left;
}

.subtituloMiniSitios{
    /*color:navy;*/
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:16px;
    font-style:inherit;
    font-weight:bold;
    padding-bottom:5px;
    text-align:center;
    /*text-decoration:underline;*/
}

/*.linkSubMenu{	
	color:#3350B0; 
	font-size:14px;
	font-family:Arial;
	text-decoration:underline;	
	margin-left:9px;
}*/

/********************************************************************/

/************************* SERVICIOS EN LINEA ***********************/
.divBodyServicios
{
	float:right;
	width:740px;
	/*height:890px;*/
	border: solid 1px #F5F5F5;
	background-color: #FFFFFF;
}

#titleServicios
{
	margin-left:40px;
	padding-top:20px;
	padding-bottom:20px;
}


/************************** SNIPPET Servicios en Línea************************/

.contenedorSnippet
{
	width:90%;
	margin-left:40px;
	padding-top:15px;
}


.iconoSnippetServicio /*ICONO*/
{
	width:50px;			
	float:left;
	padding-top:10px;
}

#TituloTextoSnippet
{
	margin-left:60px;
	line-height:37px;
}

.miniSitios_titSnippet /*TITULO*/
{
	font-family:Verdana;
	font-weight:bold;	
	text-decoration:underline;
	font-size:15px;
	color:#3350B0;
}



/********************************************************************/

.miniSitios_cabezal
{	
	font-family: Verdana;
	font-size: 14px;
	color: #3350B0;
	font-weight: bold;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:10px;	
}

/************** Servicios con Registro ******************************/

#miniSitios_SCReg
{
	margin-left:50px;
	margin-top:30px;
	float:left;
}

.servReg
{	
	width:260px;
	height:285px;
	background-color: #F8F8F8;
	margin-left:7px;
}

.divContenedorServReg
{
	height:340px;
	width:275px;
	border: solid 1px #DFDFDF;			
}

.listadoVinculosReg
{
	font-family:Arial;
	font-size:12px;
	line-height: 18px;
	color: #3350B0;
	text-decoration:underline;
	text-align:left;
}


.servReg ul
{
	list-style-type:none;
	margin-left:0px;	
}

.lineaVinculo
{
	margin-left:10px;	
}


/********************************************************************/

/************** Servicios en General ********************************/

#miniSitios_SGral
{
	margin-right:20px;
	margin-top:30px;
	float:right;	
}

.servGral
{	
	width:260px;
	height:285px;
	border: solid 1px #000000;
	background-color: #F8F8F8;
}

.divContenedorServGral
{
	height:340px;
	width:275px;
	border: solid 1px #DFDFDF;	
}

/********************************************************************/
/************** Menu de Tramites y Servicios ************************/

.lateraIzq
{
	width:224px;
	height:790px;
	float:left;
}

.menuTramites
{
	width:224px;
	height:380px;
	background-color: #F5F5F5;
}

.menuLocal
{
	width:210px;
	height:324px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

.tituloMenuLocal
{
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	color:Black;
	height:24px;
	padding-left:15px;
	padding-top:15px;
}


/********************************************************************/

/************** Logueo a servicios ************************/



#IngresoServicios
{
	background-image: url('../imagenes/ServiciosNominados2.jpg');
	background-repeat:no-repeat;
	height:54px;
	padding-top:10px;
	text-align:center;	 
}

#TodosServicios
{
	padding-top:25px;	
}

.textDescLogueo
{
	font-family:Arial;
	font-size:12px;	
	padding-bottom:0px;
}

/*.divLogueo
{
	width:89%;
	margin-left:12px;
	height:200px;
}*/

#linksServicios ul li
{
	list-style-image: url(../imagenes/vinetaDobleFlecha.gif);
}

#linksServicios ul li a
{
	text-decoration: none;
	font-size: 12px;
	color: #3350B0;
	font-family:Arial;
}

#todosServicios
{
	text-align:center;
}

/***************************************************************************/