/* 
	Theme Name: Fabrica de Caricaturas v4.0 2-Columnas
	Theme URL: http://www.pixelcss.es
	Description: Fabrica de Caricaturas 2-columnas theme created for Wordpress.
	Author: BienB
	Author URI: http://www.pixelCSS.es
	Version: 4.0
	
	Changelog:
		v1.0 - 04.26.08
		v3.0 - 11.03.09
		v4.0 - 01.03.10
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
small {font-size: .75em;}

/* General ------------------------------------------------------------------- */
body {
	background-color: #ede7d7;
	color: #626262;
	font-family: Georgia, serif;
	font-size: 15px;
	line-height:1.2em;
	margin: 0 auto;
	padding: 0;
}

/*Fuentes */
h1 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 1em; color: #333; font-weight: bold;}
h2 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 1em; color: #333; font-weight: bold;}
h3 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 1em; color: #333; font-weight: bold;}
h4 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 1em; color: #333; font-weight: bold;}
h5 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 1em; color: #333; font-weight: bold;}

p 	{ font-size: 1em; margin-bottom: 1.2em; line-height: 1.1em; }
ul 	{ font-size: 1em; margin-bottom: 1.2em; line-height: 1.2em; }
table { font-size: 1em; }
caption {font-weight: bold;}

#content-home  .medio .in {font-size: 1em; }
#footer {font-size: 1em; }
#footer .footer-1  {font-size: 0.8em; }
#footer p.footer-email { font-family: arial, serif; font-size: 0.88em; }
#pie-in {font-size: 12px; font-weight: normal; }
#headertop h1 { font-size: 14px; font-weight:400; }
#nav li a, #nav li a:link, #nav li a:visited {font-size: 12px; }
#s { font-size: 11px; font-family: Arial, Tahoma, Verdana; }
#sbutt {font-size: 11px;	font-family: Arial, Tahoma, Verdana;}
#commentblock { font-size:13px; }
.commentdate { font-size: 12px; }
#name, #email, #url {font-size: 12px; font-family: Arial, Tahoma, Verdana; }
#words { font-size: 12px; font-family: Arial, Tahoma, Verdana; }
#submit { font-size: 11px; font-family: Arial, Tahoma, Verdana; }

a, a:visited { color: #498400; text-decoration: none; }
a:hover 		{ background-color:#498400; color:#fff; text-decoration: none; }
a.nobg , a:link.nobg, a:hover.nobg  { background-color:transparent !important; text-decoration: none !important; border: none !important; }
.noborder {border: none !important; }
.txt-right {text-align:right; }
.verde {color: #498400;}

blockquote {
	margin: 0 2em 1em 1em;
	padding: 0 0 0 .6em;
	border-left: 0.25em solid #dca934;
}

table {
	width: 100%;
	margin: 0 0 15px 0;
}
caption {
	text-align:left;
	background-color:#ce9283;
	color:#4c4b49;
	padding: 4px 4px 2px 4px;
}
th {
	background-color: #aca392;
	color: #fff;
	text-align:left;
	padding: 4px 4px 2px 4px;
	border-bottom: 2px solid #9cda4a;
}
td {
	background-color: #f5f2e6;
	padding: 4px;
}


/* Clases generales ---------------------------------------------------------- */
.clear 			{ clear:both; }
.separador-005  	{ width:100%; height:5px;  clear:both; }
.separador-010 	{ width:100%; height:10px; clear:both; }
.separador-020 	{ width:100%; height:20px; clear:both; }
.separador-030 	{ width:100%; height:30px; clear:both; }
.separador-040 	{ width:100%; height:40px; clear:both; }
.separador-050 	{ width:100%; height:50px; clear:both; }
.separador-450 	{ width:100%; height:20px; clear:both; background: transparent url(images/450x20-separador.gif) center no-repeat; margin: 30px auto; padding:0; }

.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden; 
} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */

/* :focus { outline: none; } */

.center { position:relative; width:900px; margin:0 auto; }


/* Header -------------------------------------------------------------------- */
#header {
	width:100%;
	height:29px;
	background-color: #322f2a;
}
#headertop { 
	width: 960px;
	height: 29px;
	margin: 0 auto;
	padding: 0;
	background: #322f2a url(images/bg-headertop.png) top center no-repeat;
}
#headertop h1 { color:#fff; margin:0; padding:5px; text-align: right; }


/* WRAP ----------------------------------------------------------------------- */
#wrap-home {
	background: #ede7d7 url(images/bg-wrap-home.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-pagina {
	background: #ede7d7 url(images/bg-wrap-pagina.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-caricaturas {
	background: #ede7d7 url(images/bg-wrap-caricaturas.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-complementos {
	background: #ede7d7 url(images/bg-wrap-complementos.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-tecnica-pastel {
	background: #ede7d7 url(images/bg-wrap-tecnica-pastel.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-tecnica-digital {
	background: #ede7d7 url(images/bg-wrap-tecnica-digital.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-tecnica-pvc {
	background: #ede7d7 url(images/bg-wrap-tecnica-pvc.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-tecnica-retrato {
	background: #ede7d7 url(images/bg-wrap-tecnica-retrato.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-guzman {
	background: #ede7d7 url(images/bg-wrap-guzman.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-gogue {
	background: #ede7d7 url(images/bg-wrap-gogue.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-michelcasado {
	background: #ede7d7 url(images/bg-wrap-michelcasado.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap-imma {
	background: #ede7d7 url(images/bg-wrap-imma.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}
#wrap {
	background: #ede7d7 url(images/bg-wrap.jpg) center -29px no-repeat;
	margin: 0 auto;
	padding: 0;
}


/* CONTENT-HOME ----------------------------------------------------------------- */
#content-home {
	position: relative;
	width: 960px;
	height: 630px;
	margin: 0 auto;
	clear:both;
}
#content-home  .izq {
	float: left;
	width: 310px;
	margin: 0;
	padding: 0;
}
#content-home  .medio {
	float: left;
	width: 450px;
	min-height:400px;
	margin: 0;
	padding: 0;
}
#content-home  .der {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}
	#content-home  .medio .in {
		margin:75px 10px 0 40px;
	}

	#content-home  p.p1 {
		float:right;
		width:200px;
		height:200px;
		margin:0;
		text-decoration:none;
		background:url("images/logo-arrugado.png") left 30px no-repeat;
	}
	#content-home  p.p1  span{
		position:absolute;
		text-indent: -9000px; 
	}

	#content-home  h2 {
		display: block;
		width: 310px;
		height:150px;
		background:url("images/logo-subtitle.png") top left no-repeat;
	}
	#content-home  h2  span{
		position:absolute;
		text-indent: -9000px; 
	}

	#nav-home { 
		width: 310px;
		min-height: 200px;
	}
	#navsprite {
		width: 135px; 
		/*height: 275px; */
		position: relative; 
		top: 0px;
		left: 148px;
	}
	#navsprite li {
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
	}
	#navsprite a {display: block;}
	#navsprite a {width: 159px;}
	#navsprite span {display: none;}

	#link_home {top: 0px;}
	#link_caricaturas {top: 32px;}
	#link_retratos {top: 64px;}
	#link_complementos {top: 96px;}
	#link_contacta {top: 128px;}
	#link_blog {top: 160px;}


	#link_home a {background: url(images/menu-link-home.png) no-repeat; height: 30px; }
	#link_caricaturas a {background: url(images/menu-link-caricaturas.png) no-repeat; height: 36px; }
	#link_retratos a {background: url(images/menu-link-retratos.png) no-repeat; height: 36px; }
	#link_complementos a {background: url(images/menu-link-complementos.png) no-repeat; height: 30px; }
	#link_contacta a {background: url(images/menu-link-contacta.png) no-repeat; height: 30px; }
	#link_blog a {background: url(images/menu-link-blog.png) no-repeat; height: 34px; }

	#link_home a:hover,#link_home .active {background-position: -159px 0px;}
	#link_caricaturas a:hover,#link_caricaturas .active {background-position: -159px 0px;}
	#link_retratos a:hover,#link_retratos .active {background-position: -159px 0px;}
	#link_complementos a:hover,#link_complementos .active {background-position: -159px 0px;}
	#link_contacta a:hover,#link_contacta .active {background-position: -159px 0px;}
	#link_blog a:hover,#link_blog .active {background-position: -159px 0px;}


/* CONTENT-AUTORES ----------------------------------------------------------------- */
#content-autores {
	position: relative;
	width: 960px;
	min-height: 630px;
	margin: 0 auto;
	clear:both;
}
	#content-autores #logo {
	float: right;
	width: 780px;
	margin: 0;
	padding: 0;
	clear:both; 
	}
	#content-autores #logo img {
	width: 275px;
	height:115px;
	margin: 10px 0 0;
	}
	#content-autores #logo a, #content-autores #logo a:link, #content-autores #logo a:hover {
	text-decoration:none;
	background-color:transparent;
	}
	#content-autores #menu {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	}
	#content-autores #celo img {
	position: absolute;
	top:  5px; 
	left: 145px;
	}
	#content-autores #menu #nav-home { 
		width: 180px;
	}
	#content-autores #menu #navsprite {
	position: relative;
	top: 0px !important;
	left: 0px !important;
	}

#content-autores  .izq {
	float: left;
	width: 470px;
	margin: 60px 0 0 0;
	padding: 0;
}
	#content-autores  .izq  .medio{
	width: 470px;
	background: transparent url(images/bg-bio-autor-medio.png) top center repeat-y;
	margin:0;
	}
	#content-autores  .izq  .abajo{
	width: 470px;
	height:115px;
	display:block;
	margin:-20px 0 0 0;
	background: transparent url(images/bg-bio-autor-abajo.png) top left no-repeat;
	}

#content-autores  .der {
	float: right;
	width: 490px;
	margin: 400px 0 0 0;
	padding: 0;
}

#content-autores #autor img {
	position: absolute;
	top:  122px; 
	left: 345px;
}

#content-autores  .izq .autor-bio {
	margin:0 15px 0 30px;
}
#content-autores  .izq .autor-bio h3 {
color:#626262;
}
#content-autores  .izq .autor-bio ul {
	margin-left:1em;
}
#content-autores  .izq .autor-bio li {
	margin: 0;
	padding:0;
}

#content-autores  h3.h3-title-ejemplos {
	display: block;
	width: 460px;
	height:100px;
	margin:0 0 0 30px;
	padding:0;
	background:url("images/h3-title-ejemplos.gif") top left no-repeat;
}
#content-autores  h3.h3-title-ejemplos span{
	position:absolute;
	text-indent: -9000px; 
}
#content-autores  h3.h3-title-ejemplos-lienzo {
	display: block;
	width: 460px;
	height:100px;
	margin:0 0 0 30px;
	padding:0;
	background:url("images/h3-title-ejemplos-lienzo.gif") top left no-repeat;
}
#content-autores  h3.h3-title-ejemplos-lienzo span{
	position:absolute;
	text-indent: -9000px; 
}

#content-autores  .der .autor-ejemplos {
	width: 440px;
	margin:20px 0 20px 50px;
}
#content-autores  .der .autor-ejemplos li {
	float:left; 
	list-style: none;
	margin:0 10px 10px 0;
	width:75px;
	height:75px;
}
#content-autores  .der .autor-ejemplos li img {
	width: 75px;
	height: 75px;
	border: 3px solid #cbc7bb;
}


#content-autores  .der .autor-ejemplos-lienzo {
	width: 440px;
	margin:20px 0 20px 50px;
}
#content-autores  .der .autor-ejemplos-lienzo li {
	float:left; 
	list-style: none;
	margin:0 10px 10px 0;
	width:200px;
	height:311px;
}
#content-autores  .der .autor-ejemplos-lienzo li img {
	width: 200px;
	height: 311px;
	border: 3px solid #cbc7bb;
}


/* CONTENT-PAGINA ----------------------------------------------------------------- */
#content-pagina {
	position: relative;
	width: 960px;
	min-height: 630px;
	margin: 0 auto;
	clear:both;
}
#content-pagina #flecha1 img {
	position: absolute;
	top:  425px; 
	left: 375px;
}

#content-pagina .izq {
	float: left;
	width: 470px;
	min-height:420px;
	margin: 0 0 20px 0;
	padding: 0;
}
	#content-pagina .izq .in {
		width: 450px;
		margin:0 10px;
	}
	#content-pagina .izq .in h3 {
		color:#626262;
	}
	#content-pagina .izq #cabecera {
		width: 470px;
		min-height:240px;
	}
		#content-pagina .izq #cabecera #logo {
		float: right;
		width: 290px;
		margin: 0;
		padding: 0;
		clear:both; 
		}
		#content-pagina .izq #cabecera #logo img {
		width: 275px;
		height:115px;
		margin: 10px 0 0;
		}
		#content-pagina .izq #cabecera #logo a, #content-pagina .izq #cabecera #logo a:link, #content-pagina .izq #cabecera #logo a:hover {
		text-decoration:none;
		background-color:transparent;
		}
		#content-pagina .izq #cabecera #menu {
		float: left;
		width: 180px;
		margin: 0;
		padding: 0;
		}
		#content-pagina .izq #cabecera #celo img {
		position: absolute;
		top:  5px; 
		left: 145px;
		}
		#content-pagina .izq #cabecera #menu #nav-home { 
			width: 180px;
		}
		#content-pagina .izq #cabecera #menu #navsprite {
		position: relative;
		top: 0px !important;
		left: 0px !important;
		}


#content-pagina .der {
	float: right;
	width: 490px;
	margin: 0;
	padding: 0;
}
#content-pagina .der .in{
	margin: 40px 0 20px 20px;
	padding: 0;
}


/* CONTENT ------------------------------------------------------------------------ */
#content {
/*
	width: 960px;
	margin: 0 auto;
	padding: 0;
	clear:both;
	*/
	position: relative;
	width: 960px;
	min-height: 630px;
	margin: 0 auto;
	clear:both;
}
	/* galeria-dibujantes --------------------------------------------------------- */
	#galeria-dibujantes {
	width: 960px;
	margin: 0 auto;
	clear: both;
	}
	#galeria-dibujantes  h3.title3 { 
	width:960px; 
	height:50px; 
	margin:0 0 16px -10px;
	text-decoration:none; 
	text-indent: -9000px; 
	background:url("images/h3-title3.png") left top no-repeat; 
	}
	#galeria-dibujantes .in {
	width:900px;
	margin:0 30px;
	overflow:hidden;
	clear:both;
	}
	#galeria-dibujantes  .in .izq {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	text-align:right;
	}
	#galeria-dibujantes  .in .der {
	float: right;
	width: 450px;
	margin: 0;
	padding: 0;
	text-align:left;
	}
	#galeria-dibujantes .in  span {display:block; margin:4px 2px !important;}

	/* recuadro-texto ----------------------------------------------------------------- */
	#recuadro-texto {
		width: 960px;
		margin: 0 auto;
		clear: both;
	}
		#recuadro-texto-up {
		width:900px;
		margin:0 30px;
		min-height:60px;
		overflow:hidden;
		display:inline-block;
		background: #ede7d7 url(images/recuadro-texto-up.png) top center no-repeat;
		}
		#recuadro-texto-down {
		width:900px;
		margin:0 30px;
		overflow:hidden;
		display:inline-block;
		min-height:60px;
		background: #ede7d7 url(images/recuadro-texto-down.png) top center no-repeat;
		}
		#recuadro-texto-in {
		width:900px;
		margin:0 30px;
		overflow:hidden;
		display:inline-block;
		min-height:30px;
		background: #ede7d7 url(images/recuadro-texto-in.png) top center repeat-y;
		clear:none;
		}
			#recuadro-texto-in .izq {
			float: left;
			width: 440px;
			margin-left:60px;
			}
			#recuadro-texto-in .izq  h3.title1 { 
			width:375px; 
			height:40px; 
			margin:0 0 16px -10px;
			text-decoration:none; 
			text-indent: -9000px; 
			background:url("images/h3-title1.png") left top no-repeat; 
			}
			#recuadro-texto-in .izq  h3.title1-retratos { 
			width:375px; 
			height:40px; 
			margin:0 0 16px -10px;
			text-decoration:none; 
			text-indent: -9000px; 
			background:url("images/h3-title1-retratos.png") left top no-repeat; 
			}
			#recuadro-texto-in .izq ul {
			margin-left: 20px;;
			}
			
			#recuadro-texto-in .der {
			float: left;
			width: 300px;
			margin-left:10px;
			padding-left:40px;
			background:url("images/recuadro-texto-sep.png") left top no-repeat; 
			}
			#recuadro-texto-in .der  h3.title2 { 
			width:375px; 
			height:40px; 
			margin:0 0 16px -10px;
			text-decoration:none; 
			text-indent: -9000px; 
			background:url("images/h3-title2.png") left top no-repeat; 
			}

			#recuadro-texto-in .der ul.ejemplos {
			float:left;
			margin:0;
			overflow:hidden;
			}
			#recuadro-texto-in .der .ejemplos li {
			float:left; 
			list-style: none;
			margin:0 10px 10px 0;
			width:75px;
			height:75px;
			}
			#recuadro-texto-in .der .ejemplos li img {
			width: 75px;
			height: 75px;
			border: 3px solid #cbc7bb;
			}
			#recuadro-texto-in .der  .ejemplos li a img, 
			#recuadro-texto-in .der  .ejemplos li a:visited img {
			text-decoration:none;
			border: 3px solid #cbc7bb;
			}
			#recuadro-texto-in .der .ejemplos li a:hover img {
			text-decoration:none;
			border: 3px solid #498400;
			}


	/* recuadro-novedades ------------------------------------------------------------- */
	#recuadro-novedades {
		width: 930px;
		margin: 0 auto;
		clear: both;
	}
	#recuadro-novedades img{margin:0 2px !important; }
	#recuadro-novedades a, #recuadro-novedades a:link, #recuadro-novedades a:hover {
		text-decoration:none !important;
		background-color:transparent !important;
	}


	/* recuadro-novedades-boda --------------------------------------------------------- */
	#recuadro-novedades-boda {
		width: 930px;
		margin: 0 auto;
		clear: both;
		background:url("images/recuadro-novedades-boda.jpg") left top no-repeat; 
	}
	#recuadro-novedades-boda .in { 
		width: 275px;
		min-height:220px;
		margin: 25px 0 0 290px;
		padding:100px 0 0 0;
	}		
	
	#recuadro-novedades-boda img{margin:0 2px !important; }
	#recuadro-novedades-boda a, #recuadro-novedades-boda a:link, #recuadro-novedades-boda a:hover {
		text-decoration:none !important;
		background-color:transparent !important;
	}
	#recuadro-novedades-boda a:hover {
		color:#d59a0e;
	}


	/* recuadro-novedades-pvc --------------------------------------------------------- */
	#recuadro-novedades-pvc {
		width: 930px;
		margin: 0 auto;
		clear: both;
		background:url("images/recuadro-novedades-pvc.jpg") left top no-repeat; 
	}
	#recuadro-novedades-pvc .in { 
		width: 350px;
		min-height:220px;
		margin: 25px 0 0 525px;
		padding:85px 0 0 0;
	}		
	
	#recuadro-novedades-pvc img{margin:0 2px !important; }
	#recuadro-novedades-pvc a, #recuadro-novedades-pvc a:link, #recuadro-novedades-pvc a:hover {
		color:#d59a0e;
		text-decoration:none !important;
		background-color:transparent !important;
	}
	#recuadro-novedades-pvc a:hover {
		color:#fff;
	}
	#recuadro-novedades-pvc .in .tarifa { 
	color:#fff;
	}



	/* galeria-invitaciones --------------------------------------------------------- */
	#galeria-invitaciones {
	width: 960px;
	margin: 0 auto;
	clear: both;
	}
	#galeria-invitaciones  h3.title3 { 
	width:960px; 
	height:50px; 
	margin:0 0 16px -10px;
	text-decoration:none; 
	text-indent: -9000px; 
	background:url("images/h3-title4.png") left top no-repeat; 
	}
	#galeria-invitaciones  ul { margin-left:20px;}
	#galeria-invitaciones .in {
	width:900px;
	margin:0 30px;
	overflow:hidden;
	clear:both;
	}
	#galeria-invitaciones .in .izq {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	text-align:left;
	}
	#galeria-invitaciones .in .izq  img {border: 3px solid #cbc7bb;}
	#galeria-invitaciones .in .der {
	float: right;
	width: 450px;
	margin: 0;
	padding: 0;
	text-align:left;
	}
	#galeria-invitaciones .in .der  img {border: 3px solid #cbc7bb;}

	/* formulario */
	#galeria-invitaciones .in .izq-form {
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
	text-align:left;
	}
	#galeria-invitaciones .in .der-form {
	float: right;
	width: 500px;
	margin: 0;
	padding: 0;
	text-align:left;
	}
	#galeria-invitaciones .in .der-form  form {margin:0; width:450px !important; background-color:#e8e1d2; border: 1px solid #d6d1c3; }



/* SCROLL */
#outstanding { position:relative; height:200px; margin-bottom:5px; }
#outstanding .scrollButtons { position:absolute; top:90px; width:18px; height:25px; background:url(images/destacados_flechas.png) no-repeat; text-indent:-10000px; outline:none; }
#outstanding .scrollButtons:hover { background-position:0 -25px; }
#outstanding .scrollButtons.right { left:880px; background-position:-18px 0; }
#outstanding .scrollButtons.right:hover { left:880px; background-position:-18px -25px; }
#outstanding .navegador ul { position:absolute; bottom:-24px; right:27px; z-index:3; }
#outstanding .navegador li { display:inline; list-style:none; }
#outstanding .navegador li a { display:inline-block; width:14px; height:14px; background:url(images/destacados_punto.png) no-repeat center top; text-align:left; text-indent:-10000px; outline:none; }
#outstanding .navegador li a.selected, #outstanding .navegador li a:hover { background-position:center bottom; }
#outstanding .scroll { position:absolute; top:0px; left:21px; z-index:1; width:856px; height:200px; overflow:hidden; }
#outstanding .scroll ul { height:200px; }
#outstanding .scroll li { position:relative; float:left; width:856px; height:200px; overflow:hidden; }

#outstanding .scroll li h3 { position:relative; z-index:2; padding:15px 0 0 10px; color:#000; font:38px Myriad,'Trebuchet MS',Helvetica,sans-serif; }
#outstanding .scroll li p { position:relative; z-index:2; padding-left:15px; font-size:16px; font-style:italic; }
#outstanding .scroll li a { color:#e2007a; text-decoration:none; }
#outstanding .scroll li a:hover { text-decoration:underline; }
#outstanding .scroll li img { position:absolute; top:0px; right:0; z-index:1; }

	
/* END CONTENT -------------------------------------------------------------------- */





/* MENU INFERIOR ------------------------------------------------------------------ */
#menu-inferior {
	width: 960px;
	min-height:120px;
	margin: 10px auto 0;
	padding: 0;
	background:url("images/bg-menu-inferior.gif") left top no-repeat;
	clear:both;
}
#droplineMenu {height:29px;; position:relative; width:100%; margin:0; padding: 98px 0 0 0; z-index:100;}
#droplineMenu ul {padding:0; margin:0; list-style:none;}
#droplineMenu table {border-collapse:collapse; width:0; height:0; margin-top:-1px;}
#droplineMenu ul ul li {float:left;}
#droplineMenu ul ul li a {display:block; float:left;}
#droplineMenu ul ul div {position:absolute; left:-9999px;}
#droplineMenu ul ul div span {display:block; width:100%; height:40px; position:absolute; left:0; top:0px; z-index:-1; }

#droplineMenu ul#menuOuter {display:inline-block;} 
#droplineMenu ul#menuOuter li.lv1-li {display:inline-block; display:inline; height:29px;}

#droplineMenu ul ul li a {height:29px;; line-height:29px; padding:0 20px 0 0; }
#droplineMenu ul ul li a span {display:block; height:29px; float:left; padding:0 0 0 20px;}
#droplineMenu ul ul li a:hover {line-height:29px;;}
#droplineMenu ul ul li a:hover span {line-height:29px;;}

#droplineMenu ul ul li a {color:#626262;}
#droplineMenu ul ul li a:hover {color:#fff;}

#droplineMenu ul ul li:hover > a {line-height:29px;}
#droplineMenu ul ul li:hover > a span {line-height:29px;}

#droplineMenu ul ul li.current a {line-height:29px;}
#droplineMenu ul ul li.current a span {line-height:29px;}

#droplineMenu ul ul li.current div {left:0; top:66px; width:100%; /*text-align:center; */}

#droplineMenu ul ul :hover div {left:0; top:66px; width:100%; /*text-align:center;*/}

#droplineMenu ul ul li div ul {display:inline-block;}
#droplineMenu ul ul li div ul li {display:inline-block; display:inline;}

#droplineMenu ul ul li div ul li a {height:25px; line-height:25px; font-size:12px; padding:0 20px;}
#droplineMenu ul ul li div ul li a:hover {line-height:25px;}

#droplineMenu ul#menuOuter li.lv1-li a:hover {direction:ltr;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div, 
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div {left:-9999px;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover div, 
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover div {left:0;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover a, 
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover a span, 
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover, 
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover span {line-height:29px;}

#droplineMenu ul ul li.current div ul li a {color:#fff; line-height:25px;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover ul li a,
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover ul li a {line-height:25px;}

#droplineMenu ul ul li.current div ul li.current_sub a,
#droplineMenu ul ul li.current div ul li.current_sub a:hover {line-height:29px;}






/* FOOTER ------------------------------------------------------------------------- */
#footerbg {
	background: none;
	clear:both;
}

#footer {
	width: 960px;
	min-height: 475px;
	margin: 0 auto;
	padding: 0;
	background:url("images/bg-footer.png") left top no-repeat;
	clear:both;
}
#footer p { color: #fff; margin-bottom: 5px; }

	.footer-1 {
	width: 230px;
	float: left;
	margin: 50px 15px 0 35px;
	padding: 0;
	text-align:right;
	}
	.footer-2 {
	width: 255px;
	float: left;
	margin: 50px 15px 0 30px;
	padding: 0;
	}
	.footer-3 {
	width: 345px;
	float: left;
	margin: 50px 15px 0 20px;
	padding: 0;
	}

#footer .footer-1  h4, #footer .footer-2  h4 , #footer .footer-3  h4  {
	display: block;
	width: 100%;
	height:40px;
}
#footer .footer-1  h4 { background:url("images/h4-title1.png") top right no-repeat; }
#footer .footer-2  h4 { background:url("images/h4-title3.png") top left no-repeat; }
#footer .footer-3  h4 { background:url("images/h4-title2.png") top left no-repeat; }
#footer .footer-1  h4 span, #footer .footer-2  h4 span, #footer .footer-3  h4 span {display:none;}

#footer .social-iconos a, #footer .social-iconos a:hover { display:block; height:50px; width:50px; background-color:transparent; text-decoration:none; position:absolute; text-indent: -9000px;}
#footer .rss  		{display:block; height:50px; width:50px; margin:0; float:left; background:url(images/social-rss.png); }
#footer .twitter		{display:block; height:50px; width:50px; margin:0; float:left; background:url(images/social-twitter.png); }
#footer .facebook 	{display:block; height:50px; width:50px; margin:0; float:left; background:url(images/social-facebook.png); }
#footer .delicious 	{display:block; height:50px; width:50px; margin:0; float:left; background:url(images/social-delicious.png); }
#footer .email 		{display:block; height:50px; width:50px; margin:0; float:left; background:url(images/social-email.png); }
.footer-2 a:link    {color:#fff !important; text-decoration:none !important; background-color:transparent !important;}
.footer-2 a:hover  {color:#3B5998 !important; text-decoration:none !important; background-color:transparent !important;}


#footer .footer-3  p { margin-left:10px;}
#footer p.footer-email {
	margin-top:8px;
	padding-left: 21px;
	color: #aeff00;
	background: url(images/mail.png) top left no-repeat;
}
#footer p.footer-email a {
	color: #aeff00 !important;
}
#footer p.footer-email a:hover {
	color: #fff !important;
/*	background-color: #aeff00 !important;*/
}

#footer a, #footer a:visited {
	padding: 0 2px;
	color: #fff; /*#328caf; /*0066cd;*/
	text-decoration: underline;
}
#footer a:hover {
	background-color:#578a17;
	color:#fff;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#footer li {
	display: block;
	margin: 0;
	padding: 2px 2px;
	border-bottom: 1px dotted #cccccc;
}
#footer li a, #footer li a:visited {
	background-color: transparent;
	padding: 1px 3px 1px 1px;
	border-bottom: 0;
	text-decoration: none;
}
#footer li a:hover {
	background-color:#498400;
	color:#fff;
	text-decoration: none;
}


/* PIE DE PAGINA ------------------------------------------------------------------ */
#pie {
	width:100%;
	min-height:70px;
	margin: 10px 0 0;
	padding: 10px 0;
	/*color: #fff;*/
	/*background-color: #322f2a;*/
	/*background-color: #365500;*/
	clear:both;
}
#pie a, #pie a:visited {
	padding: 0 2px;
	/*color: #fff;*/
	text-decoration: none;
}
#pie a:hover {
	background-color:#578a17;
	color:#fff;
}

#pie-in {
	width: 960px;
	min-height:50px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	text-align:center;
}
#pie-in #boletin {
	width: 960px;
	min-height:75px;
	margin:0 auto;	
}
#pie-in #boletin  #formulario{
	width: 200px;
	min-height:50px;
	margin:0 auto;	
}
#pie-in #boletin  #formulario a:hover {background:none !important; }
#pie-in #boletin  #formulario #etiqueta{ display:none;}


#pie-in .mini-banners {
	margin-top:10px;
}
#pie-in .mini-banners a:hover {
	background-color:transparent;
}

	
/* CONTENT-BLOG ------------------------------------------------------------------- */
#content-blog {
	position: relative;
	width: 960px;
	min-height: 630px;
	margin: 0 auto;
	clear:both;
}
#content-blog .izq {
	float: left;
	width: 600px;
	min-height:420px;
	margin: 0 0 20px 0;
	padding: 0;
}
	#content-blog .izq #cabecera {
		width: 470px;
		min-height:220px;
	}
		#content-blog .izq #cabecera #logo {
		float: right;
		width: 290px;
		margin: 0;
		padding: 0;
		clear:both; 
		}
		#content-blog .izq #cabecera #logo img {
		width: 275px;
		height:115px;
		margin: 10px 0 0;
		}
		#content-blog .izq #cabecera #logo a, #content-blog .izq #cabecera #logo a:link, #content-blog .izq #cabecera #logo a:hover {
		text-decoration:none;
		background-color:transparent;
		}
		#content-blog .izq #cabecera #menu {
		float: left;
		width: 180px;
		margin: 0;
		padding: 0;
		}
		#content-blog .izq #cabecera #celo img {
		position: absolute;
		top:  5px; 
		left: 145px;
		}
		#content-blog .izq #cabecera #menu #nav-home { 
			width: 180px;
		}
		#content-blog .izq #cabecera #menu #navsprite {
		position: relative;
		top: 10px !important;
		left: 0px !important;
		}
		
		#content-blog .izq .in {
		width: 560px;
		margin:0 10px 0 30px;
		}
		#content-blog .izq  h1 {font-size:1.8em; padding:1px 2px; border-bottom: 1px solid #9e9b96; }
		#content-blog .izq .in  .ficha { clear:both; width:100%; min-height:160px; margin:0; }
		#content-blog .izq .in  .ficha .imagen {float:left; display:block; width:160px; min-height:160px; margin:0; }
		#content-blog .izq .in  .ficha .imagen img { border: 3px solid #fff; }
		#content-blog .izq .in  .ficha .datos  {width:100%; margin:0 0 20px 0;}
		#content-blog .izq .in  .ficha .texto  {width:100%; margin:0 0 20px 0;}

		#content-blog .izq .adsense468x60  {clear:both; margin:30px 0 0 30px; }

#content-blog .der {
	float: right;
	width: 360px;
	margin: 0;
	padding: 0;
}
#content-blog .der .in{
	margin: 40px 20px;
	padding: 0;
}


/* Blog ----------------------------------------------------------------------- */
#content-blog .postleft {
	float: left;
	width: 470px;
	min-height:420px;
	margin: 0;
	padding: 0 0 20px 0;
	/*background: transparent url(images/bg-postleft.gif) top left no-repeat;*/
}
	#content-blog .postleft #cabecera {
		width: 470px;
		min-height:220px;
	}
		#content-blog .postleft #cabecera #logo {
		float: right;
		width: 290px;
		margin: 0;
		padding: 0;
		clear:both; 
		}
		#content-blog .postleft #cabecera #logo img {
		width: 275px;
		height:115px;
		margin: 10px 0 0;
		}
		#content-blog .postleft #cabecera #logo a, #content-blog .izq #cabecera #logo a:link, #content-blog .izq #cabecera #logo a:hover {
		text-decoration:none;
		background-color:transparent;
		}
		#content-blog .postleft #cabecera #menu {
		float: left;
		width: 180px;
		margin: 0;
		padding: 0;
		}
		#content-blog .postleft #cabecera #celo img {
		position: absolute;
		top:  5px; 
		left: 145px;
		}
		#content-blog .postleft #cabecera #menu #nav-home { 
			width: 180px;
		}
		#content-blog .postleft #cabecera #menu #navsprite {
		position: relative;
		top: 0px !important;
		left: 0px !important;
		}

	#content-blog .postleft  h1 {font-size:1.8em; padding:1px 2px; border-bottom: 1px solid #9e9b96; width:98%; }
	#content-blog .postleft p {
	margin: 0;
	padding: 0 0 15px 0;
	}
	#content-blog .postleft .in ul {
	margin-left:1.5em;
	}
	#content-blog .postleft .in li {
	margin: 0;
	padding:0;
	}

	#content-blog .postleft .sociable { clear:both; margin-top:30px; }

	#content-blog .postright {
	float: right;
	width: 490px;
	margin: 120px 0 0 0;
	padding: 0;
}
	#content-blog .postright img {
		margin:0;
		padding:0;
		border: 3px solid #fff;
		float:right;
	}


#content-blog h1 {
	margin: 40px 0 10px 0;
	padding: 0;
}
#content-blog h1 a  {
	padding: 1px 3px 1px 0;
	color: #333;
	text-decoration: none;
}
#content-blog h1 a:hover {
	color: #fff;
	text-decoration: none;
}

#content-blog .commentsleft {
	margin: 40px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #373737;
}


/* NAVIGATION ----------------------------------------------------------------- */
.navigation {
	background: url(images/bg-barra-nav.png) no-repeat top left;
	min-height:70px;
	padding:40px 8px 5px 8px;
	clear:both;
}
.nav {
	margin:0 0 20px 0;
	padding:0;
	color:#838383;
}
.nav a {
	padding:4px 8px 4px 8px;
	background:#fff;
	border:1px solid #e5e5e5;
	color:#838383;
	font-size:10px;
	margin:0 5px 0 0;
}
.nav a:hover {
	padding:4px 8px 4px 8px;
	border:1px solid #6878c6;
	color:#6878c6;
	text-decoration:none;
	font-size:10px;
	margin:0 5px 0 0;
}
.nav .on {
	padding:4px 8px 4px 8px;
	border:1px solid #6878c6;
	color:#6878c6;
	font-size:10px;
	margin:0 5px 0 0;
}
.nav span {
	padding:4px 8px 4px 8px;
	border:1px solid #e5e5e5;
	font-size:10px;
	margin:0 5px 0 0;
}




/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0;
	padding: 0;
	}
	
#searchform {
	margin: 0;
	padding: 4px 0 0 0;
	}

#s {
	background: #FFFFFF;
	width: 210px;
	color: #333333;
	padding: 3px;
	margin: 0 0 0 0;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}

#sbutt {
	background: #222222;
	color: #fff;
	padding: 1px;
	margin: 0;
	border: 1px solid #FFFFFF;
}

#sidebar { margin:110px 0 0 0; padding-left:10px; }
#sidebar ul {
	list-style: none;
	margin: 0 0 1em .5em;
	padding: 0;
	border: none;
}
#sidebar li {
	display: block;
	width:90%;
	margin: 0;
	padding: 2px 2px;
	border-bottom: 1px dotted #cccccc;
}
#sidebar li a, #sidebar li a:visited {
	background-color: transparent;
	padding: 1px 3px 1px 1px;
	border-bottom: 0;
	text-decoration: none;
	color:#626262;
}
#sidebar li a:hover {
	background-color:#498400;
	color:#fff;
	text-decoration: none;
}



/* Comentarios ---------------------------------------------------------------- */

#commentblock {
	width: 450px;
	float: left;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	line-height: 20px;
}
.commentleft {
	width: 130px;
	float: left;
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
	text-transform: lowercase;
}
.commentright {
	width: 270px;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-transform: lowercase;
}

#commentblock p {
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
}
#commentblock ol {
	margin: 0 5px 0 20px;
	padding: 0 0 10px 0;
}
#commentblock ol li {
	margin: 0;
	padding: 0;
}
.commentdate {
	padding-left: 0;
}
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0;
}
.commentname {
	color: #333333;
	margin: 0;
	padding: 5px 5px 5px 0;
}
.commentinfo {
	clear: both;
}

#name, #email, #url {
	width: 280px;
	color: #333;
	margin: 0;
	padding: 4px;
	background-color: #f5f2e6;
	border: 1px solid #998f78;
	border-left: 2px solid #998f78;
}

#words {
	width: 430px;
	color: #333;
	padding: 4px;
	margin: 0;
	background-color: #f5f2e6;
	border: 1px solid #998f78;
	border-left: 2px solid #998f78;
	}
	
#submit {
	color: #333;
	text-transform: uppercase;
	padding: 3px;
	margin: 0;
	background-color: #f5f2e6;
	border: 1px solid #998f78;
	border-left: 2px solid #998f78;
	}