﻿/*----------------Espacio dedicado a maquetacion de la pagina principal del sitio----------------------*/
.divCentrado 
{
	margin: 0 auto;
    position: relative;
}

#container
{
	width: 973px;
	margin-top:5px;
}

#header
{
	width: 100%;
}

#body
{
	width: 100%;
	padding-top:5px;
}

#footer
{
	width:968px;
	padding-top:15px;	
}

.areaIzquierda
{
	margin:8px 0 8px 15px;
	/*margin:8px 0 8px 15px;*/
	_margin:8px 0 8px 8px;
}

.areaDerecha
{
	margin:8px 15px 8px 0;
	/**margin:8px 15px 8px 0;*/
	_margin:8px 8px 8px 0;
}

#rotativo
{
	width:704px;
	height: 337px;
	float: left;
}

#novedades
{
	width:704px;
	height: 307px;
	float: left;
}

#participacion
{
	width:220px;
	height: 307px;
	/*height: 219px; cambio por agregado de banner de pericom.com.uy*/
	float:right;
}

#gestion
{
	width:329px;
	height: 200px;
	float: left;
}

#accesos
{
	width:600px;
	height: 200px;
	float: right;	
}

a:focus{
    outline-style:none;
}

/*----------------Fin de espacio de maquetacion----------------------*/

/*----------------Espacio dedicado a estilos para efecto de div con bordes redondos----------------------*/

.divRedondoSuperior {
              height: 33px;
              background: url(../imagenes/divRedondoSuperior.png) no-repeat;
}

.divRedondoCuerpo {
              background: url(../imagenes/divRedondoMedio.png) repeat-y;
              padding: 1px 0px 1px 0px;
}

.divRedondoInferior {
              background: url(../imagenes/divRedondoInferior.png) no-repeat;
              height: 26px;
}

/*----------------Fin de espacio dedicado a estilos para efecto de div con bordes redondos----------------------*/

/*-------------- solucion a float de divs----------------------*/

/*.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}* html .clearfix {
    height: 1%;
}*/

.clearfix:after {
	visibility: hidden; 
	display: block; 
	font-size:0; 
	content: " "; 
	clear: both; 
	height: 0; 
}

* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*---------------------fin de solucion -------------------------*/

/*--------------------- Espacio dedicado a areas del body -------------------------*/

/*-----------Estilos de Martin----------------------------*/ 

.migasDePan
{
	font-weight : bold;
	font-family :Verdana;
	font-Size:9px;
	color:#898989;
}

.migasDePanGrande
{
	font-weight : bold;
	font-family :Verdana;
	font-Size:11px;
	color:#898989;
}


#servicios
{
	width:220px;
	height: 335px;
	/*height: 423px; cambio por agregado de banner de pericom.com.uy*/
	float: right;
}
.cabezalVentanas
{
	font-family: Arial;
	font-size: 17px;
	color: #000000;
}

.botonServicios
{
	font-family:Tahoma;
	font-size:9px;
	font-weight:bold;
	height:20px;	
}
#bodyServicios
{
	/*margin-top:10px;*/
	padding-top:10px;
	_padding-top:15px;
	font-family:Arial;
	font-size:12px;
	width:190px;
}

#textoBody
{
	padding-top:15px;
	_padding-top:8px;  /*aplica solo para ie6*/
	padding-left:10px;
	margin-bottom:0px;	
}

#homeLinksServicios
{
	padding-top:20px;
	_padding-top:13px;  /*aplica solo para ie6*/
	width:100%;
}

#homeLinksServicios ul
{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:20px;
	padding-left:10px;
}

#homeLinksServicios ul li {
	background-image:url("../imagenes/vinetaDobleFlecha.gif");
	background-position:left center;
	background-repeat:no-repeat;
	list-style:none outside none;
	padding-left:15px;
}

#homeLinksServicios ul li a
{
	text-decoration: none;
	font-size: 12px;
	color: #3350B0;
	font-family:Arial;
}

#homeServiciosIngreso
{
	padding-top:10px;
	width:100%;
}

#homeServiciosIngreso ul
{
	padding-bottom:10px;
	margin-bottom:0px;
	margin-top:10px;
	margin-left:20px;
	padding-left:10px;
}

#homeServiciosIngreso ul li
{
background-image:url("../imagenes/vinetaDobleFlecha.gif");
background-position:left center;
background-repeat:no-repeat;
list-style:none outside none;
padding-left:15px;
}

#homeServiciosIngreso ul li a
{
	text-decoration: none;
	font-size: 12px;
	color: #3350B0;
	font-family:Arial;
}

#ingresoServicios
{
	vertical-align:baseline;
	background-repeat:no-repeat;
	height:54px;
	width:196px;
	padding-top:10px;
	text-align:center;	 
}
#todosServicios
{
	/*text-align:center;*/
	margin-top:20px;
	/*margin-top:15px;cambio realizado para agregado de banner de pericom.com.uy*/
	padding-left:15px;
}
#todosServicios a
{
	font-size: 11px;
	color: #3350B0;
	font-family:Arial;
	font-weight:bolder;
}
#divCuerpoServicios{
	width:100%;
	height:276px;
	/*height:248px; cambio realizado para agregado de banner de pericom.com.uy*/
}

.vinculoSnippet
{
	font-size:16px;
	width:250px;
	color:#0E267A;
	text-decoration:underline;
	padding-bottom:3px;
	
}

.snippetCarpeta{
height:25px;
padding:5px;
padding-top:5px;
}

.divItemArchivo{
/*width:720px;*/
height:25px;
padding:5px;
}

.itemArchivo{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:navy;
padding-top:5px;
}

.imgItemArchivo{
float:left;
padding-right:5px;
/*padding-left:2px;
padding-top:3px;
padding-bottom:3px;*/
vertical-align:top;

}


/*-----------Fin bloque de estilos de Martin--------------*/

/*-----------Estilos de Juan Pablo----------------------------*/
.divContenedor4{
	padding:0px 5px;
	margin: 15px 0px;
}

#divCuerpoNovedades
{
	height:259px;
	background: url(../imagenes/divCuadradoMedioNovedades.png) repeat-y;
	overflow:hidden;
}

#cabezalTituloNovedades
{
	height: 33px;
	background: url(../imagenes/divCuadradoSuperiorNovedades.png) no-repeat;
}

.homeNovedadesLista
{
	height:245px;
	padding:0px 5px;
	overflow:hidden;
}

.homeNovedadesPie
{
	height:14px;
	text-align:right;
    padding-right:15px;
    margin:0px;
    padding-top:0px;
    padding-bottom:0px;
}

.homeNovedadesPie a {
	color:#3350B0;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

#pieNovedades
{
	height: 15px;
	background: url(../imagenes/divCuadradoInferiorNovedades.png) no-repeat;		
}

.divEncabezado{
	font-family:Arial;
	font-size:17px;
	color:#000000;
	background-color:#EDEDED;
	border:1px;
	border-bottom-style:solid;
	border-color:#9D9D9D;	
	padding-left:5px;
}

.homeContenedorSnippet
{
	margin:12px 0px;	
}

.homeHrefNoticia
{
	text-decoration:none;
}

.tituloSnippet{
	font-family:Arial;
	font-weight:bold;
	font-size:16px;
	color:#3350B0;
	text-align:left;	
	margin-bottom:0px;	
	margin-bottom:3px;
	padding-left:15px;
	text-decoration:none;
}

.textoSnippet{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
	padding-top: 0px;	
	margin-bottom:0px;
	margin-top: 0px;
	text-decoration:none;
}

.textoSnippet a
{
	color:navy;
	text-decoration:underline;
}

.homeDivImgSnippet
{
	float:left;
	padding-left:15px;
    padding-right:10px;	
}

.imgSnippet{
	width:60px;
	height:40px;
	border:0px;
	border-color:#606060;
	border-style:solid;
}

.linkSnippet{
	text-align:right;
	position:relative;
	bottom:0px;
    left: 0px;
    padding-right:15px;
    clear:left;
}
.linkSnippet a
{
	font-weight:bold;
	color:#3350B0;
	font-family:Arial;
	text-decoration:underline;
	font-size:11px;
}

.manito{
	cursor:pointer;
}
/*.manito:hover{
     background-color: #bddfe7;
}*/



fondoGris{
    background-color: #dfdfdf;    
}

/*************** estilos de tabla *********************/

.tablaAportacion{
    border-spacing:0px;
    margin-bottom:10px;
    margin-top:10px;    
    border:0px;        
}

.tablaAportacion tr{
     vertical-align:middle;
     text-align: center;
     border:0px;     
}

.tablaAportacion td{
     padding:2px;
     border-right-width:1px;
     border-right-color:black;     
     border-right-style:solid;
     border-bottom-width:1px;
     border-bottom-color:black;
     border-bottom-style:solid;
     margin:0px;
}

.tablaAportacion p{
    padding:0px;
}

.celdaGris{
    background-color:#dfdfdf;    
}

.tituloTablaNegrita{
     text-transform:capitalize;
     font-weight:bold;
     background-color:#dfdfdf;
     border-top-style:solid;    
     border-top-color:black;
     border-top-width:1px;
}

.encabezadoTablaNegrita{
     text-transform:capitalize;
     font-weight:bold;
     background-color:#dfdfdf;    
}

.bordeSuperiorCelda{
    border-top-style:solid; 
    border-top-color:Black; 
    border-top-width:1px;
}

.bordeIzquierdoCelda{
    border-left-style:solid; 
    border-left-color:black; 
    border-left-width:1px;
}

.bordeDerechoCelda{
    border-right-style:solid; 
    border-right-color:black; 
    border-right-width:1px;
}

.bordeInferiorBlanco{
     border-bottom-style:solid;
     border-bottom-width:10px;
     border-bottom-color:red;
}

.bordeSuperiorBlanco{
     border-top-style:none;
}

.bordeDerechoBlanco{
     border-right-style:none;
}

.divObservacion{
    border:solid 1px black;
    padding:4px;
    margin-top:20px;
    margin-bottom:40px;    
}

.divRecuadro{
    border:solid 1px black;
    padding:4px;
    margin-top:20px;
    margin-bottom:40px;    
}

/*************** estilos de tabla *********************/


/*-----------Fin bloque de estilos de Juan Pablo--------------*/

/*-----------Estilos de Jalazo----------------------------*/
.cabezalTitulo{
	color:#000000;
	text-align:left;
	margin-left:9px;	
	font-size:17px;
	font-family:Arial;
	padding: 10px 5px 0px 10px;
	font-weight:bold;
}

#pieGestion
{
	height: 15px;
	background: url(../imagenes/divCuadradoInferiorGestion.png) no-repeat;		
}

.gestionTitulo /*se agrega como clase porque el id del div, por tener runat=server, es modificado dinamicamente */
{
	height: 33px;
	background: url(../imagenes/divCuadradoSuperiorGestion.png) no-repeat;
}
#divCuerpoGestion
{
	height:152px;
	background: url(../imagenes/divCuadradoMedioGestion.png) repeat-y;
}

#pieAccesos
{
	height: 15px;
	background: url(../imagenes/divCuadradoInferiorAccesos.png) no-repeat;		
}

.accesosTitulo /*se agrega como clase porque el id del div, por tener runat=server, es modificado dinamicamente */
{
	height: 33px;
	background: url(../imagenes/divCuadradoSuperiorAccesos.png) no-repeat;
}
#divCuerpoAccesos
{
	height:152px;
	background: url(../imagenes/divCuadradoMedioAccesos.png) repeat-y;
}

.linkSubMenu{	
	color:#3350B0; 
	text-align:left;	
	font-size:13px;
	font-family:Arial;
	/*margin-left:10px;*/
	text-decoration:underline;
}

.linkSubMenuProcesos{	
	color:#3350B0;
	text-align:left;	
	font-size:14px;
	font-family:Arial;
	margin-left:10px;
	text-decoration:none;
	font-weight:bold;		
}

.divContenedor
{
	width:100%;
	float: left;
	padding-top:25px;
	*padding-top:20px;
}

.divContenedor ul
{
	margin:0px 0px 0px 0px;
	padding-left:20px;
	_padding-left:10px;
}

.divContenedor ul li
{
	list-style: none outside none;
	background-image: url(../imagenes/vinetaDobleFlecha.gif);
	background-position:left center;
	background-repeat: no-repeat;
	/*margin-left:0px;*/
	padding-left: 17px;	
	/*_padding-left:0px;*/	
}

.divContenedor2{
	width:100%;
	padding-top:25px;	
	*padding-top:20px;
}

.divContenedor2 ul
{
	margin:0px 0px 0px 0px;
	padding-left:20px;
	_padding-left:10px;
}

.divContenedor2 ul li
{
	list-style: none outside none;
	background-image: url(../imagenes/vinetaDobleFlecha.gif);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left: 17px;
	/*_padding-left:0px;
	margin:0px;*/
}
/*------------*/

/*------------*/



#divCuerpoParticipacion{
	width:100%;
	height:246px;
	/*height:160px;cambio realizado para agregado de banner pericom.com.uy*/
}

#participacion ul
{
	padding-left:20px;
	margin-left:0px;
	/*margin-bottom:0px;cambio realizado para agregado de banner pericom.com.uy*/
	/*margin-top:0px;cambio realizado para agregado de banner pericom.com.uy*/
}

#participacion ul li
{
	list-style: none;
	background-image: url(../imagenes/vinetaTic.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 7px;
}

.divTitulo{
	background-color:#EFEFEF;
	color:#000000;
	text-align:left;		
	font-size:17px;
	font-family:Arial;
	border:1px solid;
	border-color:#9D9D9D;	
}

.divCuerpo{
	margin-left:15px;	
	width:80%;
	line-height:28px;
	list-style-position:inside;
}

.divCuerpoCol1{
	margin-left:15px;
	line-height:28px;	
	list-style-position:inside;
	width:40%;
	float:left;
}

.divCuerpoCol2{
	line-height:28px;
	list-style-position:inside;
	width:55%;
	float:left;
}
.divCuerpoProcesosRef{
	line-height:34px;
	/*line-height:28px;cambio para agregado de banner de pericom.com.uy*/
	padding-top:30px;
	/*padding-top:18px;cambio para agregado de banner de pericom.com.uy*/
}

/*-----------Fin bloque de estilos de Jalazo--------------*/

/*--------------estilos generales al sitio--------------------------*/
.textoCuerpo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
	padding-right:20px;
}

.iconoLink{
    float: left;
    height: 16px;
    width: 16px;
}

.textoLink{
    padding-left: 18px;
    padding-top:2px;
    /*float:left;*/
    /*padding-bottom:10px;*/
}
/*------------------------------------------------------------------*/

.tituloSubPrincipalServicios {
    color: #6F6E6E;
    font-family: Verdana;
    font-size: 23px;
    font-weight: bold;
    padding-left: 0px;
    
}

.tituloSub2PrincipalServicios {
    color: #6F6E6E;
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    
}
/*--------------------- Fin espacio dedicado a areas del body -------------------------*/
