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

This is a Cascade Style Sheet created by the GRAMD Telecom Int'l Team
You can use this CSS Doc for free, for your own projects without a licence.

GRAMD Telecom(R) International 2006-2008
Web: www.gramdtelecom.com
Wap: www.gramd.mobi

Project Manager:
Augusto Castaņeda C.

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


	body{
		margin:0;
		padding:0;
		/*background:url('../images/bg-top.jpg') repeat-x;*/
	}

	img{
		border:0;
	}

	#ContentDiv{
		width:896px;
                                margin-left: auto; 
		margin-right: auto;
	}
	
	/**************************************
	CSS TOP PAGE
	**************************************/
	
	#TopCont{
		width:900px;
		height:70px;
		margin-bottom:10px;
		clear:right;
                background-image:url('http://www.gramdtelecom.com/images/back-logogramdtel.jpg');

	}

	#TopContUK{
		width:900px;
		height:70px;
		margin-bottom:10px;
		clear:right;
                background-image:url('http://www.gramdtelecom.com/images/back-logogramdteluk.jpg');
	}

	#TopContChile{
		width:900px;
		height:70px;
		margin-bottom:10px;
		clear:right;
                background-image:url('http://www.gramdtelecom.com/images/back-logogramdtelcl.jpg');
	}

	#LogoMenu{
		width:100%;
		height:70px;
		margin-left: auto; 
		margin-right: auto;
		clear:both;
	}

	#LogoMenu p{
		margin:0;
		padding:0;
	}

	#TopLogo{
		width:445px;
		height:70px;
		float:left;
		/*background-color:#fff;*/
	}

	#TopMenu{
		width:152px;
		height:70px;
		float:left;
		/*background-color:#fff;*/
		
	}

	#TopMenu2{
		width:152px;
		height:70px;
		float:left;
		/*background-color:#fff;*/
		
	}

	#TopMenu3{
		width:151px;
		height:70px;
		float:left;
		/*background-color:#fff;*/
		clear:right;
	}

	ul.TopMenuLinks{
	list-style: none;
	font-family:Verdana,Arial;
	font-size:11px;
	margin-top:10px;
	margin-bottom:1px;
	margin-left:15px;
	padding-left:0px;
	}

	ul.TopMenuLinks a:link{
		display:block;
		width:118px;
		height:15px;
		background:#333;
		margin:2px;
		padding-bottom:1px;
		color:#fff;
		text-decoration:none;
		padding-left:5px;
                               
	}

	ul.TopMenuLinks a:hover{
		display:block;
		width:118px;
		height:15px;
		display:block;
		margin:2px;
		color:#060;
		background:#D1E0B2;
		padding-left:5px;
		text-decoration:none;
	}

	ul.TopMenuLinks a:visited{
		display:block;
		width:118px;
		height:15px;
		display:block;
		margin:2px;
		color:#fff;
		background:#333;
		padding-left:5px;
		text-decoration:none;
               
	}

	ul.TopMenuLinks li{
		list-style-image:url('../images/enlace.gif');
		margin:0;
		padding:0;
		margin-top:2px;
		margin-bottom:0px;
	}

	/**************************************
	CSS BODY PAGE
	**************************************/

	#BackgroundFeature{
		width:900px;
		height:200px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:auto; 
		margin-right:auto;
		clear:right;
	}



	/*#BackgroundFeature h1{
		font-family:Arial;
		font-size:19px;
		color:#fff;
		padding:22px 0px 0px 25px;
		margin:0px;

	}*/

	#BackgroundFeature p{

		/*font-family:Arial;
		font-size:11px;
		color:#fff;
		padding:3px 110px 0px 25px;*/
		margin:0px;
		padding:0px;

	}

	#BackgroundFeature a:link{
		/*display:block;
		width:120px;
		height:15px;
		background:#690;
		margin:2px;
		color:#fff;
		text-decoration:none;
		padding:4px;*/
		display:block;
		width:892px;
		height:192px;
		border: 3px solid #690;
		margin:0px;
		padding:0px;
	}

	#BackgroundFeature a:hover{
		/*display:block;
		width:120px;
		height:15px;
		display:block;
		margin:2px;
		color:#060;
		background:#D1E0B2;
		padding:4px;
		text-decoration:none;
		*/
		display:block;
		width:892px;
		height:192px;
		border: 3px solid #D1E0B2;
		margin:0px;
		padding:0px;
	}

	#BackgroundFeature a:visited{
		/*display:block;
		width:120px;
		height:15px;
		display:block;
		margin:2px;
		color:#fff;
		background:#690;
		padding:4px;
		text-decoration:none;
		*/
		display:block;
		width:892px;
		height:192px;
		border: 3px solid #690;
		margin:0px;
		padding:0px;
	}

	.OfferLeft{
		float:left;
		width:380px;
		height:155px;
		margin-left:20px;
		margin-top:25px;
		clear:left;
	}

	.OfferRight{
		float:left;
		width:380px;
		height:155px;
		margin-left:40px;
		margin-top:25px;
		clear:right;
	}

	/*************************************************
	TEXT, UL, LI, , H2, BODY
	**************************************************/

	#BodyContent{
		width:900px;
		position:relative;
		background-color:#fff;
		margin-left: auto; 
		margin-right: auto;
		margin-bottom:10px;
		clear:both;
	}

	#BrochureXServices{
		width:565px;
		height:115px;
		margin-top:10px;
	}

	#BrochureXServices h1{
		font-family:Arial;
		font-size:1.6em;
		font-weight:bold;
		color:#fff;
		margin-bottom:-5px;
		padding:0px;
		padding-top:60px;
		padding-left:20px;
	}

	#BrochureXServices p{
		font-family:Tahoma;
		font-size:0.7em;
		padding:0px;
		padding-left:20px;
	}
	
	#BrochureXServices span{
		color:#fff;
		margin:0px;
	}

	
	#BodyContentLeft{
		width:565px;
		height:relative;
		background-color:#ffffff;
		float:left;
		text-align:justify;
		margin-right:10px;
		padding-left:10px;
                                padding-right:10px;
		margin-bottom:5px;
	}

	#BodyContentLeft p{
		font-family:Tahoma;
		font-size:0.7em;
		color:#666;
		margin-top:5px;
		margin-bottom:10px;
	}
	

	#BodyContentLeft a:link{
		font-family:tahoma;
		color:#690;
		text-decoration:none;
		font-weight:bolder;
	}

	#BodyContentLeft a:hover{
		font-family:tahoma;
		color:#690;
		text-decoration:underline;
		font-weight:bolder;
	}

	#BodyContentLeft a:visited{
		font-family:tahoma;
		color:#690;
		text-decoration:underline;
		font-weight:bolder;
	}

	#BodyContentLeft ul{
		font-family:Tahoma;
		font-size:0.7em;
		color:#666;
		list-style:square;
	}

	#BodyContentLeft h2{
		font-family:Tahoma;
		font-size:0.9em;
		color:#333;
		font-weight:bolder;
		margin: 10px 0px 10px 0px;
	}

		.xleft{
			float:left;
			width:47%;
			margin-right:2%;
			height:relative;
		}

		.xright{
			float:left;
			width:47%;
			margin-left:1%;
			height:relative;
		}


	#BodyContentRight{
		width:274px;
		height:100% relative;
                                padding:8px;
		background-color:#f1f1f1;
		float:left;
                                text-align:justify;
	}

	#BodyContentRight p{
		font-family:Tahoma;
		font-size:0.7em;
		color:#666;
		margin-top:4px;
		margin-bottom:10px;
	}

	#BodyContentRight a:link{
		font-family:tahoma;
		color:#690;
		text-decoration:none;
		font-weight:bolder;
	}

	#BodyContentRight a:hover{
		font-family:tahoma;
		color:#690;
		text-decoration:underline;
		font-weight:bolder;
	}

	#BodyContentRight a:visited{
		font-family:tahoma;
		color:#690;
		text-decoration:none;
		font-weight:bolder;
	}

    #BodyContentRight h2{
		font-family:Tahoma;
		font-size:0.9em;
		color:#333;
		font-weight:bolder;
		margin: 10px 0px 10px 0px;
	}

     #BodyContentRight ul{
		font-family:Tahoma;
		font-size:0.7em;
		color:#666;
		list-style:square;
                padding:0px;
                margin-left:5px;
                padding-left:12px;
            
                               	}





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

	#BlockLinks{
		width:900px;
		height:120px;
		margin-top:5px;
		margin-bottom:10px;
		margin-left: auto; 
		margin-right: auto;
		clear:right;
		position:relative;
	}

	#BlockLinks p{
		font-family:Arial;
		font-size:0.75em;
		margin:3px;
	}

	.dinamicoDivOne{
				float:left;
				border: 1px solid #e1e1e1;
				width: 145px;
				height:103px;
				margin-top:1px;
				margin-bottom:1px; 
				padding-top:10px;
				padding-left:8px;
				padding-right:67px;
				padding-bottom:4px;
				
			}

			.dinamicoDivOne p{
				font-family:Arial;
				line-height:11px;
				margin-bottom:5px;
			}

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

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

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

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

			.dinamicoDivMore{
				float:left;
				border: 1px solid #e1e1e1;
				width: 144px;
				height:103px;
				margin-top:1px;
				margin-bottom:1px;
				padding-top:10px;
				padding-left:8px;
				padding-right:67px;
				padding-bottom:4px;
				margin-left:5px;
				
			}

			.dinamicoDivMore p{
				font-family:Arial;
				line-height:11px;
				margin-bottom:5px;
			}

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

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

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

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

	#nWebmail{
		width:90%;
		margin-top:5px;
		margin-bottom:5px;
		clear: both;
		margin-left: auto; 
		margin-right: auto;
		font-size:0.75em;
		font-family:Arial;
	}

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

	.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 input{
		height:12px;
		font-size:1.2em;
	}

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

	.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;
	}



	/**************************************
	CSS FOOTER PAGE
	**************************************/

	#GRAMDToolsNews{
		width:900px;
		height:65px;
		margin-top:10px;
		margin-left: auto; 
		margin-right: auto;
		clear:both;
	}

	#GRAMDToolsFranja{
		width:900px;
		height:60px;
		background-color:lightyellow;
		padding: 5px 0px 0px 3px; 
		clear:both;
	}
	
	#GRAMDTools{
		width:440px;
		height:47px;
		margin-top:1px;
		margin-bottom:1px;
		margin-right:2px;
		float:left;
		background-color:#f7f7f7;
		border: 1px solid #e1e1e1;
		margin-left:2px;

		
	}

	#GRAMDTools p{
		font-family:Arial;
		font-size:0.7em;
		font-weight:bolder;
		margin:0;

	}

	#GRAMDTools a:link{
		color:#666;
		display:block;
		width:96px;
		height:36px;
		padding: 7px 0px 4px 6px;
		float:left;
		margin-right:5px;
	}

	#GRAMDTools a:hover{
		color:#666;
		
		display:block;
		background-color:#fff;
		width:96px;
		height:36px;
		padding: 7px 0px 4px 6px;
		float:left;
		margin-right:5px;
	}

	#GRAMDTools a:visited{
		color:#666;
		display:block;
		width:96px;
		height:36px;
		padding: 7px 0px 4px 6px;
		float:left;
		margin-right:5px;
	}

	#GRAMDNews{
		width:441px;
		height:30px;
		margin-top:1px;
		margin-bottom:1px;
		float:left;
	}

	#FooterContent{
		width:900px;
		height:85px;
		margin:0;
		padding:0;
		background:#fff;
		margin-left: auto; 
		margin-right: auto;
		margin-top:1px;
		margin-bottom:1px;
		clear:both;
	}

	#FooterContentLeft {
		width:99%;
		height:25px;
		float:left;
	}


	#FooterContentLeft ul{
		font-family:Verdana,Arial;
		font-size:0.7em;
		color:#999;
		list-style: none;
		margin:0;
		padding-left:3px;
		padding-top:8px;
	}

	#FooterContentLeft a:link{
		color:#060;
		margin-left:3px;
		margin-top:5px;
	}

	#FooterContentLeft a:hover{
		color:#690;
	}

	#FooterContentLeft a:visited{
		color:#690;
	}

	#FooterContentLeft li{
		float:left;
	}

	#FooterContentRight {
		width:99%;
		height:63px;
		float:left;
		text-align:justify;
	}

	#FooterContentRight p{
		font-family:Arial,Helvetica;
		font-size:0.65em;
		color:#999;
		padding-left:5px;
		margin:0px;
	}


/*******************************************
CSS AJAX ANIMATED
*******************************************/

.MobileVersionH1{
	font-family:Arial;
	font-size:1em;
	color:#000;
	margin:3px;
}

.highslide-html {
	font-family:Arial;
	text-align:justify;
    background-color: white;
}

.highslide-html p{
	font-size:0.75em;
	margin:0;
}

.highslide-html ul{
	margin-top:2px; 
	margin-bottom:2px; 
}

.highslide-html li{
	font-size:0.65em;
	margin:0px; 
}


.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #690;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}

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

CSS FOR  FRONTPAGE EFECT

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

#simplegallery1{ //CSS for Simple Gallery Example 1
display: block;
width:900px;
height:200px;
border: 3px solid #690;
margin-top:5px;
margin-bottom:10px;
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/

}

/*#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding:0px;
}*/