@import url("hack.css");/*    Tripoli is a generic CSS standard for HTML rendering.     Copyright (C) 2007  David Hellsing    */
* {	margin: 0px;	padding: 0px;	text-decoration: none;	font-size: 1em;	outline: none;}    

body  {	margin: 0;	padding: 0;	color: #333333;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.8em;	background: url(imgcss/fondo-globos.gif) center top;    }

#todo {	background-image: url(imgcss/body-bg.jpg);	background-position: center top;	background-repeat: repeat-x;}    

#container {	width: 770px;	margin-right: auto;	margin-left: auto;    } 

#medio {	background: url(imgcss/prin-medio.gif) repeat-y left;}    

#header {	height: 300px;	position: relative;	background: url(imgcss/prin-top.gif) no-repeat left 210px;    } 

#header h1 {	/*---PNG HACK PARA IE6---*/	width: 350px;	height: 190px;	background-image: url("imgcss/logo.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/logo.png'); 	/*fin de hack --- atento a los detalles*/	position: absolute;	left: 210px;	top: 10px;	text-indent: -9999px;	background-repeat: no-repeat;    }

#header #cuento {	height: 195px;	width: 220px;	background-image: url("http://www.diegocalavia.com/imgcss/fondo-naipe.png") !important;	background-image: none; 	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/fondo-naipe.png'); 	position: absolute;	left: 560px;	color: #6D7D00;	font-size: 10px;	text-align: justify;}

#header  #cuento  p {	padding-right: 25px;	padding-left: 25px;	text-align: left;	line-height: 1.2em;	padding-top: 5px;}

#header #cuento em {	padding-left: 20px;	text-align: right;	display: block;	margin-top: 5px;}
#header  #cuento  .cita {	padding-left: 20px;	text-align: right;	display: block;	font-style: italic;	padding-right: 20px;	padding-top: 2px;}
#content  {	text-align: left;	margin-left: 260px;	padding-right: 20px;    } 
.deco  #content  {	padding-left: 10px;	padding-right: 10px;}
#content  h3  {	font: normal 200% Verdana, Arial, Helvetica, sans-serif;	margin-bottom: 0.5em;	color: #006600;	text-transform: uppercase;	letter-spacing: -0.12em;	word-spacing: .5em;}
#content  p  {	font: 1em/1.3em Verdana, Arial, Helvetica, sans-serif;	padding-bottom: 1em;	word-spacing: 0.3em;}
#medio h2 {	margin-left: 300px;	margin-bottom: 20px;}
#espectaculos {	margin: -20px 0px 20px 300px;	padding: 0px 0px 5px;	list-style: none;	background: url(imgcss/esp-medio-rojo.gif) bottom;	width: 449px;	top: -15px;}
#espectaculos li   {	margin: 0px;	padding: 0px;	display: inline;}
#espectaculos.azul {	background: url(imgcss/esp-medio-az.gif) no-repeat left bottom;}
#espectaculos   a {
	color: #F5D8CF;
	text-transform: uppercase;
	margin: 0px;
	padding: 4px 0 4px 20px;
	display: block;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#espectaculos a:hover {
	color: #FFFFFF;
}
#espectaculos.azul a {
	color: #D8E2E2;
}
#espectaculos.azul a:hover {
	color: #FFFFFF;
}
#espectaculos  a.top {	background: url(imgcss/esp-top-rojo.gif) no-repeat left top;	padding-top: 25px;}
#espectaculos.azul a.top {	background: url(imgcss/esp-top-az.gif) no-repeat left top;}
div.articulo {	margin-bottom: 1em;}
div.art-txt {	text-align: left;	margin-left: 300px;	padding-right: 20px;}

div.art-txt  h3  {	font: normal 200% Arial, Helvetica, sans-serif;	margin-bottom: 0.5em;}
.infantil div.art-txt h3, .adulto div.art-txt h3, .empresa div.art-txt h3 {	color: #DB3200;}

.globos div.art-txt  h3, .deco div.art-txt  h3  {}
.blog div.art-txt  h3  {}
.info div.art-txt  h3, .curri div.art-txt  h3  {	color: #0077F7;}
div.art-txt  p  {	font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif;	margin-bottom: 1em;	word-spacing: 0.3em;}
div.art-img  {	float: left;	padding-left: 35px;	padding-right: 14px;}
div.art-img img {	border-style: none;	padding-top: 13px;	padding-right: 14px;	background: url(imgcss/img-back.gif) no-repeat right 4px;	margin-top: 8px;}
div.art-img img.simple {	margin: 0px 0px 10px;	padding: 0px;}
#footer  {	margin: 0 0 20px; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */	background: url(imgcss/prin-abajo.gif) no-repeat left bottom;	text-align: center;	font-size: 11px;	color: #666666;    }
#footer a {	font-weight: bold;	color: #006699;	text-decoration: underline;}
.index  #inicio {	background-image: url(imgcss/inicio-fond.jpg);	background-repeat: no-repeat;	background-position: center top;}
.index #content {	margin-left: 300px;	padding: 0px 20px;	text-align: left;	height: 222px;}
.index #content h3 {	font: normal 160% Verdana, Arial, Helvetica, sans-serif;	word-spacing: 0.18em;	letter-spacing: -0.08em;	text-align: center;	margin-bottom: 0.8em;	color: #376C0E;}
.index #content h3.normal {	word-spacing: 0.12em;	text-align: left;	margin-bottom: 0.8em;	color: #333333;	font-size: 100%;	font-style: normal;	font-weight: normal;	font-variant: normal;	letter-spacing: 0em;	line-height: 1.5em;}
.infantil, .empresa, .adulto {	background: url(imgcss/fondo-globosrojo.gif) center top;}
.infantil #todo, .empresa #todo, .adulto #todo {	background: url(imgcss/body-bgrojo.jpg) repeat-x center top;}#diego {	height: 333px;	width: 342px;	position: absolute;	z-index: 3;	margin-left: -100px;	text-indent: -9999px;	background: left top;}
.index #diego {	background: url(imgcss/inicio-diego.png);	height: 450px;	width: 377px;	/*---PNG HACK PARA IE6---*/	background-image: url("imgcss/inicio-diego.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/inicio-diego.png');	/*fin de hack --- atento a los detalles*/	position: absolute;	left: 0px;	top: 49px;}
.infantil  #diego {	background: url(imgcss/infantil-fond.png) no-repeat;		/*---PNG HACK PARA IE6---*/	background-image: url("imgcss/infantil-fond.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/infantil-fond.png'); 	/*fin de hack --- atento a los detalles*/}
.adulto  #diego {	background: url(imgcss/adultos-fond.png) no-repeat;			/*---PNG HACK PARA IE6---*/	background-image: url("imgcss/adultos-fond.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/adultos-fond.png'); 	/*fin de hack --- atento a los detalles*/}
.empresa  #diego {	background: url(imgcss/empresa-fond.png) no-repeat;			/*---PNG HACK PARA IE6---*/	background-image: url("imgcss/empresa-fond.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/empresa-fond.png'); 	/*fin de hack --- atento a los detalles*/}
.blog  #diego {	background: url(http://www.diegocalavia.com/imgcss/blog-diego.png) no-repeat;			/*---PNG HACK PARA IE6---*/	background-image: url("http://www.diegocalavia.com/imgcss/blog-diego.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.diegocalavia.com/imgcss/blog-diego.png'); 	/*fin de hack --- atento a los detalles*/}
.globos  #diego {	background: url(imgcss/globos-fond.png) no-repeat;			/*---PNG HACK PARA IE6---*/	background-image: url("imgcss/globos-fond.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/globos-fond.png'); 	/*fin de hack --- atento a los detalles*/}
.deco  #diego {	background: url(imgcss/globosdeco-fond.png) no-repeat;				/*---PNG HACK PARA IE6---*/	background-image: url("imgcss/globosdeco-fond.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/globosdeco-fond.png'); 	/*fin de hack --- atento a los detalles*/}
.globos, .deco {	background: url(imgcss/fondo-globosvioleta.gif) center top;}
.globos #todo, .deco #todo {	background: url(imgcss/body-bgvioleta.jpg) repeat-x center top;}
.info  #diego {	background: url(imgcss/info-fond.png) no-repeat;				/*---PNG HACK PARA IE6---*/	background-image: url("imgcss/info-fond.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/info-fond.png'); 	/*fin de hack --- atento a los detalles*/}
.curri  #diego {	background: url(imgcss/curri-fond.png) no-repeat;				/*---PNG HACK PARA IE6---*/	background-image: url("imgcss/curri-fond.png") !important;	background-image: none;	filter: none !important;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgcss/curri-fond.png'); 	/*fin de hack --- atento a los detalles*/}
.curri, .info {	background: url(imgcss/fondo-globosazul.gif) center top;}
.curri #todo, .info #todo {	background: url(imgcss/body-bgazul.jpg) repeat-x center top;}.cleaner {	clear: both;}
.imgIzq {	margin-right: 1em;	margin-bottom: 1em;}
.galeria {	padding-left: 0px;	margin-left: 300px;}
.galeria a img {	margin-bottom: 10px;	margin-right: 28px;	border-color: #000000;}
.lateral-txt {	text-align: left;	float: left;	width: 240px;	padding-left: 30px;}
.lateral-txt p{	font: 11px /1.3em Verdana, Arial, Helvetica, sans-serif;	margin-bottom: 1em;}
.lateral-txt p.aumento {	font: 1em /1.3em Verdana, Arial, Helvetica, sans-serif;	margin-bottom: 1em;}
.lateral-txt a {	font-weight: bold;	color: #006699;	text-decoration: underline;}.lateral-txt a:hover {	text-decoration: none;}
.infantil a.arriba, .adulto a.arriba, .empresa a.arriba {
	display: block;
	text-decoration: underline;
	margin-bottom: 30px;
	background: url(imgcss/arriba1rojo.gif) no-repeat right top;
	text-indent: -9999px;
	height: 28px;
	margin-right: 15px;

}
.infantil a.arriba:hover, .adulto a.arriba:hover, .empresa a.arriba:hover {
	display: block;
	text-decoration: underline;
	margin-bottom: 30px;
	background: url(imgcss/arriba2rojo.gif) no-repeat right top;
	text-indent: -9999px;
	height: 28px;
	margin-right: 15px;

}
.curri a.arriba {
	display: block;
	text-decoration: underline;
	margin-bottom: 30px;
	background: url(imgcss/arriba1az.gif) no-repeat right top;
	text-indent: -9999px;
	height: 28px;
	margin-right: 15px;
}
.curri a.arriba:hover {
	display: block;
	text-decoration: underline;
	margin-bottom: 30px;
	background: url(imgcss/arriba2az.gif) no-repeat right top;
	text-indent: -9999px;
	height: 28px;
}
body.globos h2{
	background: url(imgcss/tit-glo.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 38px;
	width: 238px;
}
body.globos a.extra{
	font-size: 90%;
	font-weight: bold;
	color: #F700C6;
	text-decoration: none;
	margin-top: 50px;
	display: block;
}