/* MEXICO */

body { 
margin: 0px;  text-align: center; padding: 0px; font: 80%  Arial, Helvetica, Times, Times New Roman, Sans Serif, MS Sans Serif; color: #777777;  line-height: 1.4em; background : #007DDE url("../bg/flag-mx-bg.png")  /*background : #f1f1f1  url("../bg/bg-gray-top.jpg")*/ no-repeat left top; } 

#boton-presupuesto a { 
	display: block; 
	text-align: left;
	font-weight: bold ;
	font-size: 120%; 
	color: red;
	background-image: url("../images/_boton-presupuesto.gif"); background-position: top center; background-repeat: no-repeat;
	padding: 15px;
	border-bottom: 1px dotted gray; border-top: 1px dotted gray;	
}


/*   TABLA ********************************************************************** */

td 	{  font-size: 80%;  line-height: 1.4em;  }

hr	{ height: 1px; border: 0px; background-image: url("../images/line-gray.gif"); background-repeat: repeat-x; margin: 20 0 20 0px; }

p { font-size: 12px; letter-spacing: 0px; text-align: left /*justify*/ }

b { color: black; }


.table { width: 950px }
.table-100 { width: 100%; padding: 10px }
.td-left  { width: 250px; }
.td-right  { width: 700px  }
.table-amarilla 	{  background: #FFFFCC;  }  /*PARA COLOREAR DE AMARILLO CLARO*/
.table-estados { width: 90%; margin: 30px; padding: 30 px;}


/*   ENCABEZADOS ****************************************************************  */

h1	{ font-size: 180%; font-weight:normal ; color: #777777; line-height: 1.5em; border-bottom: 1px dotted #CCC; padding-bottom: 7px; margin-bottom: 30px; }

h2	{ font-size: 160%; font-weight: normal; color: #FF4500; padding-top: 15px; line-height: 1.3em;  }

h3	{  font-size: 100%; font-weight: normal ; font-style: normal; color: black; line-height: 1.3em; }

h4	{  font-size: 100%; font-weight: bold ; color: #000000; line-height: 1.2em; }

h5	{  font-size: 100%; font-weight: normal ; color: red; line-height: 1.2em; }

.center-font 	{  text-align: center; }

/*  estilo  LISTAS ************************************************************************  */

ul	{ list-style: none }

ol, ul, li	{ margin-top: 0.3em; margin-bottom: 0.3em }

.lista-ul	{ margin-top: 0.3em; margin-bottom: 0.3em }

.listas {	list-style-image: url("../icon/ico-check.gif"); margin-top: 0.3em; margin-bottom: 0.3em }



/*   LINE **************************************************************************  */


.hr	{ height: 1px; border: 0px; background-image: url("../images/line-gray.gif"); background-repeat: repeat-x }
	
.hr10	{ height: 1px; border: 0px; background-image: url("../images/line-gray.gif"); background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 10px; }

.hr20	{ height: 1px; border: 0px; background-image: url("../images/line-gray.gif"); background-repeat: repeat-x;
	margin-top: 20px;
	margin-bottom: 20px; }




/*  BLOQUE PRINCIPAL  *************************************************************** */

#borde{		text-align: center; width: 995px; margin: auto; border: 0px; background: white;   /* border-left: 2px solid gray; border-right: 2px solid gray; */ 
	background-image: url("../images/_cabecera.jpg"); background-position: top center; background-repeat: no-repeat;  }

#container{	text-align: left; width: 950px; margin: auto; border: 0px  solid white; }




/*  BANNER CENTRAL  *************************************************************** */

#bannercentral {	 
	/*border: 1px solid orange; text-align: center;*/
	padding: 0px;
	width: 950px;
	height: 1px; 
 }




/*  HEADER  ************************************************************************ */

#header{
	padding: 0px; border: 0px; 
	width: 950px;
	/*border-bottom: 1px solid gray;*/ }
#logo{
	padding: 0px; padding-top: 4px; 
	float: left;
	/*height: 135px;*/
	width: 950px;
	color: white; }
.header-logo{
	text-indent: -100000em;
	display: none; }

.text-top {  font-size: 9px; color: #13408a;  }   


/*  NAVEGADOR  ********************************************************************** */

#nav{	
	font: 90%  Arial, Helvetica, sans-serif; 
	color: gray;
	width: 950px; 
	font-weight: normal;
	text-align: center;
	margin-bottom: 10px; margin-left: 0px;
}

#nav a { font-weight: normal; letter-spacing: 1px;
	color: white; 
	margin: 0px ;
	padding: 10px;
	background: inherit;
 }

#nav a:hover { 
	color: white; 
	margin: 0px ; border: 0px;
	padding: 10px;
	background-image: url("../images/_menu-boton.png"); background-position: bottom; background-repeat: repeat-x; 
 }


/*   LINKS  ************************************************************************ */

a:link, a:visited, a:focus { 
	text-decoration: none;
	color: blue /*#006DA3*/;  }
a:active  { 
	color: #FF6600 /*#CC0000*/;   /*marron #CD0000*/
	text-decoration: none; }
a:hover 	{ 
	color: #FF6600 /*#CC0000*/; 
	border-bottom: 1px dotted;
	text-decoration: none; }




/*   DIVS  ************************************************************************ */


#contenido { /*background-image: url("../images/bg-cont.gif"); background-position: top left; background-repeat: repeat-y; */
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.bookmark { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; }

#lateral { 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	border-right: 1px solid #dedede;
	height: 100%; 
}


#lateral a, link, active, hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; font-weight: normal; line-height: 1em; border: 0px; text-decoration: none;
}

/*__________________________________________________________________LATERAL_________________________________________________________*/

#lateral a { 
	display: block; 
	line-height: 1.4em; /*text-indent: 2px;*/
	margin: 0px;
	padding-left: 2px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-left: 5px solid #FFF; 	
}

#lateral a:hover {
	background: #F5F5F5;
	border-left: 5px solid #FF4500; 
	text-decoration: none;
}

#lista-lateral ul{ 
	margin-top: 0px; 
	margin-bottom: 20px; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#lista-lateral li{
	color: #454545; line-height: 1.4em; text-indent: 2px;
	margin: 0px;
	/*padding-left: 2px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;*/
	border-bottom: 1px solid #dedede;
}

#lateral H1{ /*text-transform:uppercase;*/ letter-spacing: 0.1em;
	font-size: 105%; color: #FFF; line-height: 1.6em; text-indent: 3px;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	border-bottom: 1px solid #FFF;
	background: #4876FF;	
}

#lateral H2{  /*text-transform:uppercase;*/ letter-spacing: 0.1em;
	font-size: 105%; color: #FFF; line-height: 1.6em; text-indent: 3px;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	border-bottom: 1px solid #FFF;
	background: #4876FF;	
}

#lateral H3{  /*text-transform:uppercase;*/ letter-spacing: 0.1em;
	font-size: 105%; color: #FFF; line-height: 1.6em; text-indent: 3px;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	border-bottom: 1px solid #FFF;
	background: #4876FF;	
}

#lateral H4{  /*text-transform:uppercase;*/ letter-spacing: 0.1em;
	font-size: 105%; color: #FFF; line-height: 1.6em; text-indent: 3px;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	border-bottom: 1px solid #FFF;
	background: #FF4500;	
}

/* PIE  ************************************ */



#footer {  font-size: 11px;  }

#cont-footer { padding: 10px 50px 10px 50px; border-top: 1px solid #CCCCCC }  
.cont-footer { text-align: center }
#cont-footer a:link { color: blue  }
#cont-footer a:visited { color:blue; }
#cont-footer a:hover { color:#FF6600; }

.footer-keyword{ 
	text-indent: -100000em;
	display: none; }
	
	
#keyword {  color: #999999; /*font-size: 11px; line-height: 1em;*/  }  
	
#keyword a:link { color: #cbcbcb  }
#keyword a:visited { color:#cbcbcb; }
#keyword a:hover { color:#999999; }




/* PIE CONTADOR  ************************************************************************ */

#counter {
	padding: 0px; text-align: right; text-indent: -100000em;  background: #27408B; 
	width: 100%;}




/*   STYLES COLORES  **********************************************************************  */

.tipo1    { color: blue; font-size: 110%; font-weight: bold}

.tipo2    { color: red; font-size: 120%; font-weight: bold}

.tipo3    { color: brown; font-size: 120%; font-weight: bold; text-align: center;}




/*   STYLES IMAGES  **********************************************************************  */

.imgleft    { float: left; 
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 2px;
	margin-bottom: 2px; 
 }

.imgright    { float: right; 
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px; 
 }


/*   STYLES BLOQUES  **********************************************************************  */


#item-cont {
	background-color: #FFE6F1; 
	padding: 10px;
	margin-bottom: 40px;
	border:1px solid #cccccc;
}

.comprar {
	background-color: #FFFFCC; 
	text-align: center;
	padding: 40px;
	border:1px solid #cccccc;
}


/*   STYLES DESTACADOS  **********************  */

#bloque-logo-0 { 
	width: 95%;
	padding: 10px;
	/*margin-bottom: 40px;  margin-: 150px; margin-left: 150px; margin-top: 50px;*/
	border:1px solid #cccccc;
	border-bottom:10px solid #cccccc;
	/*background-image: url("../images/pack-logo-personal.jpg"); background-position: top right; background-repeat: no-repeat; */

}

#bloque-logo-1 { 
	width: 95%;
	padding: 10px;
	margin-bottom: 40px;
	border:1px solid #cccccc;
	border-bottom:10px solid #cccccc;
	/*background-image: url("../images/pack-logo-personal.jpg"); background-position: top right; background-repeat: no-repeat; */

}
#bloque-logo-2 {
	width: 95%;
	padding: 10px;
	margin-bottom: 40px;
	border:1px solid #cccccc;
	border-bottom:10px solid #cccccc;
}
#bloque-logo-3 {
	width: 95%;
	padding: 10px;
	margin-bottom: 40px;
	border:1px solid #cccccc; 
	border-bottom:10px solid #cccccc;
}

#bloque-logo-portafolio {
	width: 95%;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 40px;
	border-top:1px solid #cccccc;
	display: block;
}

#bloque-web-portafolio {
	width: 95%; height: 290px;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 20px;
	border-top:1px solid #cccccc;
	display: block;
}

#bloque-imagen-portafolio {
	width: 95%; height: 390px; 
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:1px solid #cccccc;
	margin-top: 25px;
	display: block;
}
.bloque-imagen-img { 	
	float: left;
	padding: 5px;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
}



/*__________________________________________________LINKS AMIGOS________________________________________________________*/

#bloque-links-amigos {
	padding: 5px;
	/*border-top:px solid #cccccc;*/
	display: block; 
	background: #CCC; 
	font-size: 11px; color: #999999;
}

#bloque-links-amigos a:link { 
	color: #999999;  }
	
#bloque-links-amigos a:visited { 
	color: #999999;  }

#bloque-links-amigos a:active  { 
	color: #999999; 
	}
#bloque-links-amigos a:hover 	{ 
	color: #777777; 
	}
	
/*__________________________________________________ FIN LINKS AMIGOS________________________________________________________*/


	
.bloque-logo-img { 	
	float: left;
	padding: 5px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
}

.bloque-testimonios {
	padding: 10px;
	border:1px solid #cccccc;
	background-image: url("../icon/comilla.gif"); background-position: bottom right; background-repeat: no-repeat;
}

.bloque-terminos {
	padding: 20px;
	border:0px;
	background-color: #FFFFCC;
}

/*__________________________________________________ALIANZAS________________________________________________________*/

.partner {
	padding: 20 130 20 20px;
	border:1px solid #cccccc;
	background-image: url("../images/img-partner.jpg"); background-position: top right; background-repeat: no-repeat;
}

.distribuidor {
	padding: 20 130 20 20px;
	border:1px solid #cccccc;
	background-image: url("../images/img-distribuidor.jpg"); background-position: top right; background-repeat: no-repeat;
}

.afiliado {
	padding: 20 130 20 20px; 
	border:1px solid #cccccc;
	background-image: url("../images/img-afiliado.jpg"); background-position: top right; background-repeat: no-repeat;
}

/*__________________________________________________ FIN  ALIANZAS________________________________________________________*/


/* texto destacado CENTRADO CON LETRA GRANDE Y LINEAS ARRIBA Y ABAJO...  */
.destacado-center-lineas {
	text-align: center;
	font-size: 150%; color: #363636; font-weight: normal; line-height: 1.3em;   
	padding: 10px;
	margin: 50px;
	border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; 
}

/* texto destacado VER PORTAFOLIOS MUESTRAS...  */
.vermuestras {
	text-align: center;
	font-size: 150%; color: #363636; font-weight: normal; line-height: 1.3em;   
	padding: 10px;
	margin: 50px;
	border-top:1px solid blue; border-bottom:1px solid blue; 
}

/* texto destacado PEDIR PRESUPUESTO...  */
.pidapresupuesto {
	text-align: center;
	font-size: 100%; color: #363636; font-weight: bold;
	padding: 10px;
	margin: 50px;
	border:1px solid orange; background: #FFEC8B;
}

/* texto destacado VER PLANES...  */
.verplanes {
	text-align: center;
	font-size: 100%; color: #363636; font-weight: bold;
	/*background-image: url("../images/bg-destacado1-slogan.jpg"); background-position: top right; background-repeat: no-repeat;*/
	padding: 10px;
	margin: 50px;
	border:1px solid #cccccc;
}

.bloque-banners-lat-izq {
	padding: 20px;
	border-left:0px solid #cccccc;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:0px;
	background-image: url("../images/bg-ban-lat-izq.jpg"); background-position: top; background-repeat: repeat-x;
}

/* boton comprar logotipo */

.textocomprar {
	text-align: center;
	font-size: 130%; font-weight: bold;
	background-color: #ffffff; 
	padding: 5px;
	margin-top: 35px;
	margin-left: 100px;
	margin-right: 100px;
	margin-bottom: 45px;
	border:1px solid #aaccff;
}

/* texto destacado MISION  */
.destacado1 {
	text-align: left;
	font-size: 100%; color: #363636;
	background-image: url("../images/bg-destacado1-slogan.jpg"); background-position: top right; background-repeat: no-repeat;
	padding: 15px;
	padding-right: 200px;
	margin-top: 30px;
	margin-bottom: 30px;
	border:1px solid #ccccff;
}


/* texto destacado verde y borde celeste */
.destacado2 {
	text-align: center;
	font-size: 120%; color: green;
	background-color: #ffffff; 
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
	border:1px solid #aaccff;
}

/* texto destacado de form de orden de logos */
.destacado3 {
	text-align: center;
	font-size: 120%; color: blue;  font-weight: bold;
	background-color: #efefef; 
	padding: 5px;
	border:1px solid #aaccff;
}