/* ================================ */
/* General							*/
/* ================================ */
body{
	/*	font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; */
	color: #512000;
	background-color: #F6F7F9;
	background: #000 url(images/pageback.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	font-weight: bold;
	color: #F15D22;
}
a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #333;
}

img {
/*
max-width: 660px;
width: expression(this.width > 660 ? 660: 'true');
heigth: auto;
*/
	max-width:660px; 
	max-height:500px; 
	width: expression(this.width > 660 && (this.width/this.height) > (660/500) ? 660 : true); 
	height: expression(this.height > 500 && (this.width/this.height) <= (660/500) ? 500 : true); 
}

hr{
	display: none;
}
strong{
	font-weight: bold;
}
.container{
	width:998px;
	position: relative;
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	left: 200;
}
/* ================================ */
/* LAYOUT - SUPERIOR				*/
/* ================================ */
.supcontainer {
	width:998px;
	position: relative;
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	left: 200;
	height: 94px;
	background-image: url(images/sup.gif);
	background-color: #BD0071;
}
#supleft{
	width:730px;
	position: absolute;
	padding: 0 0 0 16px;
}

#supright{
	width:230px;
	position: absolute;
	padding: 0 0 0 0;
	right: 4px;
}
/* ================================ */
/* LAYOUT - CABECERA				*/
/* ================================ */
#cabecera{
	/* background: #4a4841 url(images/top_bg.jpg) top repeat-x; */
	background-color: #000;
	position: relative;
	}
#cabecera .container{
	height: 120px;
	background: url(images/backtop.png) right bottom no-repeat;
}
#blogtit{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CCC;
	position: absolute;
	height: 90px;
	padding:34px 20px 0 40px;
	width: 543px;/*	background-color: #000; */
}
#titulo, #titulo a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #F75E22;
	padding-bottom: 10px;
}
#titulo a:hover{
	color: #B53606;
}
/* ================================ */
/* LAYOUT - CONTENIDOS				*/
/* ================================ */
#cont1{
	padding:6px 0 20px 0;
	background-image: url(images/cbak.gif);
}
#maincol{
	float: left;
	width:695px;
	padding: 0 0 0 2px;
	/* background-color: #EccCED; */
}
#menucol{
	float: left;
	width:300px;
	/* background-color: #EEFCED; */
}
/* ================================ */
/* ESTILOS - COLUMNA MENU			*/
/* ================================ */
	/* caja normal */
.caja1{
	text-align:center;
	width:300px;
	overflow: hidden;
	padding-bottom:10px;
}
	/* caja con contenido */
.caja1_env{
	background: #eeeded;
	padding:0 0 2px 0;
	width:300px;
	overflow: hidden;
	font-size:11px;
	line-height: 18px;
	color: #58584D;
	margin-top: 6px;
}
.cajafin{
	margin:0;
}

	/* sobre el blog */
.sobre_env{
	float: left;
	padding: 0 10px 10px 20px;
	border-bottom: 1px dotted #333333;
	/* background-color: #EccCED; */
}
.sobre_env h4{
	font-size:14px;
	color: #483F3D;
	font-weight: bold;
	padding-top:4px;
	padding-bottom:4px;
}
.sobre_env p{
	font-size:12px;
	padding-bottom:4px;

}
	/* titular publi */
h3.publi{
	text-align:center;
	font-size:9px;
	color: #999;
	padding:0 0 8px 0;
	font-family: Verdana, Geneva, sans-serif;
	height: 16px;
}
	/* titular cajas */
.menutit{
	background: #FFF;
	padding: 10px 14px 10px 14px;
	line-height:1.8em;
}
h3.menutit{
	font-size:14px;
	color: #FFF;
	padding:0 0 0 14px;
	font-weight: bold;
	background-color: #F75E22;
	border-bottom: 1px dotted #333333;
	border-top: 1px dotted #333333;
}

/*
ul.menutit{
	padding:0 0 0 0;
}
*/

/* ================================ */
/* ESTILOS - MENU CATEGORIAS		*/
/* ================================ */
ul.listmenu {
	display: block;
	margin:10px 0 14px 0;
}

ul.listmenu li, ul.listmenu li a{
	border-bottom: 1px dashed #d1cfcd;
	list-style:none;
	display: block;
	padding:0 0 0 10px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #42423b;
}
ul.listmenu li a:hover{
	background: #E5E5E4;
	color: #FF6522;
}
/* ================================ */
/* ESTILOS - NUBE DE TAGS			*/
/* ================================ */
.nubetag{
	text-align:center;
	padding:6px 4px 6px 4px;
	background-color:#FFF;
	margin-top:10px;
	margin-bottom:10px;
}
.tag1 a{
	padding: 0 6px 0 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#F89F7E;
} 
.tag1 a:hover{ 
	background-color:#D4D4D4; 
}
.tag2 a{
	padding: 0 6px 0 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#F2571C;
} 
.tag2 a:hover{
	background-color:#D4D4D4;
}
.tag3 a{
	padding: 0 6px 0 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#A23309;
} 
.tag3 a:hover{
	background-color:#D4D4D4;
}
/* ================================ */
/* ESTILOS - PIE PAGINA  			*/
/* ================================ */
.piecontainer {
	width:100%;
	position: relative;
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	left: 200;
	height: 60px;
	background-color:#333;

}
#pie {
	width:960px;
	height: 46px;
	margin:10px auto;
	text-align:left;
	padding:0 20px 0 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F0F0F0;
}
#pie a{
	color: #A39D97;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #A39D97;
}
#pie a:hover{
	color: #FF0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FC0;
}

.piec {
	width:480px;
	float:left;
	}
	
.piec2 {
	float:right;
	width:380px;
	text-align: right;
}

/* ================================ */
/* ESTILOS - BLOCKQUOTES  			*/
/* ================================ */
blockquote {
	margin-top: 1em;
	margin-right: 40px;
	margin-bottom: 1em;
	margin-left: 40px;
	font-style: italic;
}
.art_env blockquote {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 1em;
	margin-left: 30px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-indent: 0px;
	background-color: #E9F4FF;
	background-image: url(images/qbak.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right bottom;
	color: #333333;
}
/* ================================ */
/* ESTILOS - ARTICULOS  			*/
/* ================================ */
.art_env_err {
	padding-bottom:20px;
	border-bottom: 1px dotted #333333;
	margin-left: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #FCC;
	padding: 8px 16px 8px 16px;
}
.art_env_ok {
	padding-bottom:20px;
	border-bottom: 1px dotted #333333;
	margin-left: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #F0FFE6;
	padding: 8px 16px 8px 16px;
}
.art_env {
	padding-bottom:20px;
	border-bottom: 1px dotted #333333;
	margin-left: 4px;
	margin-right: 10px;
	margin-bottom: 20px;
	background-color: #FFF;
	padding: 8px 16px 8px 16px;
	color: #333;
	/* NUEVOS ESTILOS */
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 22px;
}

.art_redes {
	padding-bottom:20px;
	margin-left: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
	padding: 0 16px 0 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
	color: #333;
	line-height: normal;
}
.art_env h2, .art_env h2 a{

	/* NUEVOS ESTILOS */
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 34px;
	text-decoration:none;
	
	color: #FF6C22;
	margin:4px 0 10px 0;
}
.art_env h2 a:hover{
	color: #333;
}

.art_env a{

	/* NUEVOS ESTILOS */
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 800;
	line-height: 22px;
	
	color: #FF6C22;
	text-decoration:underline;
}
.art_env a:hover{
	color: #333;
	text-decoration:underline;
}

.art_env p{	
	padding-bottom:10px; 
}	

.art_env .fechacab {
	margin:4px 0 0 0;
}
.art_env .fecha{ 
	color: #000; 
	margin:10px 0 0 0; 
}
.art_env .hora{
	color: #900; 
	margin:10px 0 0 0; 

}
.art_comcont{
	background-color:#FFF;
	margin-left: 20px; 
	margin-top: 4px;	
	padding:10px 10px 10px 10px; 
	color: #333;

	/* NUEVOS ESTILOS */
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18px;
	
/*	background-image: url(images/bkcoms.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
*/
}

.art_comresp1{
	margin-left: 20px;
	padding:10px 10px 2px 10px;
	color: #333;
	/* NUEVOS ESTILOS */
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18px;
}

.art_comresp2{
	background-color:#ECFFDF;
	margin-left: 20px;
	margin-top: 2px;	
	padding:10px 10px 10px 10px;
	color: #333;
	/* NUEVOS ESTILOS */
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18px;
}

.artfot{
	margin-top:10px;	
}

/* ================================ */
/* ESTILOS - PAGINADOR  			*/
/* ================================ */
.on, .on a, .on a:link, .on a:visited {
	color: #900;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EBEBEB;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
}
.off a, .off a:link, .off a:visited {
	color: #333;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EBEBEB;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
}
.off a:hover {
	color: #FFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #666;
	padding: 2px 6px 2px 6px;
}





/*---------- bubble tooltip -----------*/
a.tt{
	position:relative;
	z-index:24;
	color:#333;
	font-weight:normal;
	text-decoration:none;
	cursor:help; 
}
a.tt span{ 
	display: none; 
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{
	display: block;
	z-index:25;
	color: #333;
	background:#FFC;
}
a.tt:hover span.tooltip {
    display:block;
    position:absolute;
    top:-90px; left:20px;
	width:200px;
	color: #993300;
    text-align: center;
}
a.tt:hover span.tttop{
	display: block;
	padding: 14px 8px 0 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.ttmiddle{ /* different middle bg for stretch */
	display: block;
	padding: 0 4px 0 4px;
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.ttbottom{
	display: block;
	padding: 10px 0 20px 0;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}



/* ================================ */
/*     CAJA MAS LEIDOS  			*/
/* ================================ */

.cambio_activo {
	background-color:#fff;
	text-align:center;
	width:149px;
	height:20px;
	float:left;
	border-top:#8D8D8D 1px solid;
	border-right:#8D8D8D 1px solid;
	border-left:#8D8D8D 1px solid;
	padding-top:6px;
	}
.cambio_inactivo {
	background-color:#EEEDED;
	text-align:center;
	width:149px;
	height:20px;
	float:left;
	border-bottom:#8D8D8D 1px solid;
	padding-top:6px;
}
	
ul.mas {
	list-style:square;
	margin-left:10px;
	margin-right:6px;
}

ul.mas li, ul.mas li a{
	/*	padding:2px 0 2px 0; */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #535353;
	font-weight: normal;
}

ul.mas li a:hover{
	color: #630;
}

.contenedor_pest{
	width: 298px;
	background-color: #FFF;
	border-bottom:#8D8D8D 1px solid;
	border-right:#8D8D8D 1px solid;
	border-left:#8D8D8D 1px solid;
	margin-bottom: 30px;
}

#masvisit{
	width: 296px; 
	background-color: #FFF;
	padding-left:2px;
}

#mascoment{
	width: 296px;
	background-color: #FFF;
	padding-left:2px;
}



.enlabox {
	background-color:#FFF;
	padding:4px 0px 10px 0;	
	margin: 10px 0 10px 0;
}

ul.enla {
	list-style:square;
	margin-left:10px;
}

ul.enla li, ul.enla li a{
	/*	padding:2px 0 2px 0; */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #535353;
	font-weight: normal;
}

ul.enla li a:hover{
	color: #630;
}

.cajawd {
	
	width:100%;
	background-color:#FFF;
	text-align:center;
	margin:10px 0 10px 0;
	padding:4px 0 4px 0;
}

.infotit{
	text-align:left;
	font-size:14px;
	color: #000;
	padding:10px 0 10px 22px;
	font-family: Verdana, Geneva, sans-serif;
}

</style>

/* ================================ */
/* ESTILOS - 			  			*/
/* ================================ */

