@charset "UTF-8";
/* CSS Document */
/* Indice estilos navegacion

tags comunes
sobrecabecera
contenedor
avisonavegadores
urgente
publicidad
lineahorizontal
pie
*/

html, p, img, h1, ul, li, dt, dd, blockquote, cite, form, fieldset, table {margin:0; padding:0; border:0}
body {
	background-color: #FFF;
	color:#333;
	margin:0 auto; 
	padding:0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
	font-smooth: always; 
	text-rendering: optimizeLegibility;}
a {
	outline: none;
	/*-webkit-transition: all 0.25s; 
	-moz-transition: all 0.25s; 
	-o-transition: all 0.25s; 
	transition: all 0.25s; */}
a:hover { color: #1f2329; }
a:link, a:visited {
	text-decoration: none;
	outline: none}
a:active {
	text-decoration: none;
	outline: none;}
a:hover {
	text-decoration: none;}
img {
	width:auto;
	height:auto;
	overflow:hidden;}
a img {
	opacity: 1.0;}
.imgsin:hover {
	border:none;}
input {
	/*padding:3px 2px 3px 2px;*/
	height: 22px;
	background: #FFF;
	border: 1px solid #C0C0C0;
	margin: 0;
	vertical-align: top;
	margin-right: 10px;
}
input:hover , input:active{
    color: #000;
	background: #fff;}
submit input {
	color: #000;
	background: #f0f0f0;
	border: 1px outset #ffffff}
	
#edit-submit {
	padding: 3px 2px 3px 2px;
	height: 30px;
	width: 130px;
	color: #000;
	background: #D8D8D8;
	border: 1px solid #C0C0C0;
	margin: 0;
	vertical-align: top;
	margin-right: 10px;
	text-align: center;
}
#edit-submit:hover{	background: #e8e8e8;}

#edit-preview{
	padding: 3px 2px 3px 2px;
	height: 30px;
	width: 130px;
	color: #000;
	background: #D8D8D8;
	border: 1px solid #C0C0C0;
	margin: 0;
	vertical-align: top;
	margin-right: 10px;
	text-align: center;

}

#edit-preview:hover{ background: #e8e8e8;}

select {
	border: 1px solid #999;
	border-radius: 0;
	background: #fff; 
	height:21px;
	color:#333;
	padding:2px;}

/* contenedor-div */
#contenedor-div {
    position:relative;
	width: 1024px; 
	margin:0 auto; 
	padding: 0 5px 30px 5px;
	text-align:left;
	overflow: hidden;}

/* trendin topics */
#topics {
  position:relative;
  margin: 0; 
  padding:0;
  height:35px;
  width: 995px;
  background-color:#ccc;}
#topics ul{ 
	position: fixed;
	width: 995px;
	padding:6px 0 0 0;
	margin:0 auto;
	text-align:center;
	height:35px;
	background:#fff url(../images/ico_punto.png) repeat-x 100% 100%;
	z-index:3;
	border-top:4px solid #CCC;
	border-bottom:2px solid #CCC;}
#topics li{ 
    display: inline-block;
	padding:8px 3px 9px 5px;
    list-style-type:none;}
#topics li span{ 
	padding:5px 1px 4px 0;
	font-size:12px;
	color:#000;
	text-transform:uppercase;}
#topics li a{ 
    font-size:12px;
	font-weight:bold;
	color:#00517B;
	padding:2px 10px 0 2px;
	display:block;
	border-right:1px solid #CCC;}
#topics li a:hover{ 
	color:#333;}
	
/* sobrecabecera */
#sobrecabecera { 
	position:relative;
	width:1024px;
	height:35px;
	margin:1px 0 0 0;
	padding:3px 0 2px 0;
	float:left;
	background:#fff url(../images/fondo_menu.png) no-repeat;}
#sobrecabecera ul{ 
	padding:0 0 0 70px;}
#sobrecabecera li{ 
    float:left;
	padding:6px 7px 2px 10px;
    list-style-type:none;
	border-bottom:4px solid transparent;}
@media (max-width:700px)
{	
	#sobrecabecera li{ 
		float:left;
		padding:6px 2px 8px 6px;
		list-style-type:none;
		border-bottom:4px solid transparent;
		
		}
}
#sobrecabecera li a{ 
    font-size:11px;
	text-transform:uppercase;
	color:#eee;
	width:100%;}
#sobrecabecera li:hover{ 
    border-bottom:3px solid #00517B;
	color:#aaa;}
#sobrecabecera .busqueda{ 
    float:right;
	display:block;
	width:218px;}
#sobrecabecera .busqueda li{ 
	margin:0;
	padding:5px 10px 0 0;
	border-bottom:none;}
#sobrecabecera .busqueda li:hover{ 
    border-bottom:none;}
#sobrecabecera li:hover a{ 
	color:#aaa;}
#sobrecabecera li a:hover{ 
	color:#aaa;
	border:none;}

#sobrecabecera .menu-inter:hover{
    border-bottom:4px solid #0051AB;
}
#sobrecabecera .menu-puntopelota:hover{
    border-bottom:4px solid #80474f;
}
#sobrecabecera .menu-negocios:hover{
    border-bottom:4px solid #F49C2E;
}
#sobrecabecera .menu-esplendido:hover{
    border-bottom:4px solid #000;
}

	
/* busqueda en interconomia*/
input.buscarinter {
	width:170px;
	height:19px;
	padding:3px 2px 3px 5px;
	margin:0 2px 0 0;
	color: #999;
	background: #333;
	border:1px solid #666;
	vertical-align:top;}
input.buscarinter:hover , input.buscarinter:active{
    color: #000;
	background: #fff;
	border:1px solid #fff;}
.botonbuscarinter, .botonbuscarinter:visited {
	vertical-align:top;
	background: #666 url(../images/iconostodos.png) no-repeat;
	background-position:-15px -287px;
	width:25px;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	height:25px;
	padding:0;
	margin:0 0 0 2px;
	overflow:hidden;
	border:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;}
.botonbuscarinter:hover, .botonbuscarinter:active {
	background: #333 url(../images/iconostodos.png) no-repeat;
	background-position:-15px -287px;
	border:0;
	color:#000000;}
	
/* cabecera ----------------------------------------------- */
#cabecera { 
	position:relative;
	width:100%;
	float:left;
	padding:5px 0 0 0;
	margin:0;}
#cabecera ul {
	margin:5px 0 0 0;
	clear:both;}
#cabecera li {
	list-style-type:none;
	float:left;}
#cabecera li.siguenos a {
	transition: none;
 	-webkit-transition: none;
 	-moz-transition: none;}
#cabecera li.siguenos a:hover {
	transition: none;
 	-webkit-transition: none;
 	-moz-transition: none;}
	
/* acceso usuarios */	
#cabecera ul.acceso {
	color:#666;
	font-size:11px;
	padding:0 2px 0 0;
	margin:2px 0 1px 0;
	text-align:right;
	float:right;}
#cabecera ul.acceso a{
	color:#666;
	font-size:11px;
	padding:0 4px 0 4px;}
#cabecera ul.acceso a:hover{
	border:none;
	color:#000000;}
#cabecera ul.acceso a span{
	font-weight:bold;}
	
/* avisonavegadores */
#avisonavegadores {
	position:relative;
	width:985px;
	padding: 5px 5px 5px 5px;
	margin:15px 0 0 0;
	text-align:left;
	clear:both;
	float:left;
	border-bottom:5px solid #CC0000;
	border-top:1px dotted #CC0000;
	border-left:1px dotted #CC0000;
	border-right:1px dotted #CC0000}
#avisonavegadores li{
	display:inline;
	padding:5px;}
#avisonavegadores li a{
	border:0}
#avisonavegadores ul.texto{
	width:400px;
	float:left;}
#avisonavegadores ul.botones{
	float:left;}
#avisonavegadores span.aviso {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 20px 0 0;
	color:#CC0000}
#avisonavegadores span.mensaje {
	font-size:12px;
	color:#000}
#avisonavegadores span.instrucciones {
	font-size:12px;
	color:#333}
#avisonavegadores span.telefono {
	font-size:12px;
	color:#333;
	font-weight:bold;}

/* urgente */
#urgente {
	position:relative;
	width:985px;
	padding: 0 5px 5px 5px;
	margin:0 0 10px 0;
	text-align:left;
	clear:both;
	border-bottom:5px solid #CC0000;
	border-top:1px dotted #CC0000;
	border-left:1px dotted #CC0000;
	border-right:1px dotted #CC0000}
#urgente span.textourgente {
	font-size:11px;
	font-weight:bold;
	padding:0 20px 0 0;
	color:#CC0000;
	background:url(../images/flechas.gif) no-repeat 100% 50%}
#urgente span.titular {
	font-size:12px;
	color:#333}
	
/* publicidad ----------------------------------------------- */

/* publicidad cabecera */
.publitodapagina {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:center;
	height:90px;
	clear:both;}
.publitodapagina img{
	width:100%;
	margin:0 auto;
	display:block;}
.publitodapagina a img:hover{
	border:none;}
	
	
/* publicidad sobrenoticia */
.publisobrenoticia {
	width:100%;
	position:relative;
	border-left:10px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	margin:5px 0 5px 0;
	padding:5px 0 5px 0;
	float:left;}
.publisobrenoticia p{
	width:500px;
	float:left;}
.publisobrenoticia a{
	font-size:12px;
	font-weight: normal;
	color: #005389;
	font-weight:bold;
	text-decoration: none;
	padding:6px 5px 6px 15px;}
.publisobrenoticia a:hover{
	border:none;
	color:#000000;}
.publisobrenoticia span{
	width:100px;
	font-size:9px;
	font-weight: normal;
	color: #999999;
	padding-right:20px;
	padding-top:5px;
	text-decoration: none;
	text-align:right;
	float:right;}

/* publi pagina*/
.publipagina {
	width:100%;
	position:relative;
	float:left;
	clear:both;
	margin:0;
	padding:0;}
.publipagina p{
	margin:0;
	padding:0;}
.publipagina span{
	font-size:9px;
	font-weight: normal;
	color: #999999;
	padding: 0 10px 2px 2px;
	margin:0}
.publipagina a img:hover{
	border:none;}
		
/* publi lateral*/
.publilateral {
	position:relative;
	clear:both;}
.publilateral p{
	font-size:9px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	padding: 10px 10px 2px 2px;
	text-align:leftt;
	margin:0}
.publilateral a img:hover{
	border:none;}
	
/* publi integrada*/
.publintegrada {
	width:300px;
	clear:both;
	margin:10px 0 0 0;}
.publintegrada span{
	font-size:9px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	padding: 2px 10px 2px 2px;
	text-align:right;
	margin:0}
.publintegrada a img:hover{
	border:none;}
	
/* linea horizontal */
.lineahorizontal {
	clear:both;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #CCCCCC;}
	
	
/* comentario */
.comentario {
	font-size:10px;
	padding:5px 0 0 0;
	margin:0;
	color:#666;
	text-transform:uppercase;}
.comentario:hover{
	color: #333;
	border:none;}
.comentario span{
	background: url(../images/iconostodos.png) -18px -151px; 
	text-decoration: none;
	width:28px;
	height:23px;
	display:inline-block;
	font-size:10px;
	color: #333;
	padding:0;
	margin:0 2px 0 0;
	text-align:center;
	vertical-align:top;
	overflow:hidden;}
.comentario span:hover{
	background: url(../images/iconostodos.png) -18px -183px; 
	text-decoration: none;
	width:28px;
	height:23px;
	display:inline-block;
	font-size:10px;
	color: #000;
	padding:0;
	margin:0 2px 0 0;
	text-align:center;
	vertical-align:top;
	border:none;
	overflow:hidden;}
	
/* comentar */
.comentar{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#999;
	font-size:11px}
.comentar:hover{
	color: #333;
	border:none;}

/* imprimir */

.imprimir span, .imprimir span {
	display:none;}
.imprimir {
	background: url(../images/ico_imprimir.png) no-repeat 0% 0%; 
	text-decoration: none;
	padding:3px 0 0 0;
	cursor: pointer;
	width:24px;
	height:24px;
	display:inline-block;
	overflow:hidden;
	margin:0 10px 0 0;}
.imprimir:hover{
	background: url(../images/ico_imprimir2.png) no-repeat 0% 0%; 
	border:none;}

/* enviar */

.enviar span, .enviar span {
	display:none;}
.enviar {
	background: url(../images/ico_enviar.png) no-repeat 0% 0%; 
	text-decoration: none;
	padding:3px 0 0 0;
	cursor: pointer;
	width:24px;
	height:24px;
	display:inline-block;
	overflow:hidden;
	margin:0 10px 0 0;}
.enviar:hover{
	background: url(../images/ico_enviar2.png) no-repeat 0% 0%; 
	border:none;}
	
	
/* botonmas */
.botonmas, .botonmas:visited { 
	background: url(../images/iconostodos.png) -20px -227px;
	margin:5px 0 2px 0;  
	padding: 2px 0 2px 20px; 
	text-decoration: none; 
	cursor: pointer; 
	font-size: 9px; 
	color: #333;}
.botonmas:hover	{
	background: url(../images/iconostodos.png) -20px -258px; 
	color: #000; 
	text-decoration: none; 
	border:none}
.botonmas:active { 
	color: #000; 
	text-decoration: none; 
	border:none}
	
	
/* paginacion */
#paginacion {
	position:relative;
	color:#ccc;
	margin:0 0 10px 0;
	padding:10px 0 40px 10px;
	display:block;
	float:right;
	width:100%;
	border-top:1px dotted #CCC;}
#paginacion ul {
	margin:0;
	padding:0;}
#paginacion li {
	list-style-type:none;
	display:inline;
	font-size:10px;
	margin:0;
	padding:0;
	text-transform:uppercase;}
#paginacion span a{
	color:#999;
	font-size:12px;
	margin:5px;
	padding:4px 8px 4px 8px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:none;
	text-decoration:none;
	background-color:#ededed;}
#paginacion span a:hover{
	color:#fff;
	border:none;
	text-decoration:none;
	background-color:#9ac3cb;}
#paginacion span a.seleccionada{
	color:#fff;
	border:none;
	text-decoration:none;
	background-color:#00517B;}	


/* comunes carrusel */
.clearfix {
	float: none;
	clear: both;}
.prev {
	float: left;
	margin-left: 60px;}
.next {
	float: right;
	margin-right: 60px;}
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;}
.pagination {
	text-align: left;
	padding:0 10px 0 150px;
	margin-top:-25px;}
.pagination a {
	background: url(../images/iconosgaceta.png) -170px -297px no-repeat transparent;
	width: 14px;
	height: 25px;
	margin: 0 5px 0 0;
	display: inline-block;
	border:none;
	transition: none;
 	-webkit-transition: none;
 	-moz-transition: none;}
.pagination a.selected {
	background-position: -151px -297px;
	cursor: default;
	border:none;}
.pagination a:hover {
	border:none;
	transition: none;
 	-webkit-transition: none;
 	-moz-transition: none;}
.pagination a span {
	display: none;}


		
	
/* pie */
#pie { 
	width: 100%;
	min-width:995px;  
	margin:0 auto; 
	text-align:left;
	float:left;
	background-color:#FFF;
	padding:0;
	font-weight:normal;
	font-style:normal;}
#pie ul {
	border-top:1px solid #e3e3e3;
	padding:5px 0 0 0;
	margin:20px 0 30px 0;}
#pie li {
	padding:0 0 20px 0;}
#pie li {
	list-style-type:none;}
#pie dl {
	float:left;
	width:210px;
	margin:0;
	padding:0 0 10px 10px;
	border-left:1px solid #e3e3e3;}
#pie dd {
	padding:1px 0 1px 0;}
#pie .logo {
	padding:10px 0 0 5px;
	width:100px;
	margin:0;
	border:none;}
#pie .portales a{
	font-size:10px;
	color:#666;}
#pie .portales a:hover{
	color:#333;}
#pie .rss{
	background: url(../images/iconos.png) -255px -14px no-repeat;
	padding:0 20px 0 0;}
#pie .portales a:hover{
	color:#333;}
#pie .grupo a{
	font-weight:bold;
	font-size:10px;
	color:#00517B;
	text-transform:uppercase;}
#pie .grupo a:hover{
	color:#015466;}
#pie .copyright a{
	color:#00517B;
	padding:0 5px 0 5px;}
#pie .copyright a:hover{
	color:#015466;}
#pie .copyright {
	clear:both;
	font-size:10px;
	color:#666;
	text-align:center;
	padding:20px 40px 0 0;
	background-color:transparent;
	border:none;}



