@charset "utf-8";
/* CSS Document */
#content{display:table; width:80%; min-width:800px; float:left; padding:10px 0 40px 0;}
	#article{border-radius:6px; background:#FFF; box-shadow:1px 1px 8px #777;
		font-family:Arial, Helvetica, sans-serif; width:auto; padding:20px 40px 40px 40px;
		margin:0 20px;}
	#article-top{ display:table; width:100%; border-bottom:1px solid #999;}
	#article-top-titulos{float:left; display:table; height:50px;}
		h1#tit{ background:none; border:none; color:#333;line-height:30px;
					font-size:30px; font-family:"Times New Roman", Times, serif;
					box-shadow:none; display:table; float:none; height:30px;
					margin:0;}
		div#subtit{ font-size:14px; color:#999; line-height:20px;}
	#article-top-tools{float:right; height:50px; }
		#article-top-tools a,#article-top-tools a:link,#article-top-tools a:visited{
						display:table; float:right; width:50px; height:50px;
						cursor: pointer; text-align:center; text-decoration:none;
						color:#222; font-size:8px;}
		#article-top-tools span{ display:block; margin:35px 0 0 0;}
		#article-top-tools a.print{ background:url(../images/icon-print.png) no-repeat top center;}
		#article-top-tools a.pdf{ background:url(../images/icon-descargar-pdf.png) no-repeat top center;}
		#article-top-tools a.doc{ background:url(../images/icon-descargar-doc.png) no-repeat top center;}
		/*evitar tools en vista print*/
		.notools{ box-shadow:none !important; border:1px solid #999;}
		.notools a.print, .notools a.pdf, .notools a.doc{ display:none !important;}
	
	#article-mid{}
		#contenido{ margin:20px 0 20px 0; font-family:Arial, Helvetica, sans-serif;
					font-size:14px; display:table; width:100%;}
		#contenido img{ padding:10px;}
		#contenido ul{ list-style:inside;}
		#contenido ul li{ margin:0 0 0 20px;}
		#contenido ol{ list-style:decimal;}
		#contenido ol li{ margin:0 0 0 40px;}
		
	#article-dow{border-top:1px solid #999; display:table; width:100%;}
	#article-dow div{ display:table; float:left;}
	#article-dow span{ display:inline-table; font-size:10px; color:#CCC; line-height:20px; margin:0 5px 0 0;}
	#article-dow span img{ float:left; margin:2px 5px 0  0;}
	#article-dow span:last-child{ color:#000;}
	
	/*Articulo ExtraDats*/
	#atributos_tit{ color:#555; font-size:24px; line-height:32px;
					background:#eee; outline:1px solid #CCC; margin:5px 0 10px 0;
					text-indent:5px;}
	.sec{ display:inline-table; padding:5px; border:1px solid #CCC;}
	.label{ font-size:14px; color:#fff; background:#555; clear:both; float:none;
			height:20px; line-height:20px; width:100%; text-shadow:1px 1px 1px #000000;
			text-indent:10px;}
	.url{ font-size:10px; color:#999; background:#CCC; width:170px; text-align:left; overflow:hidden;
			line-height:20px; text-indent:5px; text-shadow:1px 1px 1px #FFF; height:20px;}
	#article hr{ clear:both;}
	#alias{ font-family:"Courier New", Courier, monospace; padding:0 5px; color:#333;}
	#orden{ font-family:"Courier New", Courier, monospace; padding:0 5px; color:#333; text-align:center;
			font-size:18px;}
	/**/
	.articuloactual{ background:#eee;}													
#aside{ display:table; width:20%; min-width:170px; float:right;}
	.modulo{ display:block; border-radius:6px; width:auto;
		margin:0 10px; padding:0 0 20px 0;
		background:#FFF; box-shadow:1px 1px 8px #777;
		font-family:Arial, Helvetica, sans-serif;}
		.modulo_tit{ background:#555; height:30px; color:#FFF; text-align:center; display:table;
					width:100%; border-radius:6px 6px 0 0; font-size:20px; padding:10px 0 0 0;
					text-shadow:1px 1px 1px #000000;}
	.item{ width:auto; border-top:1px solid #CCC; margin:0 auto; padding:5px 0 10px 0;}
	.item:hover{ background:#eee;}
	.item_pub{ width:auto; padding:0 5px 0 0; text-align:right; margin:0 auto; font-size:10px; color:#777;}
	.item_tit{ /*width:140px;*/ text-align:center; margin:0 auto; font-size:14px; font-weight:bold;}
	.item_subtit{ /*width:140px;*/ text-align:center; margin:0 auto; font-size:12px; color:#555}
	.item_img{ text-align:center; margin:5px 0 0 0;}
	.item_img img{ box-shadow:1px 1px 3px #000000;}
	
/*Eliminar*/
.eliminar{ position:absolute; width:20px; height:20px;}
.eliminar a,.eliminar a:link,.eliminar a:visited{ display:block; width:100%; height:100%; background:#C00; color:#FFF;
								 text-align:center; border-radius:0; cursor:pointer;
									margin:0 0 0 0; text-shadow:1px 1px 1px #000000;}	
.eliminar a:hover,.eliminar a:focus,.eliminar a:active{ background:#900;}	
/**/
/*Fichas Datos*/
.ficha{ width:98%; display:table; margin:10px auto; background:#FEFEFE; font-family:"Times New Roman", Times, serif; box-shadow:1px 1px 7px #777;}
.ficha:hover{ background:#FAFAFA;}
.ficha-foto{ display:table; float:left; width:auto; /*padding:1%;*/}
.ficha-foto img{/*border:1px solid #999;*/}
.ficha-texto{ display:table; float:left; width:auto; padding:1%; color:#777; font-size:12px;}
.ficha-titulo{ font-size:22px;; color:#003366;}
.ficha-tit{ color:#000; font-size:18px; font-family:Arial, Helvetica, sans-serif; display:inline !important;}
.ficha-subtitulo{ font-size:14px;}
.ficha-email{}
.ficha-dato{ height:10px;}
.ficha-telefono{}
.ficha-celular{}
.ficha-texto span{ /*width:12px;*/ height:12px; display:inline-table; padding:0 5px 0 0;}
.ficha-texto span.ficha-label{ width:50px; height:12px;}
/**/

#foot{ /*background:#333; height:300px;*/}	
@media screen and (max-width: 1000px) {
	#aside{ width:100%;}
	#content{ width:100%; float:none;}
}
@media screen and (max-width: 800px) {
#content{ width:95%; min-width:0px; margin:0 auto}
#article{margin:0 auto;}
}
@media screen and (max-width: 500px) {
#contenido img{ width:100%; float:none; padding:0px;}
.ficha-foto{ width:100%; text-align:center;}
.ficha-texto{ width:100%;}
.ficha-titulo{ width:100%; text-align:center;}
.ficha-subtitulo{width:100%; text-align:center;}
.ficha-texto div span:first-child{ padding:0 5px 0 10px;}
.ficha-titulo span.ficha-tit{padding:0px !important;}
.ficha-dat{ display:inline-table; padding:0 5px 0 10px !important;}
}