/*  
Theme Name: 600 Mineduc Blog
Theme URI: http://600.mineduc.cl/600blog/
Version: 1.1
Author: Alvaro Téllez
*/

*, form{
	margin: 0;
	padding: 0;
}
body{
	background: #FFF url(imag/back/back_body.jpg) repeat-x scroll;
	font: normal normal 11px/120% Century Gothic, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* cellspacing & cellpading = "0" */
table{
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0px;
	
}
td{
	padding:0;
}

input{
	border: solid 1px #666;
	width: 100px;
	height: 18px;
}
/**** Links *******/
a{
	color:#06C;
	text-decoration: none;
}
a:hover{
	color:#06C;
	text-decoration: underline;
}
v{
	color:#CCC;
	text-decoration: none;
}
v:hover{
	color:#CCC;
	text-decoration: underline;
}
/**** Elementos ****/
p{
margin-top:5px;
}
h1, h2, h3, h4, h5, h6{
	font-size: 16px;
	font-weight: bold;
}


/**** Clases para Listas *******/




.num{
	list-style-type: decimal;
	
}
.let{
	list-style-type: lower-alpha;
}
.img{
	list-style: url(imag/auxi/auxi_list.jpg);
}

/**** 							Propiedades Generales BOTONOES****/

.invisible{
	float: left;
}
.invisible span{
	display: none;
}


/**************************************************************
                     ESTRUCTURA PRINCIPAL 
**************************************************************/
/*** div#principal
este se implementa para dise�os centrados ***/
.principal{
	background: url(imag/back/back_prin.gif) repeat-x 0 120px;
	width: 720px;
	margin: 0 auto 0 auto;
	padding: 0 10px;
 	text-align: left;
}
.header{
	/*margin: 0 10px;*/
}
.main{
	margin-top: 0;
	background: #FFF url(imag/back/back_h2_top.gif) repeat-x top;
	border-bottom: 1px solid #CCC;
	padding-bottom: 1.5em;
        min-height:61px;

}
.footer{
	/*border-top: 1px solid #CCC;
	padding-top: 20px;*/
	padding: 20px 0;
	clear: both;
	float: left;
}


/**************************************************************
                     ESTRUCTURA HEADER 
**************************************************************/
/*H1 logo top*/
#logo_top{
	background: url(imag/logo/logo_blog_top.jpg) no-repeat 0 10px;
	width: 244px;
	height: 120px;
	margin: 0;
}

/*Men� top y buscador*/
.busc{
	float: right;
	padding: 0;
	margin: 25px 0 -10px 0;
        min-width:300px;
}
.busc .barra{
	margin: 0px 9px 0 9px; 
	background: #71B6EF;
}
.busc img{
	float: left;
	margin: 5px 10px 0 0;
}
/******Clases para botones******/
#boto_top_cont, #boto_top_mapa, #boto_top_ayud{
	background: url(imag/boto/boto_busc_ciud_cont.gif) no-repeat 0 0;
	width: 10px;
	height: 12px;
	margin-top: 3px;
}
#boto_top_cont:hover, #boto_top_mapa:hover, #boto_top_ayud:hover{
	background-position: -20px 0;
}
#boto_top_mapa{
	background: url(imag/boto/boto_busc_ciud_mapa.gif) no-repeat 0 0;
}
#boto_top_ayud{
	background: url(imag/boto/boto_busc_ciud_ayud.gif) no-repeat 0 0;
	margin-right:7px;
}
.busc input{
	float: left;
}
#boto_busc{
	background: url(imag/boto/boto_busc_ciud.gif) no-repeat 0 0;
	width: 45px;
	height: 25px;
	margin: 0 0 0 5px;
}
#boto_busc:hover{
	background-position: -45px 0;
}
#boto_envi, #boto_limp{
	background: url(imag/boto/boto_envi.gif) no-repeat 0 0;
	width: 55px;
	height: 25px;
	float: right;
	margin-right: 8em;
	margin-top: 1em;
}
#boto_limp{
	background: url(imag/boto/boto_limp.gif) no-repeat 0 0;
	margin-right: .5em;
}
#boto_envi:hover, #boto_limp:hover{
	background-position: -55px 0;
}

/*MENU HTML*/

#boto_menu_mine{
	width: 98px;
	height: 11px;
	background: url(imag/logo/logo_600_top.gif) no-repeat top;
	margin-top: 20px;
}

.menu_html{
	float: right;
	clear: left;
	background: url(imag/back/back_menu.jpg) repeat-x top;
	padding-left: 0;
	font-size: 11px;
	border-bottom: none;
	margin: -59px -8px 0 0;
	/*width: 415px;*/
	width: auto;
	/*padding-bottom: 1px;*/
}
.menu_html a{
	margin: 18px 0 5px 0;
	padding-top: 0;
	color: #FFF;
	float: left;
}
.menu_html a:hover{
	color: #FFF;
}
.barra{
	background: #4092DE;
	float: left;
	width: 1px;
	height: 17px;
	margin: 15px 9px 0 9px;
}
.auxi_left, .auxi_right{
	background: transparent url(imag/auxi/auxi_menu_left.jpg) no-repeat top left;
	width: 15px;
	height: 39px;
	margin: 0 4px 0 0;

	float: left;
}
.auxi_right{
	background: transparent url(imag/auxi/auxi_menu_right.jpg) no-repeat top right;
	width: 9px;
	margin: 0 0 0 1em;
}
#boto_html_acti{
	background: transparent url(imag/auxi/auxi_menu_ciud_over.jpg) no-repeat center 2px;
	color: #FFF500 !important;
	font-weight: bold;
}



/**************************************************************
                     ESTRUCTURA MAIN 
**************************************************************/


/*Contenido home*/
.cont{
	width: 462px;
	/*width: 462px;*/
	margin: 0px auto 0px auto;
	padding: 15px 0px 0 24px;
	float: left;
}
.cont a, .cont a:hover{
	color: #3399ff;
}
.cont h2{
	color: #E40613;
	font-size: 16px;
	line-height: 18px;
	width: 402px;
	height: 61px;
	padding: 0 90px 0 18px;
}

 /* POST */

.post{
	margin-bottom: 20px;
	float: left;
}
.post h3{
	width: 330px;
	font-size: 15px;
	line-height: 22px;
	float: left;
     margin-bottom:10px;
	 font-weight:normal;

}
.post h3, .post h3 a, .post h3 a:hover{
	color: #E40613;
}
.post p{
	color: #006;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0px 0px 0px;
	clear: both;	/*float: left;*/
}
.post p img{
	padding-bottom: 1em;
	display: block;
	text-align: left;
}

/* COMENTARIOS */

.coment{
	color: #3399ff;
	font-size: 11px;
	text-align: center;
	width: 106px;
	height: 37px;
	background: url(imag/back/back_come.gif) no-repeat top;
	margin-top: 10px;
	padding: 6px 0 0 0;
	float: left;
	clear: right;
}

.comen h4{
	font-size: 1.7em;
	margin-bottom: .5em;
	color: #E40613;
}
.comen{
	float: left;
}
.commentlist{
	background: url(imag/back/back_comm_list.gif) repeat-y 0 0;
	width: 470px;
	margin-top: 1em;
	color:#006;
}
.commentlist_top{
	background: url(imag/back/back_comm_list_top.gif) no-repeat top center;
	height: 11px;
}
.commentlist_bott{
	background: url(imag/back/back_comm_list_bott.gif) no-repeat bottom center;
	width: 470px;
	height: 26px;
}
.commentlist p{
	margin: 0 .5em 0 1em;
}
.pie_come{
	margin-bottom: 1.5em;
	background: url(imag/auxi/auxi_auto_come.gif) no-repeat 0 0;
	padding-left: 22px;
}
.pie_come .autor{
	color: #FF6600
}
.comen_post{
	background: url(imag/back/comen_post.gif) repeat-y 0 0;
	width: 470px;
}
.comen_post_top, .comen_post_bott{
	background: url(imag/back/comen_post_top.gif) no-repeat top center;
	height: 15px;
}
.comen_post_bott{
	background:url(imag/back/comen_post_bott.gif) no-repeat 0 0;
}
.comen_post h4{
	margin-left: .5em;
}
/****Formulario de comentario****/
#comment{
	border: 1px solid #666;
	width: 350px;
	height: 200px;
	margin-top: 1em;
	color: #9DB9EB;
}
#author, #email, #url{
	border: 1px solid #666;
	width: 180px;
	margin-top: .5em;
}
/****Margen formulario comentario****/
.comen_marg{
	margin-left: 1.5em;
}
/* PIE DE POST */

.pie{
	width: 481px;
	height: 31px;
	background: url(imag/back/back_auto.gif) repeat-x 0 0;
	float: left;
        margin-top:10px;
        margin-bottom:10px;
}
.pie_cont{
	/*width: 410px;*/
	height: 23px;
	font-size: 11px;
	/*text-align: center;*/
	background: url(imag/auxi/auxi_auto_01.gif) no-repeat left;
	/*margin-left: -10px;*/
	padding: 8px 0 0 30px;
	color:#006;
}
.pie_auxi{
	width: 4px;
	height: 31px;
	background: url(imag/auxi/auxi_auto_02.gif) no-repeat 0 0;
	float: right;
	margin-top: -31px;
}

/*CONTENIDO RIGHT*/

.cont_right, .sidebar{
	width: 190px;
	background:  url(imag/back/back_right_bott.jpg) no-repeat bottom;
	margin-bottom: 10px;
	float: right;
	clear: right;
	color: #7B9CE1;
}
.sidebar{
	background-color: #EFEFEF;
}
.admi{
	line-height: 12px;
	width: 170px;
	height: 70px;
	background:  url(imag/back/back_cont_right_top.jpg) repeat-x 0 0;
	padding: 10px 10px 0 10px;
	color:#006;
}
.admi_foto{
	width: 50px;
	height: 53px;
	margin-right: 10px;
	background: url(imag/foto/foto_admi.gif) no-repeat 0 0;
	float: left;
}
.cont_right h4{
	color: #FFF;
	font-size: 12px;
	text-align: center;
	width: 170px;
	height: 17px;
	background: url(imag/back/back_h4_right.gif) no-repeat 0 0;
	margin-left: 10px;
	padding-top: 3px;
}
.lega{
	margin: .5em 1em;
}
.lega p{
	color: #006;	
	/*font-size: .9em;*/
}

/*LISTAS RIGHT*/

.list_post, .list_cate, .list_post a, .list_cate a, .list_post a:hover, .list_cate a:hover{
	color: #006;
}
.list_post, .list_cate{
	font-size: 11px;
	color: #006;
	padding: 10px 15px 20px 10px;
}
.list_post{
	padding-bottom: 40px;
}
.list_post li, .list_cate li{
	list-style: none outside none;
	background: url(imag/auxi/auxi_list_post.gif) no-repeat 0 8px;
	padding: 6px 0 0 18px;
}
.list_cate li{
	background: url(imag/auxi/auxi_list_cate.gif) no-repeat 0 8px;
}
.cate_nume{
	color: #666;
}
.list_post_ver{
	font-size: 11px;
	font-style: italic;
	text-align: right;
	margin: -25px 15px 0 0;
	float: right;
}

/*SINDICACION*/

.sind, .sind a, .sind a:hover{
	color: #666;
	font-size: 11px;
}
.sind{
	padding: 0 130px 10px 0;
	float: right;
	clear: both;
}
.sind li{
	list-style: none outside none;
	background: url(imag/auxi/auxi_sind.gif) no-repeat 0 6px;
	padding: 5px 0 0 18px;
}




/**************************************************************
                     ESTRUCTURA FOOTER
**************************************************************/

.legales{
	background: url(imag/logo/logo_lega.jpg) no-repeat 20px 0;
	color: #006;
	/*margin: 10px 0 10px 20px;*/
	margin: 0;
	padding: 0 0 0 200px;
	line-height: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	min-width:1px;
	height: auto;
}



/*para contenedores que tienen contenidos "float" 
Estos no rebientan por defecto el l�mite inferior del "contenedor"
As� creamos una Pseudo clase :after 
y un comemtario para el optimo funcionamiento en navegadores reveldes
*/

.header:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    /* Hides from IE-mac \*/
* html .header{height: 1%;}
/* End hide from IE-mac */
.flash_top:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    /* Hides from IE-mac \*/
* html .flash_top{height: 1%;}
/* End hide from IE-mac */
.main:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    /* Hides from IE-mac \*/
* html .main{height: 1%;}
/* End hide from IE-mac */
.cont:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.cont_pags:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    /* Hides from IE-mac \*/
* html .cont{height: 1%;}
* html .cont_pags{height: 1%;}
/* End hide from IE-mac */
.valo_inte:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    /* Hides from IE-mac \*/
* html .valo_inte{height: 1%;}
/* End hide from IE-mac */

.comen_post:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    /* Hides from IE-mac \*/
* html .comen_post{height: 1%;}
/* End hide from IE-mac */