/* CSS */
/* MENU FONDOS E INTERACCIONES */

	.menu {
		display: none;
	}
	
	.ul_menu_index {
		position: relative;
		width: 940px;
		background: url(imagenes/encabezado_index_bg.png) no-repeat;
		height: 113px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.ul_menu_contactar {
		position: relative;
		width: 940px;
		background: url(imagenes/encabezado_contactar_bg.png) no-repeat;
		height: 113px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a, li#bu5 a, li#bu6 a, li#bu7 a, li#bu8 a {
		background: transparent;
		position: absolute;
		width: 110px;
		height: 32px;
		bottom: 0;
		text-decoration: none;
	}
	li#bu9 a {
		background: transparent;
		position: absolute;
		width: 41px;
		height: 41px;
		bottom: 0;
		text-decoration: none;
	}	
	 
	/* adjusted values for IE6 */
	* html*li#bu1 a, * html*li#bu2 a, * html*li#bu3 a, * html*li#bu4 a, * html*li#bu5 a, * html*li#bu6 a, * html*li#bu7 a, * html*li#bu8 a { bottom: -1px; }
	 
	li#bu1 a { left: 21px; background: url(imagenes/inicio_hover.png) 0 0 no-repeat; }
	li#bu2 a { left: 122px; background: url(imagenes/fotoblog_hover.png) 0 0 no-repeat; }
	li#bu3 a { left: 223px; background: url(imagenes/blog_hover.png) 0 0 no-repeat; }
	li#bu4 a { left: 324px; background: url(imagenes/monograficos_hover.png) 0 0 no-repeat; }
	li#bu5 a { left: 425px; background: url(imagenes/portfolio_hover.png) 0 0 no-repeat; }
	li#bu6 a { left: 526px; background: url(imagenes/geoblog_hover.png) 0 0 no-repeat; }
	li#bu7 a { left: 627px; background: url(imagenes/sobremi_hover.png) 0 0 no-repeat; }
	li#bu8 a { left: 728px; background: url(imagenes/contactar_hover.png) 0 0 no-repeat; }
	li#bu9 a { left: 899px; 0 -6px no-repeat; } 
	
	li#bu1 a:hover, li#bu2 a:hover, li#bu3 a:hover, li#bu4 a:hover, li#bu5 a:hover, li#bu6 a:hover, li#bu7 a:hover, li#bu8 a:hover  { background-position: 0 -32px; }
	li#bu9 a:hover { background-position: 0 -6px; }

/* INDEX > BLOG */
/* POST Y FOTO */

	.lineaverde {
	position : relative;
	margin : 0 auto;
	width : 620px;
	background: url(imagenes/index_blog.png) no-repeat;
	color : #fff;
	font-weight : bold;
	height : 27px;
	line-height : 22px;
	font-size : 10px;
	clear : both;
	}

	.lineaverde_mini {
	position : relative;
	margin : 0 auto;
	margin-bottom: 10px;
	width : 302px;
	background: url(imagenes/index_blog_mini.png) no-repeat;
	color : #fff;
	font-weight : bold;
	height : 27px;
	line-height : 22px;
	font-size : 10px;
	clear : both;
	}
	
	
	#indexPostColumn {
	float : left;
	width : 620px;
	}
	
	.postIndex {
	width : 620px;
	float : left;
	margin-bottom : 15px;
	}
	
	* html .postIndex {
	margin-left:-10px;
	}
	
	.postIndex img {
	float : left;
	width : 150px;
	height : 150px;
	border : 1px solid #cccccc;
	}
	.postIndexText {
	float : left;
	margin-left : 13px;
	width : 455px;
	color : #333;
	font : 13px/18px Arial, Helvetica, sans-serif;
	}
	.postIndexCategory {
	font : bold 10px/10px Arial, Helvetica, sans-serif;
	border-bottom : 1px solid #d1d1d1;
	padding-bottom : 2px;
	color : #333;
	}
	.postIndexCategory a {
	font : bold 10px/10px Arial, Helvetica, sans-serif;
	}
	
	.postIndexText h1 a {
	display : block;
	margin-top : 12px;
	margin-bottom : 6px;
	color : #000;
	font : bold 16px/16px Arial, Helvetica, sans-serif;
	}
	
	.postIndexText h2 a {
	display : block;
	margin-top : 12px;
	margin-bottom : 6px;
	color : #000;
	font : 16px/16px Georgia, "Times New Roman", Times, serif;
	}
/* INDEX > BLOG */
/* FECHA Y COMENTARIOS */

	.postBlog_info {
	margin-bottom : 17px;
	clear : both;
	float : left;
	width : 100%;
	background : url(imagenes/postblogline.png) repeat-x 0 1px;
	}
	.postBlog_info span {
	background : #fff;
	padding-right : 5px;
	font : 11px Arial, Helvetica, sans-serif;
	color : #999;
	}
	.postBlog_info span a {
	font : bold 11px Arial, Helvetica, sans-serif;
	color : #666;
	}
    
/* GALERÍA DE FOTOS */
/*--Main Container--*/
	.main_view {
		float: left;
		position: relative;
	}
/*--Window/Masking Styles--*/
	.window {
		height:413px;	width: 620px;
		overflow: hidden; /*--Hides anything outside of the set width/height--*/
		position: relative;
	}
	.image_reel {
		position: absolute;
		top: 0; left: 0;
	}
	.image_reel img {float: left;}

/* MONOGRÁFICOS */

	.lineaazul {
	position : relative;
	margin : 0 auto;
	width : 620px;
	background: url(imagenes/index_monograficos.png) no-repeat;
	color : #fff;
	font-weight : bold;
	height : 27px;
	line-height : 22px;
	font-size : 10px;
	clear : both;
	}

	.lineaazul_mini {
	position : relative;
	margin : 10px auto;
	width : 302px;
	background: url(imagenes/index_monograficos_mini.png) no-repeat;
	color : #fff;
	font-weight : bold;
	height : 27px;
	line-height : 22px;
	font-size : 10px;
	clear : both;
	}
	
	.paging {
		position: absolute;
		bottom: 388px; right: -33px;
		width: 178px; height:47px;
		z-index: 100; /*--Assures the paging stays on the top layer--*/
		text-align: center;
		line-height: 40px;
		'background: url(imagenes/paging_bg2.png) no-repeat;
		display: none; /*--Hidden by default, will be later shown with jQuery--*/
		font : 13px Helvetica, Arial, sans-serif;
	}
	.paging a {
		padding: 5px;
		text-decoration: none;
		color: #fff;
	}
	.paging a.active {
		font-weight: bold;
		background: #a6b9c2;
		'border: 1px solid #555555;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
	.paging a:hover {font-weight: bold;}

	.mini_mono_box {
	border:1px solid #000000;
	margin-bottom : 15px;
	float : right;
	clear : both;
	}

/* LÍNEA DE RUTA */

	.ruta {
	margin-top : 10px;
	clear : both;
	float : left;
	width : 100%;
	background : url(imagenes/postblogline.png) repeat-x 0 2px;
	}
	.ruta span {
	background : #fff;
	padding-right : 5px;
	font : 11px Arial, Helvetica, sans-serif;
	color : #666;
	}
	.ruta span a {
	font : 11px Arial, Helvetica, sans-serif;
	color : #ff0055;
	}
	.ruta span a:hover {
	font : 11px Arial, Helvetica, sans-serif;
	color : #666;
	text-decoration: underline;
	}	

/* PIE DE FOTO */

	.piedefoto {
	width: 610px;
	margin : 0;
	padding : 5px;
	text-transform : none;
	border-top : 0;
	background : #000;
	height : 14px;
	z-index : 100;
	margin-top : -30px;
	margin-left : 1px;
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

	.piedefoto_blogIndex {
	width: 590px;
	margin : 0;
	padding : 5px;
	text-transform : none;
	border-top : 0;
	background : #000;
	height : 14px;
	z-index : 100;
	margin-top : -31px;
	margin-left : 1px;
	opacity: .7; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}	
	
/* POST INDEX */



	
/* COLUMNA LATERAL */
/* CAJA 300px FOTOBLOG */

	#sidebarColumn{
	margin-top:10px;
	float:left;
	width:302px;
	margin-left:18px;
	*overflow:hidden;
	}
	
	.lineanaranja {
	'position : relative;
	margin : 0 auto;
	width : 302px;
	background: url(imagenes/index_fotoblog.png) no-repeat;
	color : #fff;
	font-weight : bold;
	height : 27px;
	line-height : 22px;
	font-size : 10px;
	clear : both;
	position: relative;
	bottom: -10px; right: -10px;
	}

	.boxgrid{ 
	width: 300px; 
	height: 300px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	border: solid 1px #000000; 
	overflow: hidden; 
	position: relative; 
	}
	.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
					
	.boxcaption{ 
		float: left; 
		position: absolute; 
		background: #000; 
		height: 100px; 
		width: 100%; 
		opacity: .8; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	.captionfull .boxcaption {
		top: 260;
		left: 0;
	}
	.caption .boxcaption {
		top: 220;
		left: 0;
	}
	
	.fotoblog { margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }

/* COMENTARIOS */

.linearosa {
	'position : relative;
	margin : 0 auto;
	width : 302px;
	background: url(imagenes/index_comentarios.png) no-repeat;
	color : #fff;
	font-weight : bold;
	height : 27px;
	line-height : 22px;
	font-size : 10px;
	clear : both;
	position: relative;
	bottom: -10px; right: -10px;
}
	
h2.titulo_box {
	background : #7F822A url(imagenes/index_comentarios.png) no-repeat center;
	height : 27px;
	text-indent : -9999px;
	margin-bottom : 1px;
}
.comentarioEnviado {
	clear : both;
	padding: 10px;
	float : left;
	width : 590px;
	font : 11px/14px Arial, Helvetica, sans-serif;
	color : #666;
}
.articlePostCommentsHeader {
	background : #000;
	height : 22px;
	clear : both;
	color : #fff;
	font : 10px/20px Arial, Helvetica, sans-serif;
	width : 300px;
	padding-top:2px;
	padding-left:7px;
}
.commentInfo {
	clear : both;
	font : bold 11px Georgia, "Times New Roman", Times, serif;
	color : #666;
}
.commentInfo a {
	font : bold 16px Georgia, "Times New Roman", Times, serif;
	color : #444;
}
.commentEntry {
	clear : both;
	margin-top : 10px;
	float : left;
	width : 100%;
	font : 11px/14px Arial, Helvetica, sans-serif;
	color : #666;
}

.commentEntry p { margin-bottom: 1em; }

a.commentReply {
	color : #ff0055;
	clear : both;
	float : right;
	display : block;
	margin-top : 5px;
	font : bold 10px Arial, Helvetica, sans-serif;
}
/* DESTACADOS */

	.destacado {
	border : 1px dotted #d0d0d0;
	background-color:#fff; 
	padding : 8px;
	float : left;
	width : 284px;
	margin-left : 10px;
	font : 12px Helvetica, Arial, sans-serif;
	color: #555;
	}

/* COMENTARIOS / TABS */

	#list1 
		.title { font-weight:bold; }
	#list1, #list2 { width:100%; }
	.title, .mytitle { 
		cursor:pointer; 
		border:1px solid #f0f0f0; 
		background-color:#c0c0c0; 
		margin-top:0;
		margin-bottom:0; 
		padding:7px;
		color : #fff;
		text-decoration : none;
		font : 12px Helvetica, Arial, sans-serif;
	}
	.on  .mytitle { background-color:#C0C0C0; }
	.off .mytitle { background-color:#E0E0E0; }
	.coment_link {
		font : 11px Helvetica, Arial, sans-serif;
		line-height : auto;
	}
	.comentarios, .mycontent { 
		padding:0px; 
		border-top-width:0;
		margin-top: 5px;
		margin-bottom: 10px;
		font : 11px Helvetica, Arial, sans-serif;
	}
	
	#log { position:absolute; top:0; right:1em; text-align:right; }
	
/* COPYRIGHT */

	#copyright {
	font-size : 12px;
	text-align : center;
	padding-top : 18px;
	float : left;
	width : 100%;
	background : #ebebeb;
	padding-bottom : 10px;
	font-family : Arial, Helvetica, sans-serif;
	}
	#copyright span {
	margin-bottom : 3px;
	display : block;
	}
	#copyright a {
	font-size : 11px;
	margin-left : 11px;
	margin-right : 11px;
	}

/* PIE DE PÁGINA */

	#footer {
	background : #000;
	float : left;
	clear : both;
	padding-bottom : 19px;
	padding-top : 19px;
	width : 941px;
	margin-top : 15px;
	margin-left : -1px;
	}
	#footer .footerColumn {
	float : left;
	width : 275px;
	border-right : 1px solid #2e2e2e;
	padding-left : 16px;
	padding-right : 16px;
	padding-top : 6px;
	padding-bottom : 6px;
	}
	#footer .footerColumnLast {
	border : 0;
	}
	#footer .footerColumn h2 {
	margin-left : 3px;
	height : 14px;
	text-indent : -9999px;
	margin-bottom : 9px;
	}
	
	.headerFotoblog_e {
	background : url(imagenes/index_ult_fotoblog.png) no-repeat;
	}
	.headerBlog_e {
	background : url(imagenes/index_ult_blog.png) no-repeat;
	}
	.headerMonograf_e {
	background : url(imagenes/index_ult_monograf.png) no-repeat;
	}
	#footer .footerColumn ul li {
	border-bottom : 1px dashed #2e2e2e;
	}
	#footer .footerColumn ul li a {
	line-height : 23px;
	font-size : 11px;
	font-family : Helvetica, Arial, sans-serif;
	color : #fff;
	}
	
/* PULLQUOTE */

	.cita {
	width: 200px;
	float: left;
	padding:10px 20px 20px 40px;
	margin:20px 20px 20px 0px;
	background-color: #f0f0f0;
	background-image: url(imagenes/comillas.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color:#666;
	border:0px solid #cccccc;
	text-align:left;
	font : 20px/26px Georgia, "Times New Roman", Times, serif;
	}
	.cita:first-letter {
	color:#333;
	display:block;
	font : 40px/26px Georgia, "Times New Roman", Times, serif;
}