@import url("tabscroll.css");

/*
Theme Name: MURAC grey
Theme URI: http://www.museomurac.com/
Description: Estilos para el tema-wordpress del Museo MURAC
Author: Israel Rodriguez Citores
Version: 1.1
Tags: murac, gris, minimalista, cufon
*/
/*
Estructura general de una pagina simple:
body 	#panfrito
		
				#cabecera
						h1
						#menu
						#searhForm
		
				#medio
						#container
						#sidebar
		
		#footer
*/

*{
	margin:0;
	padding:0;
	list-style-type: none;
	}
html, body {height: 100%;}
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.625em;
	color:#666;
	background-color: #F5F4F2;
	}
#panfrito{min-height: 100%;}
#medio{ clear: both;
		/*----  Footer pegado abajo ---------*/
		overflow:auto;
		padding-bottom: 250px; 
		}

/*Footer pegado abajo*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



/*----  OOCSS ---------*/
.lft{
	float:left; 
}
.rgt{
	float:right;}
.IVcol{
	width: 99em;
	}
.cont {
	padding:15px;
}
.Iem{
	font-size: 1em}
.tuto_95{
	width:95%;
	min-width:990px;
	max-width: 1200px;
	margin:auto;
}
.col_4de4{
	width:100%;
	position:relative;}
.col_3de4{
	width:76%;
	position:relative;}
.col_1de4{
	width:210px;}
.col_centro{
	width:65em;
	margin:auto;}
.bgW {
	background-color:white;
	border: solid 1px whitesmoke;}
.separador2em{
	margin: 2em auto;
	clear:both;}
#medio.separado40{
	margin-top:40px;
	}
.mrproper{clear:both;}
.bg_bisel{
	background: url(images/bg_bisel.png) repeat-x bottom;
	padding:0 0 10px}
.borde_gris_inf{
	border-bottom:solid 1px #F5F4F2;}
.sombracaja, .entry img, .parrilla img, #related_posts_thumbnails img{
	-moz-box-shadow:0px 0px 5px black;
	-webkit-box-shadow:0px 0px 5px black;
	box-shadow:0px 0px 5px black;
	}
.entry img.no_sombracaja{
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none}
.cajablanca{
	background-color: white;}
.oculto,#medio .ybh, #medio .ybf, 
#medio .ybad,#medio .yba,
#medio .gt,  #medio .gts
	{display: none;}

/*---- TEXTO SIMPLE -------*/
.archive #medio h1,
.page #medio h1,
.search #medio h1
{
	color: #666;
	letter-spacing: ;
	background: url(images/bg_bisel.png) repeat-x scroll center bottom;
	padding: 15px;
	margin: 0px 0px 20px;
	text-shadow: 1px 1px 0px white;
	font: normal 1.75em Raleway, "Helvetica Neue", Helvetica, "Lucida Grande", Arial;
	text-align: center;
	padding-right:23.7%;
	}
.entry{
	margin-bottom:2em;
	position:relative;
	}
.entry p{
	line-height:1.52em;
	font-size: 1.4em;
	margin: 0px 0px 1.15em;
	text-align: justify;
	}
.entry p.wp-caption-text{
	margin: 3px 0px 15px;
	border-bottom: solid 1px silver;
	padding-bottom: 10px;
	}
.entry h2:first-child{
	margin:0px 0px 20px;
	}
.entry h2 strong em{
	font: normal 40% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666;
	letter-spacing: 0px;
}

.entry ol li, .entry ul li{
	font-size: 1.22em;
	line-height: 1.45em;
	margin: 0 0 20px 30px;	}
.entry ol li{
	list-style-type:decimal;}
.entry ul li{
	background: transparent url(images/punto.png) no-repeat scroll 0 13px;
	margin:1em;
	padding: 0 0 0 15px;
	font-size: 1.3em;
	list-style-type: none ;
	list-style-position: outside;
}
.entry ul, .entry ol{
	margin-bottom: 2.5em;}
.entry strong {
	font-weight: bold;
	color: black;
}
.entry a.descarga{
	display:block;
	width: 531px;
	height: 60px;
	margin: 10px 0px;
	font: normal bold  140%/60px Arial, Helvetica, sans-serif;
	background: url(images/botonazo.png) no-repeat 0px 0px;
	border: none;
	color:#333;
	text-align:center;
	text-shadow: 0 1px 0 #FFEE66;
	}
.entry a.descarga:hover{
	color:black;
	text-shadow: 1px 1px 0px white;
}

 #medio.separado40 .col_centro h1,
.col_centro h2,
.col_centro h3,  
.col_centro h4{
	letter-spacing:-1px;
	color: #333;
	font: normal 4em Raleway, Arial;
	margin:35px 0 15px;
	color: black;
	border-bottom:solid 2px silver;
}
 #medio.separado40 .col_centro h1{
 	text-align: center;
 	padding: 0 0 10px 0;
 	background: transparent;
 	margin:0px 0 10px 0;
 }
.entry a{
	font-style:italic;
	color:#06F;
	}
.entryTags{
	font-size:0.9em;
	font-style: normal;
	text-transform: uppercase;
	display: block;
	padding: 0 0 10px 30px ;
	position:relative;
	text-align: center;
	}

.entryTags a{
	text-transform: capitalize;
	font-style: normal;
	padding: 0.2em;
	border:none;
	font-size: 1em;
	white-space:pre;
	}
acronym{
	font-size: 0.9em; 
	color: grey;
	border:none;
	text-transform:uppercase;
	margin-right: 15px;}

/* -- LINKS -- */
a {text-decoration:none;
	color: #06F;
	border:none;
	outline:none;}

#medio a:hover{
	font-weight:  ;
	font-style:normal;
	color:black;
	border-bottom:none;
	background-color: yellow;
	}
a:hover img{}
	
a.post-edit-link{
	display: block;
	position: absolute;
	top: 10px;
	left:10px;}
	
/*--- cabecera ---*/	
#cabecera{
	color:#FFF;
	position: relative;
	top:0px;
	padding:0px;
	}	
	
#cabecera .col_4de4{}
#cabecera h1  {width: 340px;}
#cabecera h1 a{
	display:block;
	width: 370px;
	height:40px;
	text-indent:-9999px;
	background: url(images/murac_logo.gif) no-repeat top left;
	margin: 0 0 0 20px	}
#cabecera h1 a:hover	{
	background: url(images/murac_logo.gif) no-repeat bottom left;}
#cabecera .description{
	font-size:12px;
	display:block;
	letter-spacing:1px;
	word-spacing:5px;
}


/*-- MENU --*/
#menu {
	margin:5px 0px 0px;
	}	
	
#menuList
{
	padding: 0px;
	height: 40px;
	position: relative;
	z-index: 11px;
}

#menuList li
{
	height: 100%;
	margin: 0px;
	position:relative;
	float: left;
}
#menuList a,
#menuList li.current_page_parent li a
{
/*	float: left;
*/	display: block;
	text-decoration: none;
	text-transform:uppercase;
	color: #666;
	font-weight: 800;
	letter-spacing: -0.05em;
	font-size: 1.1em;
	line-height: 40px;
	height: 40px;
	padding: 0px 15px;
	white-space: nowrap;
	
}
	#menuList li ul{
	margin: 0;
	padding: 15px 0 0 0;
	position: absolute;
	visibility: hidden;
	z-index: 20;
	border:  solid 10px #F5F4F2;
	border-top: none;
	left:-10px;
	background: #FFF url(images/menu_flecha.png) no-repeat -300px 0;
	}
	#menuList li li{
		float: none;
		display: inline
	}
	#menuList li li a,
	#menuList li.current_page_parent li a
	{
		background-color: white;
		white-space: nowrap;
	}


		/* DESTACADOS Amarillo  usted está aquí*/
		#menuList li.current_page_item a,
		#menuList li.current_page_parent li.current_page_item a,
		#menuList li.current-cat a,
		#menuList li.current_page_parent a,
		#menuList li a.active_category
		{
			background-color: yellow ;
			color: black;
			}
		
		/* Rollover desactivado en Museo y Colecciones (pages padres)*/	
		#menuList li.current_page_parent a,
		#menuList li.page-item-23 a:hover,
		#menuList li.page-item-308 a:hover
		{
			color:#666;
			cursor: crosshair;}
		#menuList li.current_page_parent a:hover{
			color:#666;
			background:yellow none no-repeat 0 0;
			}
			
		/* Rollover de texto negro*/
		#menuList li a:hover,
		#menuList li.current_page_parent li a:hover,
		#menuList li.page-item-23 li a:hover,
		#menuList li.page-item-308 li a:hover
		{
			background:white none no-repeat 0 0;
			color: black;
			cursor: pointer}	
		
			
					
		/* Rollover punto blacno sobre destacado amarillo*/
		#menuList li.current_page_item a:hover,
		#menuList li.current_page_parent li.current_page_item a:hover,
		#menuList li.current-cat a:hover,
		#menuList li a.active_category:hover
		{
			background: yellow url(images/circuloNav.png) no-repeat 1px -187px;
			cursor: pointer;
}

			
		#menuList li.current_page_item  ul,
		#menuList li.current_page_parent  ul
{
	background: #FFF url(images/menu_flecha.png) no-repeat 0 0;
	}
		/* Enlace de HOME*/



/*-- CONTENEDOR  --*/
.post{
	padding-bottom: 3em;}
.single .post h1 {
	letter-spacing:-1px;
	color: black;
	font: normal  normal 4em Raleway, Arial,sans-serif;
	padding: 20px 20px 20px 0;
	margin-left:100px;
	position:relative;
	font-size: 5.5em;
	line-height: 1em;
}

.single acronym{
	position:absolute;
	top:30px;
	left:50px;
	padding:0 10px;
	border-right: solid 1px silver;
	text-align:right;
	}
.single acronym span{
 	display:block;
	}	

#medio a.arriba{
	display:block;
	width:27px;
	height:27px;
	background: white url("images/ui.totop.png") no-repeat 0 0;
	padding:0px;
	text-indent: -9999px;
	border:none;
	margin-top: 30px;
	}
#medio a.arriba:hover{
	background: white url("images/ui.totop.png") no-repeat 0 -28px;
	}
	
blockquote{
	background-color:#F1f1f1;
	font:italic 1.2em "Times New Roman", Times, serif;
	padding:15px 15px 0px 15px;
	margin:0 0 10px ;
	border:1px solid whitesmoke;
	color: #333;
}

.wp-caption{
	display:block;
	margin:auto;
	text-align:center;
	font-size: 0.8em;
	color: grey;
	font-style:italic;}


/*----  PARILLA ---------*/

.parrilla{
	 position:relative;
	 width:95%;
	 margin:auto;
	 }
.parrilla li{
		float: left;
		width: 21.30em;
		margin-bottom: 10px;
		margin: 0px;
		position:relative;
		border: solid 1px #F5F4F2;
		 }


.parrilla a{
	display:block;
	height: 190px;
	text-shadow: 1px 1px white;
	padding:20px;
	}
#medio .parrilla a:hover{
	background-color: white;
	cursor:pointer;
/*	border: solid 1px white;
*/}
.parrilla a strong{
	text-transform: uppercase;
	color: grey; 
	display:block;
	position: absolute;
	top: 14em;
	left:0px;
	font: normal 1em Arial, Helvetica, sans-serif;
	}
.parrilla a:hover strong{
	color: black; 
	}
.parrilla a img{
	border:none;
	margin: 0.3em 0 1em 0; 
	}
/*----  parrilla UL GLAERIA ---------*/

ul#
border{
	margin:0;
	padding:0;
	height:1%;
	overflow:hidden;
	}
ul#galeria li{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	border:none;	}
ul#galeria li a{
	display:block;
	padding: 5px;
	text-align:center;
	margin-bottom: 15px;
	border:none;
	}
ul#galeria li a:hover{
	background-color:white;}
ul#galeria li a img{
	display:block;
	margin: 4px 0 0 0 ;
	border:none;
	}

/*----  SIDEBAR ---------*/
#sidebar{
	width: 23.5%;
}

#sidebar h2{

}

#sidebar ul{
}

#sidebar ul li{
}

#sidebar ul li a {
	display:block;
	padding:10px;
	}
	
	
#sidebar ul li a:hover {
	color: black;
	}

#sidebar .widget{
	margin:auto;
	width: 210px;
	}

.widget h3, .widget h2 {
	font:normal 1.8em Raleway, Arial, sans-serif;
	color: #333;
	padding:0 0 5px;
	border-bottom: solid 1px;
	text-align: center;
	margin:0;

	}
.widget li a{
	display:block;
	font: 1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:grey;
	}
.widget a{
	padding:10px;
	background: url(images/punto.png) no-repeat 0 13px;
	}
.widget a img{
	border:none;
	}
.widget a:hover{
	background:yellow none;
	color:black;
	}
.widget a.mapa{
	display: block;
	padding:0px;
	margin-top: 10px;
	background-image: none;
	text-align: center;
}
#medio .widget a.mapa:hover{
	background-color: transparent;
}
#info_entrada {
	width: 24%;
	background:white url(images/flechaExtra.png) no-repeat 0 80px  ;
	}
#info_entrada ul{
		
	}

#commentLink{
	background: white url(images/iconComent.png) no-repeat left -4px;
	position:relative;
	display:block;
	font: normal 2.35em Raleway, Arial;
	color: black;
	padding: 20px 0 20px 70px;
	text-transform:uppercase;
	}
#commentLink:hover{
	background-color: yellow;}
#commentLink #commentNum{
	font: normal 13px/30px Arial, Helvetica, sans-serif;
	color: white;
	display:block;
	width: 27px;
	text-align:center;
	position: absolute;
	left:30px;
	top:18px;
	 }

/* Social icon */
li#social{
	background: white url(images/iconNull.png) no-repeat left -4px;
	position:relative;
	display:block;
	height: 62px;
	border-top: solid 2px #f6f6f4;
}
li#social a{
	display: block;
	text-indent: -5000px;
	height: 20px;
}
li#social a#tw_icon{
	background: url(images/tweet_icon.png) no-repeat 0 0;
	width: 55px;
	position: absolute;
	top:21px;
	left: 30px;
	}
li#social a#tw_icon:hover{
	background: url(images/tweet_icon.png) no-repeat 0 -20px;
	}
li#social a#fb_icon{
	background: url(images/facebook_icon.png) no-repeat 0 0;
	width: 86px;
	position: absolute;
	top:21px;
	left: 105px;
	}
li#social a#fb_icon:hover{
	background: url(images/facebook_icon.png) no-repeat 0 -20px;
	}
/* --------- Sidebar de las TLP de COLECCIONES/CONTACTO/MUSEO ------------- */	
#info_madre {
	width: 23.7%;
	background:white url(images/pixel.gif) repeat-y 0 0;
	padding-bottom: 15px;
	margin-bottom: 20px;
	float:left;
	}
#info_madre h2{
	padding: 20px 15px;
	font: normal 1.1em Raleway, Arial, Helvetica, sans-serif;
	color: #666666;
	text-transform: uppercase; 
	}
#info_madre h2.parent{
	background: url(images/menu_flecha.png) no-repeat -300px bottom;
	padding-bottom: 10px 5px 20px 15px;
	}
#info_madre .page_item a{
	display:block;
	padding: 15px 15px 15px 35px;
	color: #666666;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
	}
#info_madre .page_item a:hover{
	background-color:yellow;
		}
#info_madre .current_page_item a{
	background:url(images/selected_drch.png) no-repeat left center;
	color:black;
	}
#info_madre.coleccion .current_page_item a{
	background:url(images/bg_flecha.png) no-repeat left center;
	color:black;
	}
#info_madre a.correo{
	display:block;
	height:36px;
	background: url(images/bg_correo.png) no-repeat 0px 0px;
	font: normal 1.15em Arial;
	color:black; 
	padding:10px 0 0 75px;
	}
#info_madre a.correo:hover{
	background: yellow url(images/bg_correo.png) no-repeat 0px 0px;
	}
#info_madre a.correo small{
	display:block;
	font: normal 80% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:grey;
	}
/*--NAVIGATION --*/
.pagination {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	height:26px;
	}
.pagination a{
	display: block;
	height: 28px;
	border: none;
	width:28px;
	text-indent:-9999px;
	cursor: pointer;}
.pagination .lft a{
	background: url(images/iconFlechaIzq.png) no-repeat 0 0  ;
	}
.pagination .rgt a{
	background: url(images/iconFlechaDrc.png) no-repeat right 0  ;
	}

#medio .pagination a:hover{
	background-position: 0px -28px;
	background-color:transparent;
	}
	
/* --------- PIE ------------- */			
	
#footer{
	margin:-220px auto 20px;/* valor top negativo de su altura + margen */
	clear:both;
	background-color: #e1e1e1;
	border: solid 2px #CCC;
	position: relative; 
	height: 200px;
	clear:both; 
}

ul#siguenos{
	background: url(images/logoPie.gif) no-repeat left top;
	padding-top: 5px;
	}
ul#siguenos a{
	color:black;
	display: block;
	height: 26px;
	font: 1em/26px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-left: 30px;
	margin-bottom:3px;
	cursor: pointer;
	
	}
a.RSS{
	background: url(images/iconRss.png) no-repeat 0 0;}
a.RSS:hover{
	background: url(images/iconRss.png) no-repeat 0 -26px;}
a.facebook{
	background: url(images/iconFacebook.png) no-repeat 0 0;}
a.facebook:hover{
	background: url(images/iconFacebook.png) no-repeat 0 -26px;}
a.flickr{
	background: url(images/iconFlickr.png) no-repeat 0 0;}
a.flickr:hover{
	background: url(images/iconFlickr.png) no-repeat 0 -26px;}
a.delicious{
	background: url(images/iconDelicious.png) no-repeat 0 0;}
a.delicious:hover{
	background: url(images/iconDelicious.png) no-repeat 0 -26px;}
		
ul#siguenos a:hover{
	background-color: transparent;
	}
ul#siguenos li{
	padding-left: 80px;
	}
	
#cabecera ul#siguenos{
	position: absolute;
	top:3px;
	right:0px;
	width: 125px;
	height: 26px;
	padding:0px;
	background: transparent none no-repeat left top;
	}
#cabecera  ul#siguenos li{
	padding:0px;
	float: right;
	margin: 0px;
	}
#cabecera  ul#siguenos li a{
	padding:0px;
	width: 26px;
	height: 26px;
	text-indent: -9000px;
	margin: 0 0 0 3px;
	overflow:hidden;
	}
	
	
#footer a.cc{
	padding: 5px;
	display:block;
	text-align: right;
	}
#footer a.login{
	position:absolute;
	display:block;
	top:15px;
	left:15px;
	width: 75px;
	height: 26px;
	text-indent:-9000px;
	overflow:hidden;
	}
#footer .widget_tag_cloud { 
	margin-left: 230px;
	}
#footer .widget_tag_cloud h2{
	color: black;
	margin: 0px 0px 10px 10px;
	font: normal 150% Raleway, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 10px 0px;
	border-bottom: solid 1px silver;
	}
#footer .widget_tag_cloud a{
	background-image: none;
	color: #555;
	text-shadow: 1px 1px 0px white;
	white-space: nowrap; 
	}

#footer .widget a:hover{
	color: black;
	}
	
	
/*---FORM DE BUSQUEDA--*/
#searchForm {
	width:24%;
	position: absolute;
	top: 45px;
	right: 0px;
	overflow:hidden;
	height:40px;
	background:white url(images/iconLupa.png) no-repeat top right;
	border-left: solid 2px #F5F4F2;
	}
#searchterm {
	border: none;
	font: bold Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	color: #666;
	line-height: 40px;
	padding:0 0 0 15px;
	background: transparent none no-repeat left top;
	width:12.4em;
	overflow:visible;
	}

#searchsubmit{
	display:block;
	position:absolute;
	right:0px;
	width:40px;
	height:40px;
	font-size:0;
	border: none;
	text-indent: -9999px;
	overflow:hidden;
	top:0px;
	background: transparent none no-repeat scroll center center;
	cursor:pointer;
	outline: none;
	padding-top: 40px;
}

/*---DATE FORMAT--*/
.published {

	}
.pub-month{
	}
.pub-month {
	}
.pub-date {
	}

/*---COMMENT LIST --*/
h3#comments{
	margin-top:0}
.commentlist{
	list-style:none;
	padding:0px;
	color: #666;
}
.commentlist li{
	border: solid 1px whitesmoke;
	background-color:#FCFCFC;
	position:relative;
}
.commentlist li .commentmetadata{
	padding-bottom: 10px;
	}
.commentnum{
	display:block;
	position: absolute;
	top:10px;
	right:10px;
	font: italic 4em "Times New Roman", Times, serif;
	color: #ccc;}
.commentlist li cite{
	font:italic bold 1.8em "Times New Roman", Times, serif;
	color: #06C;
}
.commentlist li .comment_text{
	font-size:1.27em;
	pading: 5px 0 20px 10px;}
.comment_text p,
.commentPack p{
	color: #666;
	margin: 1.5em 0;
	line-height: 1.4em;
}
.commentlist li:hover .comment_text{
	color: #333;}

.commentlist li.alt{
	
	
}

/*---COMMENT FORM / CONTACTO FORM --*/
#commentform{
	margin: 0 0 2.5em 0;
}

#commentform label{
	display:block;
	font: 1.2em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom: 0.8em;
	color: #999;
}
#commentform label small{
	font: 0.8em Verdana, Geneva, sans-serif;
	color:grey;
	text-transform:lowercase;
}

#commentform #campoName input,
#commentform #campoEmail input{
	width:27em;
	background-image: url(transparent);
	width: 90%;
	padding:10px;
	font: 1.5em Arial, Helvetica, sans-serif;
	color:#333
}
#commentform #campoMens,
#contacto #campoMens{
	clear:both;
	padding: 2em 0px;
}


#commentform #comment{
	font:1.5em/1.45em Arial, Helvetica, sans-serif;
	width: 510px;
	height: 12em;
	padding: 1em;
	margin:auto;
}
/* formulario de contacto*/
    #contacto{
    position:relative;}
	#contacto form{
		width: 535px;
		margin:auto;}
	#contacto ul li{
		list-style-type:none;
		margin:0px;
		padding:0px;
		position:relative;
		background-image: none;}
	#contacto label{
		color:#888;
		font-size:90%}
	#contacto .campoName input,
	#contacto .campoEmail input,
	#contacto #asunto,
	#contacto #mensaje,
	#contacto #imagen{
		padding:10px;
		color:#333;
		font: 1em Arial, Helvetica, sans-serif;
		margin: 5px 0 20px 0}
	#contacto .campoName input,
	#contacto .campoEmail input,
	 #contacto #imagen{
		background-image: url(transparent);
		color:#333;
	}
	#contacto .campoAsunto input{
		width: 515px;
		margin:auto;
	}
	#contacto textarea#mensaje{
		font:Arial, Helvetica, sans-serif;
		width: 515px;
		height: 12em;
	}
	#contacto li.submitForm{
		border:none;
		padding:0;
		width:535px;
		height:63px;
		overflow:hidden;
		cursor:pointer;
		background: transparent url(images/spriteMurac.png) no-repeat left -400px;
		position:relative;
		display:block; 
		cursor: pointer;
		}
	#contacto li.submitForm #submit{
		background:transparent none no-repeat 0 0 ;
		border:none;
		width:535px;
		height:63px;
		overflow:hidden;
		position:absolute;
		display:block;
		font: normal bold  140%/60px Arial, Helvetica, sans-serif;
		color:#333;
		text-shadow: 0 1px 0 #FFEE66;
		}
		#contacto li.submitForm #submit:hover{
		color:black;
		}
#submitForm{
	border:none;
	padding:0;
	width:535px;
	height:63px;
	cursor:pointer;
	background: transparent url(images/spriteMurac.png) no-repeat left -400px;
	position:relative;
	display:block; 
	cursor: pointer;}
#submitForm #submit{
	background:transparent none no-repeat 0 0 ;
	border:none;
	width:535px;
	margin-top:20px;
	position:absolute;
	display:block;
	font: normal bold  180% Arial, Helvetica, sans-serif;
	color:#333;
	text-shadow: 0 1px 0 #FFEE66;
	text-align: center;
	background: transparent none no-repeat left -400px;
	outline:: none;

}
#submitForm #submit:hover{
	color:black;
}
#commentform input,
#commentform textarea,
#contacto .campoName input,
#contacto .campoEmail input,
#contacto .campoAsunto input,
#contacto #mensaje, #contacto #imagen {
	border:solid 1px grey;
	background-color:#fcfcfc;
}
#commentform *:focus,
#contacto input:focus,
#contacto #mensaje:focus {
	border:solid 2px #39F;
	background-color: white;
}

#contacto .wpcf7-response-output{
	font: bold 1.35em Arial, Helvetica, sans-serif;
	text-align: center;
	color: white;
	}
#contacto .wpcf7-mail-sent-ok{
	background: green none no-repeat 0 0 ;
	}
#contacto .wpcf7-validation-errors, 
#contacto .wpcf7-spam-blocked{
		background: red none no-repeat 0 0;
}
#contacto .wpcf7-validation-errors,
#contacto .wpcf7-spam-blocked,
#contacto .wpcf7-mail-sent-ok{
	border: none;
	line-height: 50px;
	min-height:50px;
	width: 535px;
	padding:0px;
	margin-top: 10px;
	-moz-border-radius: 5px;
     border-radius: 5px;
	}
#contacto ul li span span{
	display:block;
	position:absolute;
	bottom: 8px;
	font: bold 80% Verdana, Geneva, sans-serif;
	color: #F00;
	}
#contacto li.campoImagen{
	position:absolute;
	left: 228px;
	top:120px;
	  z-index: 1; 
      margin-bottom: 48px; 
      width: 320px;
      height: 80px;
}
#contacto li.campoImagen label{
	color: black;
}
#contacto li.campoImagen #imagen{
            z-index: 3; 
            opacity: 0; 
            font-size: 16px; 
            position: absolute; 
            /* filter: alpha(opacity = 0); */
            }
	        
        li.campoImagen input { 
            position: absolute;  
            border: 1px solid grey;
            padding:10px;
            width: 200px;
            color: black;
            font-size: 13px;
                       
        }
        
        li.campoImagen span.file_falso b {             
            position: absolute; 
            z-index: 2; 
            left: 241px;
            padding: 6px 8px; 
            background: yellow; 
            border: 1px solid #CCCCCC; 
            -moz-border-radius: 3px; 
        }
        
        li.campoImagen span.file_falso b:hover, 
        li.campoImagen span.file_falso b.hover { 
            text-decoration: underline; 
        }

	
	
	
/*--- RESULTADOS DE BUSQUEDA / Categorias, etc---*/


#resultList{
	margin:0px;
	padding:0px;
	}
#resultList li{
	list-style-type: none;
	border-bottom: 1px solid silver;
	padding:5px 5px 10px;
	margin:0px;
	}
#resultList a{
	border:none;
	background-color: transparent;
	display:block;
	padding:5px
	}
#resultList a strong{
	font: normal 95% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
#resultList small a{
	color:silver;
	font-style:normal;
	border:none;
	display:inline;
	padding-left:5px;
	}

#resultList li acronym{
	font-size: 85%;
	color:silver;
	padding-left:5px;
	}
#resultList .commentsNumber{
	}
/*....... enlace TOP...........*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:28px;
	height:28px;
	border:none;
	text-indent:-999px;
	background:url(images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(images/ui.totop.png) no-repeat left -28px;
	width:28px;
	height:28px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*....... Related_posts_thumbnails...........*/
#sidebar .widget{
	margin-top:20px;
}

.entry #related_posts_thumbnails li {
	float:left;
	background: transparent;
	padding: 0 15px 0 0;
}
.entry #related_posts_thumbnails li a{
	font-style: normal;
	color:grey;
	text-transform: uppercase;
	font-size: 0.85em;
	line-height: 120%;
}
.entry #related_posts_thumbnails li a:hover{
	color: black;
}
#sidebar #related_posts_thumbnails li a{
	background-image: none;
	padding-top: 0px;
}
#related_posts_thumbnails a:hover{
	background: transparent;

}
#related_posts_thumbnails a img,
#related_posts_thumbnails a:hover img
{
	border: none;
	display: block;
	text-align: center;
	margin: 15px auto 5px;
}
#related_posts_thumbnails a span{
	display: block;
	width: 170px;
	margin:0 auto;
}