/* INDEX COTEL TELECOMUNICACNIONES  2009 */
/* CORPORATIVOS COTEL TELECOMUNICACNIONES GSI    

INDICE:
1 body 
2 wrapper 
3 header 
4 logo 
5 menu 
6 page 
7 content 
8 cotenedor
9 sidebar 
10 leftbar 
11 footer 
   
*/

body { 
	margin: 0;
	padding: 0;
	/*background:#000000 url(images/fondofondo2.gif) repeat-y;*/
	background:#ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A4E4F5;
	
}

input, textarea {
	background: #A4E4F5;
	/*border: 1px solid #FFFFFF;*/
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #0F5B96;
}

h1, h2, h3, p, ol, ul {
	margin-top: 0;
	
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2 {
	text-transform: lowercase;
	font-weight: normal;
}

h1 {
	letter-spacing: -2px;
	font-size: 2.4em;
}

h2 {
	letter-spacing: -1px;
	font-size: 1.8em;

}

p, ol, ul {
	margin-bottom: 1.5em;
	line-height: 150%;
	
}



a {
	color: #A4E4F5;
}

a:hover {
	text-decoration: none;
	letter-spacing :1px; /*aqui*/
	color: #FFFFFF;
}

img.left {
	float: right; /*aqui*/
	margin: 4px 20px 0 0;
}

img.right {
	float: left;
	margin: 4px 0 0 20px;
}

hr {
	display: none;
}

/*------------------------------------------------------------------------------------------------------------*/
/** contenido total**/

#wrapper {
	text-align: left;
	margin: auto;
	width: 900px;
  	position: static;
  	/*background: url(images/body_bg.gif) repeat-y;*/
}

/* Header Encabezado presentacion del Portal WEB */

#header {
	
	position:absolute;
	top:0;
	left:52px;
	background:url(images/encabezado.jpg) no-repeat center top;
	width:900px;
	height: 150px;
	text-transform: capitalizee;
	
}




#logo {
	float: none; /*aqui*/
}

#logo h1, #logo p {
	float: left;
	margin: 0;
	line-height: normal;
	size:20px;
}

#logo h3 {
	float: left;
	margin: 0;
	line-height: normal;
	size:15px;
}



#logo h1 {
	padding:47px 0 0 20px;
	font-size: 3em;
	color: #62D6F5;
}

#logo p {
	padding: 69px 0 0 7px;
	letter-spacing: -1px;
	font-size: 1.4em;
	color: #199DD2;
}

#logo a {
	text-decoration: none;
	color: #62D6F5;
}

#menu {
	position:absolute;
	top:89px;
	left:45px;
	float:left;
}

#menu ul {
	margin: 0;
	padding: 30px 20px 0 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	width: 120px;
	height: 56px;
	margin: 0 0 0 0px;
	padding: 3px 0 0 8px;
	background: url(images/img03.gif) no-repeat;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000033;
}

#menu a:hover, #menu .current_page_item a {
	background: url(images/img04.gif) no-repeat;
	letter-spacing:1px;
	color:#FFffff;
}

#listaul ul li {
	list-style-image:url(images/arrow7a.jpg) no-repeat;
	margin: 0;
	padding: 0;
	
	font-size:18px;
  

}

#lista ol li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	display:list-item;
	font-size:17px;
    list-style-type:circle;
}





/*------------------------------------------------------------------------------------------------------------*/

/* Page */

#page {
	position: relative;
	background:#ffffff;
	background-image:url(images/bg_flash.jpg);
	width: 900px;
	height:auto;
	margin: 0;
}

/*-------------------------------------------------------------------------------------------------------------*/
/* Content */

#content {
	
/*	background-image:url(images/linea 800.jpg); 	REVISAR */
	position:absolute;	
	top:160px;
	left:295px;
	width: 650px;
	padding: 0 0 0 0px;
	background-color:#ffffff;

}


#contenedor{
	/*background-image: url(images/edificio_cotel.jpg);*/
	background-repeat:no-repeat;
	float: none;   /*aqui*/
	text-transform: inherit;
	background-color:#f9f9f9;
	padding:10px 10px 10px 10px;
	
}

#contenedor h1, #contenedor p {
	float: none;
	margin: 0;
	line-height:  normal;
	text-transform: inherit;

}

#contenedor h3 {
	float: none;
	padding: 10px 0 0 10px;
	margin: 0;
	line-height: normal;
	font-size:15px;
	color:#FF9933;
	text-align:center;
	text-transform: inherit;
}

#contenedor h2 {
	float: none;
	margin: 0;
	padding: 10px 0 0 10px;
	line-height: inherit;
	font-size:13px;
	color:#000000;
	text-align:center;
	font-weight: bold;
	text-transform: inherit;
	
}

#contenedor h1 {

	padding:10px 0 0 10px;
	font-size: 25px;
	font-weight: bold;
	color: #000066;
	text-transform: none;
	
}

#contenedor p {

	float: none;
	margin: 0;
	line-height: normal;
	/*text-align:center;*/
	padding: 10px 0 0 10px;
	/*letter-spacing: -1px;*/
	font-size: 18px;
	text-align:justify;
	font-style: oblique;
	color: #000000;



}

#contenedor a {
	text-decoration: none;
	color: #62D6F5;
}
/*nevo contenedor*/
#contenedor2{
	background-image: url(images/edificio_cotel.jpg);
	background-repeat:no-repeat;
	background-position: center;
	float: none;   /*aqui*/
	text-transform: inherit;
	background-color:#f9f9f9;
	padding:10px 10px 10px 10px;
	
}

#contenedor2 h1, #contenedor2 p {
	float: none;
	margin: 0;
	line-height:  normal;
	text-transform: inherit;

}

#contenedor2 h3 {
	float: none;
	padding: 10px 0 0 10px;
	margin: 0;
	line-height: normal;
	font-size:15px;
	color:#FF9933;
	text-align:center;
	text-transform: inherit;
}

#contenedor2 h2 {
	float: none;
	margin: 0;
	padding: 10px 0 0 10px;
	line-height: inherit;
	font-size:13px;
	color:#000000;
	text-align:center;
	font-weight: bold;
	text-transform: inherit;
	
}

#contenedor2 h1 {

	padding:10px 0 0 10px;
	font-size: 25px;
	font-weight: bold;
	color: #000066;
	text-transform: none;
	
}

#contenedor2 p {

	float: none;
	margin: 0;
	line-height: normal;
	/*text-align:center;*/
	padding: 10px 0 0 10px;
	/*letter-spacing: -1px;*/
	font-size: 18px;
	text-align:justify;
	font-style: oblique;
	color: #000000;



}

#contenedor2 a {
	text-decoration: none;
	color: #62D6F5;
}





/*--------imagenes de los diferentes servicios en el contenedor*/
/*codigo 16*/
#corp-img16 {
  background: url(images/img cotel_corp/16.gif) no-repeat;
  width: 350px;
  height: 67px;
  float: right;
  margin-right: 18px;
  margin-top:0px;
  text-align: center;
  padding-top: 0px;
  font-size: 15px;
  font-weight: bold;
  color:#FF9900;
}

/*puntos cotel*/
#corp-imgpuntocotel {
  background: url(images/img cotel_corp/puntocotel.gif) no-repeat;
  width: 300px;
  height: 66px;
  float: right;
  margin-right: 18px;
  margin-top:0px;
  text-align: center;
  padding-top: 0px;
  font-size: 15px;
  font-weight: bold;
  color:#FF9900;
}

/*minicabinas*/
#corp-imgminicabinas {
  background: url(images/img cotel_corp/minicabinas.gif) no-repeat;
  width: 350px;
  height: 66px;
  float: right;
  margin-right: 18px;
  margin-top:0px;
  text-align: center;
  padding-top: 0px;
  font-size: 15px;
  font-weight: bold;
  color:#FF9900;
}

/*internet*/
#corp-imginternet {
  background: url(images/img cotel_corp/internet.gif) no-repeat;
  width: 350px;
  height: 70px;
  float: right;
  margin-right: 18px;
  margin-top:0px;
  text-align: center;
  padding-top: 0px;
  font-size: 15px;
  font-weight: bold;
  color:#FF9900;
}

/* e1pri */
#corp-imge1pri {
  background: url(images/img cotel_corp/e1pri.gif) no-repeat;
  width: 350px;
  height: 70px;
  float: right;
  margin-right: 18px;
  margin-top:0px;
  text-align: center;
  padding-top: 0px;
  font-size: 15px;
  font-weight: bold;
  color:#FF9900;
}

/* fonet */
#corp-imgfonet {
  background: url(images/img cotel_corp/fonet.gif) no-repeat;
  width: 350px;
  height: 75px;
  float: right;
  margin-right: 10px;
  margin-top:0px;
  text-align: center;
  padding-top: 0px;
  font-size: 15px;
  font-weight: bold;
  color:#FF9900;
}

/* linea800*/
#corp-imglinea800 {
  background: url(images/img cotel_corp/linea800.gif) no-repeat;
  width: 350px;
  height: 75px;
  float: right;
  margin-right: 10px;
  margin-top:0px;
  text-align: center;
  padding-top: 0px;
  font-size: 15px;
  font-weight: bold;
  color:#FF9900;
}

/*------------------------------------------------------------------------------------------------------------*/
/* Sidebars */

.sidebar {
	position: static;
	top:auto;
	width:auto;


}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.sidebar li {
}

.sidebar li ul {
}

.sidebar li li {
	padding: 6px 0 6px 10px;
	background: url(images/img08.gif) no-repeat 0 12px;
	border-bottom: 1px solid #2872A6;
}

.sidebar li li a {
	text-decoration: none;
	color: #C9ECF5;
}

.sidebar li li a:hover {
	color: #FFFFFF;
}

.sidebar li h2 {
	padding: 20px 0 0 20px;
	color: #FFFFFF;
	text-transform:uppercase;
}


/*------------------------------------------------------------------------------------------------------------*/
/* Left + Sidebar */

#leftbar {

	position:absolute;
	top:130px;
	left:55px;
	width:220px;
	padding: 0 0 0 0px;
:
}


/*imagen atencion al cliente online */
#atemenu {
	position:absolute;
	top:295px;
	left:5px;
	float:left;
}

#atemenu a {
	position:absolute;
	
	width: 200px;
	height: 20px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	background:url(images/at_cliente.gif) no-repeat;
	text-decoration: none;
	text-align: center;

	}

#atemenu a:hover, #atemenu .current_page_item a {
	background: url(images/at_cliente2.gif) no-repeat;
	
}


/*imagen programacion cotel tv */
#progcoteltvmenu {
	position:absolute;
	top:320px;
	left:5px;
	float:left;
}

#progcoteltvmenu a {
	position:absolute;
	
	width: 200px;
	height: 20px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	background:url(images/prog_coteltv.gif) no-repeat;
	text-decoration: none;
	text-align: center;

	}

#progcoteltvmenu a:hover, #progcoteltvmenu .current_page_item a {
	background: url(images/prog_coteltv2.gif) no-repeat;
	
}


/*imagen certificado de aportes*/
#cer_aportmenu {
	position:absolute;
	top:345px;
	left:5px;
	float:left;
}

#cer_aportmenu a {
	position:absolute;
	
	width: 200px;
	height: 20px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	background:url(images/cert_aportacion.gif) no-repeat;
	text-decoration: none;
	text-align: center;

	}

#cer_aportmenu a:hover, #cer_aportmenu .current_page_item a {
	background: url(images/cert_aportacion2.gif) no-repeat;
	
}


/*imagen campaņas de cotel*/
#campaņasmenu {
	position:absolute;
	top:370px;
	left:5px;
	float:left;
}

#campaņasmenu a {
	position:absolute;
	width: 200px;
	height: 20px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	background:url(images/campaņas.gif) no-repeat;
	text-decoration: none;
	text-align: center;

	}

#campaņasmenu a:hover, #campaņasmenu .current_page_item a {
	background: url(images/campaņas2.gif) no-repeat;
	
}







/*---------------------------------------------------revisar menu----------------------------------------------------*/
/* Right Sidebar */

#rightbar {

	position:absolute;
	top:165px;
	left:850px;
	width:85px;
	padding: 0 0 0 0px;


}

/*imagen ventas online */
#rimenu {
	position:absolute;
	top:0px;
	left:15px;
	float:left;
}

#rimenu a {
	position:absolute;
	
	width: 78px;
	height: 203px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	background:url(images/right_ventas1.jpg) no-repeat;
	text-decoration: none;
	text-align: center;

	font-size: 1.2em;
	font-weight: bold;
	color: #000033;
}

#rimenu a:hover, #rimenu .current_page_item a {
	background: url(images/right_ventas2.jpg) no-repeat;
	
}

/*imagen de televisor */
#ri2menu {
	position:absolute;
	top:206px;
	left:15px;
	float:left;
}


#ri2menu a {
	position:absolute;
	
	width: 78px;
	height: 203px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	background:url(images/right_televisor1.jpg) no-repeat;
	text-decoration: none;
	text-align: center;

	font-size: 1.2em;
	font-weight: bold;
	color: #000033;
}

#ri2menu a:hover, #ri2menu .current_page_item a {
	background: url(images/right_televisor2.jpg) no-repeat;
	
}

/*    -------------------------------------- menu left imagenes menores --------------------- --------  */


#leftmenu {
	position:absolute;
	top:250px;
	left:5px;
	width:200px;
	
	float:left;
}

#leftmenu ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#leftmenu li {
/*	display: inline;*/
	 display:list-item; 
}

#leftmenu a {
	float: left;
	width: 200px;
	height: 20px;
	margin: 3px 0 0 0;
	padding: 4px 0 0 0;
	background: url(images/fondomenu.gif) no-repeat;
	text-decoration: none;
	text-align: left;
	text-indent:20px;
	
	letter-spacing: -0.2px;
	font-size: 12px;
	font-weight: bold;
	color:  #006699;
}

#leftmenu a:hover, #leftmenu .current_page_item a {
	background: url(images/fondomenu2.gif) no-repeat;
	letter-spacing:1px;
	color:#FFffff;
}



/*    --------------------------------------prueba de imagenes mayores menu left 2 --------------------- --------  */


#left2menu {
	position:absolute;
	top:438px;
	left:0px;
	width:200px;
	float:left;
}

#left2menu ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#left2menu li {
/*	display: inline;*/
	 display:list-item; 
}

#left2menu a {
	float: left;
	width: 215px;
	height: 43px;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	background: url(images/fondo_menu_big1.gif) no-repeat;
	text-decoration: none;
	text-align: left;
	text-indent:45px;
	letter-spacing: -0.2px;
	font-size: 12px;
	font-weight: bold;
	color: #003169;
}

#left2menu a:hover, #left2menu .current_page_item a {
	background: url(images/fondo_menu_big2.gif) no-repeat;
	letter-spacing:1px;
	color:#FFffff;
	text-decoration: underline;
} 


/*    -------------------------------------- menu left imagenes leftsubmenu --------------------- --------  */


#leftsubmenu {
	position:absolute;
	top:40px;
	left:0px;
	width:215px;
	
	float:left;
}

#leftsubmenu ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#leftsubmenu li {
/*	display: inline;*/
	 display:list-item; 
}

#leftsubmenu a {
	float: left;
	width: 215px;
	height: 22px;
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	background: url(images/btn_servicios.jpg) no-repeat;
	text-decoration: none;
	text-align: left;
	text-indent:20px;
	letter-spacing: -0.2px;
	font-size: 12px;
	font-weight: bold;
	color: #003169;
}

#leftsubmenu a:hover, #leftsubmenu .current_page_item a {
	background: url(images/btn_servicios2.jpg) no-repeat;
	letter-spacing:1px;
	color:#FFffff;
}



/*    -------------------------------------- menu left imagenes leftsubmenu 2 --------------------- --------  */


#leftsubmenu2 {
	position:absolute;
	top:400px;
	left:0px;
	width:215px;
	
	float:left;
}

#leftsubmenu2 ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#leftsubmenu2 li {
/*	display: inline;*/
	 display:list-item; 
}

#leftsubmenu2 a {
	float: left;
	width: 215px;
	height: 22px;
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	background: url(images/btn_consultaslinea1.jpg) no-repeat;
	text-decoration: none;
	text-align: left;
	text-indent:20px;
	letter-spacing: -0.2px;
	font-size: 12px;
	font-weight: bold;
	color: #003169;
}

#leftsubmenu2 a:hover, #leftsubmenu2 .current_page_item a {
	background: url(images/btn_consultaslinea2.jpg) no-repeat;
	letter-spacing:1px;
	color:#FFffff;
}




/*------------------------------------------------------------------------------------------------------------*/
/* Footer */

#footer {
	position:absolute;
	top:925px;
	width:900px;
	height:5px;
	clear: both;
	padding: 14px 0;
	background: #083253;

}

#footer p {
	text-align: center;
	font-size: smaller;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}
