/*
Theme Name: KM Cero
Theme URI: http://www.kmcero.cl/
Description: KM Cero template
Version: 1.0
Author: Reactor
Author URI: http://reactor.cl/
*/



@charset "UTF-8";
/* CSS Document */


*{
	margin: 0;
	padding: 0;
}

a { outline:none; }

a:link {
	color:#2e8dab;
	text-decoration: none;
}
a:hover {
	color:#FF3300;
	text-decoration: none;
}
a:visited {
	color:#2e8dab;
	text-decoration: none;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color:#666 !important;
/*	font-size:11px;*/
	margin: 0px;
	background-color: #FFFFFF;

}

#box {
	width: 980px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}	
	   
	   
	   /* header
-----------------------------*/

#header-msn {
	height:33px;
	width: 995px;
}

#header-kmcero {
	height:65px;
	width: 972px;
	overflow:hidden;
	background: #000;
}

#km-cero {
	height:52px;
	float:left;
	padding-top: 7px;
	margin-left:15px;
}

#km-cero a {
	text-indent:-9999px;
	display:block;
	width:200px;
	height:52px;
	background:url(i/logo.jpg);
}

#navlist a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 11px;
}

#banner-header {
	height: 79px;
	width: 590px;
	float: left;
	margin-left: 140px;
	margin-top: 4px;
}

#banner-header a {
	text-indent:-9999px;
	display:block;
	height: 79px;
	width: 590px;
	background:url(i/banner-km.png);
}



/* menu-navegacion
-----------------------------*/

#menu {
	margin-left: 203px;
	margin-top: 29px;
	height: 35px;
	float: left;
	position: relative;
	width: 528px;
}

ul#nav { 
	background-image: url(i/menu.jpg);
}
ul#nav li { 
	float:left; 
	list-style-type:none; 
}
ul#nav li a { 
	height:36px; display:block; 
	position:absolute; top:0; 
	text-indent:-9999px; 
	outline:none; 
}

li#navhome a, li#navactualidad a, li#navsociedad a, li#navtecnologia a, li#navtiempo a { background:url(i/menu.jpg); }

li#navhome a 													{ background-position:0 0; width:69px; left:0 }
li#navhome a:hover, li#navhome.current a 						{ background-position:0 -36px }
body#pagehome li#navhome a 										{ background-position:0 -69px }

li#navactualidad a 												{ background-position:-69px 0; width:116px; left:69px }
li#navactualidad a:hover, li#navactualidad.current a			{ background-position:-69px -36px }
body#pageactualidad li#navactualidad a 							{ background-position:-69px -69px }

li#navsociedad a 												{ background-position:-185px 0; width:100px; left:185px }
li#navsociedad a:hover, li#navsociedad.current a 				{ background-position:-185px -36px }
body#pagesociedad li#navsociedad a 								{ background-position:-185px -185px }

li#navtecnologia a 												{ background-position:-285px 0; width:117px; left:285px }
li#navtecnologia a:hover, li#navtecnologia.current a			{ background-position:-285px -36px }
body#pagetecnologia li#navtecnologia a 							{ background-position:-285px -36px }

li#navtiempo a 													{ background-position:-402px 0; width:125px; left:402px }
li#navtiempo a:hover, li#navtiempo.current a					{ background-position:-402px -36px }
body#pagetiempo li#navtiempo a 									{ background-position:-402px -36px }


/* contenido
-----------------------------*/

#contenedor {
	width: 650px;
	float: left;
	margin-left: 5px;
}

/* nueva caja especiales
------------------------------------*/

#especiales { 
	border: 1px solid #ccc;
	margin: 16px 0;
}

.especial {
	width: 304px;
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	margin-right: 10px;
	padding-bottom:10px;
	font-size: 12px;
	line-height: 16px;
}

.especial p{
	color: #666;
}

.especial img {
	border: 1px solid #ccc !important;
	float: left;
	margin-right: 10px;
}

#especiales h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	width: 638px;
	padding-bottom: 10px;
	margin-top: 10px;
	padding-left: 10px;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	color: #3f494e;
	background: url(i/bg-caja.jpg) repeat-x;
}

/* FIN - nueva caja especiales
------------------------------------*/


#video-dest h2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #84a0c0;
	width: 295px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 16px;
	color: #3f494e;
}

#publicidad h2 {
	
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	color: #999;
    text-align:center;
}


#noticias h2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #84a0c0;
	width: 645px;
	padding-bottom: 5px;
	margin-top: 10px;
	padding-left: 5px;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 16px;
	color: #3f494e;
}

#comunidad h2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #84a0c0;
	width: 295px;
	padding-bottom: 5px;
	margin-top: 10px;
	padding-left: 5px;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 16px;
	color: #3f494e;
}

#especiales .especial h3 a {
	color: #2284a7;
	font-size: 12px;
}




/* nuevo destacados de secciones
------------------------------------*/



#caja-seccion{
	border: 1px solid #ccc;
	margin-bottom: 16px;
	padding-bottom: 8px;
}

#caja-seccion h2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	width: 638px;
	padding-bottom: 10px;
	margin-top: 10px;
	padding-left: 10px;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	color: #3f494e;
	background: url(i/bg-caja.jpg) repeat-x;
}

.noticia-principal{
	border-bottom: 1px dotted #ccc;
	margin: 0 6px;
}


.noticia-principal h3 {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #2e8dab;
	line-height:18px;
	margin-top: 12px;
	margin-bottom:15px;
	margin-left: 10px;
}

.reporteado p{
	margin-top: -7px;
	margin-left: 10px;
	color: #666;
}

.reporteado-dest{
	color: #2186a6;
}

.caja-footer{
	clear: right;
	padding: 5px 10px 5px 0;
	font-size: 11px;
	color: #54a0b8;
	background-image: url(i/post-footer.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 10px 0 0 0!important;
	overflow:hidden;
}
.caja-footer a.comenta{
	float: right;
	background: url(i/icon-comments.jpg) left no-repeat;
	height: 16px;
	padding-left: 20px;
}
.caja-footer span{
	background: url(i/icono-tag.png) left no-repeat;
	padding: 1px 0 2px 20px;
}

.noticia-secundaria{
	border-right: 1px dotted #ccc;
	width: 206px;
	float: left;
	margin: 6px 0 0 0;
	padding-bottom: 10px;
}

.noticia-secundaria-2{
	width: 206px;
	float: left;
	margin: 6px 0 0 0;
	padding-bottom: 10px;
}

.noticia-secundaria h3 {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #666 !important;
	line-height: 18px;
	margin-top: 12px;
	margin-bottom:15px;
	margin-left: 10px;
}

.noticia-secundaria-2 h3 {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #666 !important;
	line-height: 18px;
	margin-top: 12px;
	margin-bottom:15px;
	margin-left: 10px;
}



/* FIN - nuevo destacados de secciones
------------------------------------*/



#noticias {
	float: left;
	width: 650px;
}

#noticias .noticia-dest h3 {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	font-size: 21px;
	font-weight: normal;
	color: #2284a7;
	line-height:18px;
	margin-top: 10px;
	margin-bottom:15px;
	margin-left: 5px;
}

#noticias .publicado-por p {
	font-size: 11px !important;
}

#noticias .noticia-dest p {
	font-size: 12px;
	line-height: 18px;
	margin-left: 5px;
	margin-top:0px;
	margin-bottom:5px;
	color: #666666;
}

p.wp-caption-text{
	font-size: 11px !important;
	line-height: 16px !important;
	padding: 3px 6px 0 0;
}

#noticias blockquote{
	width: 260px;
	height: auto;
	background: #d7ebf6;
	border: 1px solid #3398cc;
	float: right;
	margin: 0 0 10px 10px;
	padding: 8px;
	line-height: 17px;
}

#noticias blockquote h4{
	width: 250px;
	height: auto;
	font-size: 13px;
	margin-bottom: 4px;
	color: #3398cc;
}

.publicado-por{
	margin-top: -7px;	
}

.publicado-por-dest {
	font-weight: bold;
	color: #2186a6;
}

.noticia-dest {
	padding-bottom: 5px;
	border-bottom: 1px dotted #83a8cc;
	margin-bottom: 15px;
}/*
.more-link,
.seguir-leyendo {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #228cf5;
	font-weight: bold;
	text-align:right;
	margin-left:535px;
	font-size:11px;

}*/
.seguir-leyendo {
	width: 100px;
	margin-left: 550px;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #228cf5;
	font-weight: bold;
}


/* sidebar
-----------------------------*/


#sidebar {
	float: left;
	width: 300px;
	margin-left: 10px;
}
#publicidad {
	margin-bottom: 15px;
	float: left;
}
#video-dest {
	float: left;
	width: 300px;
	margin-bottom: 15px;
}

#comunidad {
	float: left;
	width: 300px;
	margin-bottom: 15px;
}


/* buscador
-----------------------------*/


#searchbox {
	float:left;
	width:300px;
	border:none;
	height: 32px;
	padding: 0px;
}
.searchform {
	width:300px;
	height:32px;
	padding:0;
	background-image: url(i/buscar.jpg);
	background-repeat: no-repeat;
	margin: 0;
}
.s {
	width:260px;
	height:22px;
	font-family:Tahoma, "Trebuchet MS", Arial, Helvetica;
	color:#999999;
	border:none;
	background:transparent;
	vertical-align:top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	padding-top: 7px;
}
.searchsubmit {
	width:23px;
	height:20px;
	border:none;
	cursor:pointer;
	background-image: url(i/lupa.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* tabs
-----------------------------*/



#switcher{
	float: left;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	border: 1px solid #ccc;
	padding: 10px;
	font-size:11px !important;
	line-height:18px;
	background-color: #fff;
	width:280px;
}
#switcher div li{
	font-size: 1.2em;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

#switch-1 li{
	padding-left: 21px !important;
	background-image: url(i/full_star.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
}
#switch-2 li{
	padding-left: 21px !important;
	background-image: url(i/icon-comment.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	list-style-type: none;
}





#switcher #switch-1 a {
	color: #797979;
	text-decoration: none;
}
#switcher #switch-2 li {
	color: #797979;
}
#switcher #switch-2 a {
	color: #5fa6bc;
}

ul.botonera{
	margin-top:5px;
	padding: 4px 5px 4px;
	margin-bottom:10px;
}
.botonera li{
	display: inline;
	font-size: 1.1em;
}
.botonera li.ui-tabs-selected a{
	background: #fff;
	border: 1px solid #ccc;
	
	padding-bottom: 5px;
	color: #333;
	border-top: 2px solid #84a0c0;
}
.botonera li a{
	background: #f3f3f3;
	border: 1px solid #ddd;
	color: #666;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 5;
	margin-left: 2px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
}
.botonera li a:hover{
	color: #000;
}



/* footer
-----------------------------*/


#footer {
	width: 950px;
	float: left;
	margin: 15px 0 15px 0;
	}
#menu-footer {
	margin-left: 18px;
}



#menu-footer li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	color: #666;
}
#hot-topics {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	width: 995px;
	float: left;
}
#topics {
	display: inline;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}

#topics span{
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	color: #3f494e;
	font-size: 14px;
}

.titulo-hot {
	float: left;
	font-size: 14px;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	color: #3f494e;
	margin-left: 20px;
}

#hot-topics p {
	float: left;
	font-size: 14px;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica;
	color: #3f494e;
	margin-left: 20px;
}


#hot-topics li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	color: #666;
}

#topics a, #topics a:link
{
	color:#2588a7;
	text-decoration: none;
	
}

#topics a:hover
{
	color:#F28135;
	text-decoration: none;	
}

.post-footer{
	clear: right;
	padding: 5px;
	font-size: 1.2em;
	color: #54a0b8;
	background-image: url(i/post-footer.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 10px 0 0 0!important;
/*	margin-right: 0 !important;
	margin-bottom: 0px;
	margin-left: 0;*/
	overflow:hidden;
}
.post-footer a.comenta{
	float: right;
	background: url(i/icon-comments.jpg) left no-repeat;
	padding-left: 20px;
}
.post-footer span{
	background: url(i/icono-tag.png) left no-repeat;
	padding: 1px 0 2px 20px;
}


.ui-tabs-hide { display:none; }



/* comentarios
 * -------------------------------------------*/
h3#comments,
h3#respond {
	font-size:14px;
	color:#2588a7;
}

h3#comments span {
	float:right;
	font-size:12px;
	padding:5px 0;
}

#commentform label {
	font-size:12px;
}


#commentform p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#commentform textarea{
	width: 80%;
	height:120px;
}



#comments h3{
	font-size: 2.2em;
	margin-bottom: 20px;
}

ol.commentlist p{
	font-size: 11px;
	color: #333;
	line-height: 18px;
}




ol.commentlist {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


ol.commentlist li{
	margin-bottom: 30px;
	margin-left: 0px;
	margin-top: 20px;
	list-style-type: none;
	border: 1px solid #84a0c0;
	padding: 10px;
}

.commentmetadata{
	width: 630px;
	font-size: 1.1em;
	margin-left: -4px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}


.commentmetadata small{
	font-size: 0.9em;
	color: #595959;
}

.commentmetadata img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}


.commentlist cite{
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	margin: 3px 0;
	display: block;
	color: #2588a7;
}






/* align fotos
 * -------------------------------------------*/


.alignright{
	float: right;
	//border: 2px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;	
}

.alignleft{
	float: left;
	//border: 2px solid #ccc;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.aligncenter{
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	//border: 2px solid #ccc;
}

p .wp-caption-text{
	font-size: 10px;
	font-style: italic;
	color: #000000;
}

.wp-caption{
	border: none !important;
}

/* siempre hay q aplicarlo
-----------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* whereto? \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* gumshoe! */


a img  {
	border: none;
	
}