/***********************************************************
ARCHIVO Y HOJA DE ESTILOS OFICIAL DE GRAMD TELECOM PERÚ
PRODUCIDA Y CREADA DE ACUERDO A LA NORMATIVA CSS2 DE LA W3C
TODOS LOS DERECHOS RESERVADOS ® 2006 WWW.GRAMD.COM.PE
COMPAÑÍA DE INTERNET Y TELECOMUNICACIONES
by: Augusto Castañeda
**********************************************************/

/*---------------------------------------------------------
TITULOS
----------------------------------------------------------*/

#enqueloayudamos {
	width: 301px;
	height: 25px;
	background-image: url("../images/enqueloayudamos.gif");
	}

#enqueloayudamos span {
	display: none;
	}


/*---------------------------------------------------------
 CUERPO DE PAGINA  DE INDEX
----------------------------------------------------------*/ç


#enqueloayudamos {
	width: 301px;
	height: 25px;
	background-image: url("../images/enqueloayudamos.gif");
	}

#enqueloayudamos span {
	display: none;
	}


#bar{ 
	font-family: Arial;
	line-height: 160%;
	clear: both;
	background: #cdcdcd;
	height: 25px;
	}

#bar li {
	margin: 0;
	padding: 0;
	padding-top: 3px; 
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px; 
	border-right: 1px solid #fff;
	float: left; 
	}

#bar li.active{
	font-weight:bold;
	background: #000;
	color: #fff; 
	padding-bottom: 4px;
	}

#bar a:link, a:active, a:visited { 
	text-decoration: none;
	font-weight:normal;
	}

#bar a:active{ 
	text-decoration: underline;
	font-weight:normal;
	}

#bar a:hover{ 
	text-decoration: underline;
	font-weight:normal;
	}

#bar a:link, #bar a:active, #bar a:visited { 
	color: #000;
	font-weight:normal;
	}

#top { 
	width:100%;
	height: 161px;
	clear: both;
	}

#top h1 { 
	color: #fff; 
	padding-left: 25px;
	padding-top: 55px;
	line-height: 110%;
	}

#body { 
	clear: both;
	margin-bottom: 5px;
	margin-top: 5px;
	}


div.block, div.blockDistinct { 
	padding-top: 8px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 10px;
	}

div.blockDistinct { 
	background: url("../images/corner.gif") no-repeat 100% 100% #f5f5f5; 
	}

#empresarial{ 
	background: url("../images/fondo-empresarial.jpg") no-repeat 100% 100%; 
	height:110px;
	}

#empresarial li { 
	margin-top:5px; 
	margin-bottom:5px; 
	font-family:Arial; 
	float: left; 
	padding: 0; 
	height: 12px;	
	vertical-align: middle;
	padding-right: 3px; 
	font-size: 12px; 
	}

#empresarial a:link{
	font-family:Arial,Helvetica;
	color: #060;
	text-decoration: underline; 
	}

#empresarial a:hover{ 
	text-decoration: none;
	background-color:#690;
	color:white;
	}

#empresarial a:visited{ 
	font-family:Arial,Helvetica;
	color: #060;
	text-decoration: underline;
	font-weight:normal; 
	}

#ourBusiness{ 
	background: url("../images/background-index2.jpg") no-repeat 100% 100%; 
	height:145px;
	padding-top:5px;
	}

#soluciones { 
	margin-top:5px; 
	height:78px;
	}

#images{ 
	background-color:transparent;
	}

#images a { 
	padding-right:4px;
	float: left;
	}

#swap01 {
	background-image: url(../images/personal_hover.gif);
	width: 234px;                    
	height: 78px;                   
	}

#swap02 {
	background-image: url(../images/pymes_hover.gif);   
	width: 226px;                   
	height: 78px;                  
	}

#swap03 {
	background-image: url(../images/gubernamental_hover.gif);   
	width: 255px;                    
	height: 78px;                   
	}

.rollover { 
	display: block;
	}
	
.rollover img {
	width: 100%;
	height: 100%;
	border: 0;
	}
	
.rollover:hover{
	visibility: visible; /* for IE */
	}
	
.rollover:hover img {
	visibility: hidden;
	}


/*-----------------------------------------------
DIV: NUEVO CONTENIDO
-----------------------------------------------*/

#nWebmail{
	margin-top:5px;
	margin-bottom:5px;
	clear: both;
}


#nPublicaciones{
	margin-top:5px;
	margin-bottom:5px;
	clear: both;
}

#nServiciosAdicionales{
	margin-top:5px;
	margin-bottom:5px;
	clear: both;
}

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

.divWebmail{
	float:left;
	width: 154px;
	height:102px;
	margin-bottom:8px; 
	padding-top:41px;
	padding-left:40px;
	padding-right:29px;
	padding-bottom:5px;
	background-image:url('../images/back-webmail.jpg');
}

.divWebmail p{
	font-family:Arial;
	font-size:0.9em;
}

.divWebmail a{
	font-family:Arial;
	color:#690;
	text-decoration:none;
}

.divWebmail a:hover{
	font-family:Arial;
	color:#690;
	text-decoration:underline;
}

.divWebmail a:visited{
	font-family:Arial;
	color:#690;
	text-decoration:none;
}

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


.divWebmail2{
	float:left;
	width: 154px;
	height:130px;
	margin-bottom:8px; 
	padding-top:10px;
	padding-left:20px;
	padding-right:65px;
	margin-left:10px;
	background-image:url('../images/back-indexdistribuidores.jpg');
	background-repeat: no-repeat;
}

.divWebmail2 p{
	font-family:Arial;
}

.divWebmail2 a{
	font-family:Arial;
	color:#690;
	text-decoration:none;
}

.divWebmail2 a:hover{
	font-family:Arial;
	color:#690;
	text-decoration:underline;
}

.divWebmail2 a:visited{
	font-family:Arial;
	color:#690;
	text-decoration:none;
}

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

.divWebmail3{
	float:left;
	width: 154px;
	height:137px;
	margin-bottom:8px; 
	padding-top:10px;
	padding-left:25px;
	padding-right:65px;
	margin-left:10px;
	background-image:url('../images/back-indexcasos.jpg');
	background-repeat: no-repeat;
	border-left: 4px solid #e1e1e1;
}

.divWebmail3 p{
	font-family:Arial;
}

.divWebmail3 a{
	font-family:Arial;
	color:#690;
	text-decoration:none;
}

.divWebmail3 a:hover{
	font-family:Arial;
	color:#690;
	text-decoration:underline;
}

.divWebmail3 a:visited{
	font-family:Arial;
	color:#690;
	text-decoration:none;
}


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

.dinamicoDiv1{
	float:left;
	border: 1px solid #e1e1e1;
	width: 149px;
	margin-bottom:5px; 
	padding-top:10px;
	padding-left:10px;
	padding-right:70px;
	padding-bottom:4px;
	background-image:url('../images/back-capacitacionesjoven.jpg');
}

.dinamicoDiv1 p{
	font-family:Arial;
}

.dinamicoDiv1 a{
	font-family:Arial;
	color:#690;
	font-weight:bold;
	text-decoration:none;
}

.dinamicoDiv1 a:hover{
	font-family:Arial;
	color:#690;
	font-weight:bold;
	text-decoration:underline;
}

.dinamicoDiv1 a:visited{
	font-family:Arial;
	color:#690;
	font-weight:bold;
	text-decoration:none;
}

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

.dinamicoDiv2{
	float:left;
	border: 1px solid #e1e1e1;
	width: 149px;
	margin-bottom:5px; 
	padding-top:10px;
	padding-left:10px;
	padding-right:70px;
	padding-bottom:4px;
	margin-left:17px;
	background-image:url('../images/back-donaciones.jpg');
}

.dinamicoDiv2 p{
	font-family:Arial;
}

.dinamicoDiv2 a{
	font-family:Arial;
	color:#690;
	font-weight:bold;
	text-decoration:none;
}

.dinamicoDiv2 a:hover{
	font-family:Arial;
	color:#690;
	font-weight:bold;
	text-decoration:underline;
}

.dinamicoDiv2 a:visited{
	font-family:Arial;
	color:#690;
	font-weight:bold;
	text-decoration:none;
}

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

.dinamicoDiv3{
	float:left;
	border: 1px solid #e1e1e1;
	width: 149px;
	margin-bottom: 5px; 
	padding-top:10px;
	padding-left:10px;
	padding-right:70px;
	padding-bottom:4px;
	margin-left:17px;
	background-image:url('../images/back-ejecutivo.jpg');
}

.dinamicoDiv3 p{
	font-family:Arial;
}

.dinamicoDiv3 a{
	font-family:Arial;
	color:#690;
	font-weight:bold;
	text-decoration:none;
}

.dinamicoDiv3 a:hover{
	font-family:Arial;
	color:#690;
	font-weight:bold;
	text-decoration:underline;
}