/*
Theme Name: Dibutopia.org
Theme URI: http://www.dibutopia.org/
Description: Comuicar | Dise&ntilde;o Web & Comunicaci&oacute;n <a href="http://www.comunicarnet.com.ar/">Comunicar</a>.
Version: 2.0
Author: Javier Narese
Author URI: http://www.comunicarnet.com.ar/
Tags: blue, custom header, fixed width, two columns, widgets
*/

@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:url(images/bg_med.jpg); font-family:Georgia, "Times New Roman", Times, serif;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	
#contenedor{}
#top{ position:relative; height:177px; width:100%; background:url(images/bg_top_alt.jpg);}
#top.index{height:545px; width:100%; background:url(images/bg_top.jpg) no-repeat;}
#cabezal{ position:absolute; top:48px; z-index:8888;}
#cabezal.index{ position:absolute; top:0;}

#menu_principal{position:absolute; top:0;}
#menu_principal.index{position:absolute; top:177px;}
#menu{position:absolute; top:76px; left:5px;}

	.menu a {display:block; float:left; border:none; background-position:left top; background-repeat:no-repeat; width:148px;  height:48px; }
	
	.menu a:hover{ background-position: 0 -48px; text-decoration: none; }
	.menu .activo {background-position: 0 -48px; text-decoration: none;}
	.menu .alt { display:none; }
	.menu a#quienes { background-image:url(images/btn_1.jpg); width:148px;}
	.menu a#artistas { background-image:url(images/btn_2.jpg); width:136px; }
	.menu a#contenido { background-image:url(images/btn_3.jpg); width:140px; }
	.menu a#servicios { background-image:url(images/btn_4.jpg);width:147px;}
	.menu a#contactenos { background-image:url(images/btn_5.jpg); width:183px;}

.org{ width:220px;}
	.org a {display:block; float:left; border:none; background-position:left top; background-repeat:no-repeat; padding:0 0 0 85px; width:140px;  height:59px; z-index:9999; text-decoration:none;}
	.org a:hover{ background-position: 0 -59px; text-decoration: none; }
		.org a:hover .alt{ color:#B91A1A;}
		.org a:hover p{ color:#B91A1A;}
	.org .activo {background-position: 0 -59px; text-decoration: none;}
	.org a .alt { font-size:21px; letter-spacing:-1px; text-decoration:none; color:#68421C;}
		.org a p{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:0; margin:0; line-height:10px;}
	.org a#unhil { background-image:url(images/btn_unhil.jpg); }
	.org a#uc { background-image:url(images/btn_uc.jpg); }
	.org a#mac { background-image:url(images/btn_macleod.jpg); }
	.org a#ekeco { background-image:url(images/btn_ekeco.jpg); }
	.org a#tucumanga { background-image:url(images/btn_tucumanga.jpg); }
	

#buscador{ position:absolute; top:-2px; left:733px; background:url(images/buscador.jpg) no-repeat right top; padding:13px; width:150px; height:38px;}
	.formu{ background:url(images/bg_form.jpg) repeat-x; border:1px solid #882D0E; color:#FFF;}
#buscador.index{ top:176px;}	
	
#muestra{ position:absolute; top:255px; left:30px;}
#organizaciones{ position:absolute; top:75px; left:685px; width:220px;}
	#organizaciones.index{top:255px;}
a{ color:#968056; text-decoration:none;}
a:hover{ color:#968056; text-decoration:underline;}

h4 a{ color:#955F2E; text-decoration:none;}
h4 a:hover{ color:#968056; text-decoration:underline;}



h1{font-weight:normal; font-size:32px; letter-spacing:-1px; color:#544330;}
p{ color:#333; font-size:13px; line-height:21px;}
p.postmetadata{ padding:0; margin:0;}
.postmetadata{ line-height:14px;}
h2{ font-weight:normal; font-size:26px; letter-spacing:-1px; color:#544330;}
h3{ font-weight:normal; font-size:21px; letter-spacing:-1px; color:#544330;}
.search h3{ padding:0; margin:0; }
h4{ color:#955F2E; font-size:12px; padding:0; margin:0; }

h2 a{ color:#968056; text-decoration:none;}
h2 a:hover{ color:#968056; text-decoration:underline;}

h4 a{ color:#955F2E; text-decoration:none;}
h4 a:hover{ color:#968056; text-decoration:underline;}


#contenido{}
	#col_1{float:left; padding:20px 0 0 30px; width:390px;}
		#col_1a{float:left; padding:20px 0 0 30px; width:640px;}
	
	#col_2{float:left; padding:20px 0 0 20px; width:225px;}
	#col_3{float:left; padding:20px 0 0 20px; width:220px;}
		#col_3 li, #col_3 li ul,#col_3 li ul li{ margin:0; padding:0; list-style:none;}
		#col_3.index{ padding:200px 0 0 20px;}
.noticia{ display:block; background:url(images/sep_col3.gif) no-repeat bottom; padding:0 0 15px 0;}
	.noticia #h4{ padding:0; margin:0;}
	.fecha{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#955F2E}
.post, .post.search{ padding:0 0 15px 0; border-bottom:1px dashed #955F2E;}
.navigation{ font-size:11px;}
.artista{ display:block; border-bottom:1px dashed #955F2E; padding:0; background:#000; margin:5px 0;}
.artista_box{ display:block; position:relative;}
.artista_box h3{ position:absolute; bottom:0; display:block; background:#333 url(images/art_flech.jpg) no-repeat left top; color:#FFF; font-size:14px; padding:5px 10px 5px 25px;  margin:0;}
.artista_box h3 a{ color:#FFF;}
p img {
	padding: 0;
	max-width: 100%;
	}
	
.size-thumbnail, .size-medium{ float:left; border:1px solid #955F2E;}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	float:right;
	padding: 4px;
	margin: 0 0 2px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 2px 0;
	display: inline;
	}

/* COMENTARIOS */
.commentlist cite{ display:block; padding:5px 5px 5px 27px; background: url(images/com_tit.jpg) no-repeat left bottom; font-style:normal; color:#4E3218; font-size:18px;}
	.commentlist li, .commentlist li ul li{ list-style-type:none; padding:0; margin:0;}
	.commentlist cite a{ color:#4E3218; text-decoration:none;}
	.commentlist cite a:hover{ text-decoration:underline;}
	.com_top{ display:block; width:390px; height:15px; background:url(images/com_top.jpg) no-repeat;}
	.com_cen{display:block; width:366px; background:#FFF; padding:10px; border-left:1px solid #EBD9B5; border-right:3px solid #EBD9B5;}
	.com_cen em{ display:block; padding:10px; background:#990000; color:#FFF; font-size:11px; margin:5px 0;}
	.com_cen .commentmetadata{ font-size:9px; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;}
	.com_cen p{ padding:5px 0; margin:0; font-size:11px; line-height:14px;}
	.com_pie{display:block; width:390px; height:15px; background:url(images/com_pie.jpg) no-repeat; margin-bottom:5px;}
	

#pie{ position:relative; height:220px; width:100%; float:left; position:relative; background:url(images/bg_pie.jpg) no-repeat;}
	#dibutopia{ position:absolute; top:30px; left:30px; height:146px; width:288px; background:url(images/bg_pie_dibutopia.jpg) no-repeat;}
		#dibutopia p{ padding:60px 0 0 0; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px;}
	#comunicar{position:absolute; top:30px; left:700px; background:url(images/comunicar.jpg) no-repeat; padding:62px 0 0 50px; width:113px; font-size:10px;font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px;}
	#comunicar a{color:#563317; text-decoration:none;}
	#comunicar a:hover{color:#00CCFF;}