/*NEGRO CLARITO*/
a {
	color:#222;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
	color:#333;
}

a img{	border:0;
}

ul,ol,dl{		font-size:0.9em; 
		margin:2px 0 16px 30px;}

ul ul,ol ol{	margin:4px 0 4px 35px;}


blockquote{	font-size:0.9em;
		border:1px solid #dadada;
		margin:20px 10px;
		padding:8px;
}
ul {		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		list-style-image: url(i/gen/arrow.gif);
		list-style-position: outside;
		margin-right: 1em;
		line-height:1.6em;
}

h1 {		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		margin-left: 1em;
}


p {
	font-family: "Lucida Grande","Lucida Sans Unicode", Arial,Verdana,Sans-serif;
	font-size: 12px;
	padding-left: 1em;
	line-height:1.6em;
	margin:0.7em 0pt 2px;
	text-align:justify;
}



* {
	font-family:tahoma,arial, helvetica, sans-serif;
}
body {
	background: #e25b0a url('i/gen/fondo.gif');
	margin:10px;
}

#contenedor {
	clear:both;
	width:840px;
	height:auto !important;
	height:540px;
	min-height:540px;
	margin:0 auto 0 auto;
	background:#FFF;
	border-right:1px solid #e25b0a;
}

#cabecera {
	width:840px;
	margin:0 auto 0 auto;
}

#cabecera h1 {
	margin:0;
	padding:2px 0 3px 0;
	font-family: "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,sans-serif;
	font-size:9pt;
	color:#fff;
	font-weight:normal;
	width:500px;
	float:left;
}

#nav {
	float:right;
	display:inline;
	padding:12px 10px 0 0;
}

#nav a {
	margin:0 2px 0 1px;
	padding:0 2px 0 1px;
	color:#222;
	text-decoration:none;
	font-size:8pt;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	text-transform:uppercase;
	letter-spacing: -1px;
}

#nav a:hover {
	text-decoration:none;
	color:#BCBCBC;
}





#izda {
	width:240px;
	height:auto !important;
	float:left;
	margin-bottom:15px;
	padding-bottom:15px;
	background: #2a2a2a;
}

#izda img {
	margin:10px;
}

#izda a img {
	margin:8px 10px 0 10px;
}

#izda #logo a img {
	margin:10px;
}

#izda h2 {
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:-1px;
	margin: 15px 15px 0 15px;
	color:#222;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	text-transform:uppercase;
}

#dcha {
	float:right;
	width:590px;
	background:#fff;
	padding:0 0 0 8px;
}

#dcha h1 {
	background: #222 url(i/gen/muesca.jpg);
	background-position:bottom left;
	background-repeat: no-repeat;

	font-size:14pt;
	font-weight:normal;
	font-family:Trebuchet MS, tahoma, arial;
	margin:36px 0 12px 0;
	padding:0 0 0 15px;
	height:35px;
	line-height:34px;
	color:#ececec;
}

#dcha .thumb {
	display:inline;
	width:110px;
	height:85px;
	padding:15px;
	float:left;
}

#dcha .thumb img {
	padding:5px;
	background:#fff;
	border:0;
}

.migas {		padding: 5px 5px 0 8px; 
		margin:0 0 2px 0;
		font: bold 8pt "Trebuchet MS", tahoma, verdana, arial, sans-serif;
		width: 600px;
		height:20px;
		clear:right;
}
.migas a{
		text-decoration:none;
		height:20px;
}
.migas a:hover {
		color: #BCBCBC;
		text-decoration:none;
}

#grandoc {
	text-align:center;
	margin:8px 0 8px 0;
}

#ant{
	margin:2px 5px 2px 5px;
	float:left;
	display:block;
	border:1px solid #222;
	padding:5px 10px 5px 10px;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:8pt;
	color:#222;
	font-weight:bold;
}

#sig{
	margin:2px 5px 2px 5px;
	float:right;
	display:block;
	border:1px solid #222;
	padding:5px 10px 5px 10px;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:8pt;
	color:#222;
	font-weight:bold;
}

#ant a{
	text-decoration:none;
}
#ant a:hover {
	color: #BCBCBC;
	text-decoration:none;
}

#sig a{
	text-decoration:none;
}
#sig a:hover {
	color: #BCBCBC;
	text-decoration:none;
}
/*----Comics-----  */

.comic img{
		padding:10px;
		margin: 5px; 
		border: #DDD 1px solid; 
}

#numeros{
	clear:both;
}
#pocos{
	clear:both;
}
#boabadas{
	clear:both;
}
#pecab{
	clear:both;
}
#chicherone{
	clear:both;
}
#dosperros{
	clear:both;
}
#compraventa{
	clear:both;
}
/******** Formulario ********/

select {
		background-color:#FFF;
		border:1px solid #818181;
		height:22px;
}
.bordergrey{
		background-color:#FFF;
		border:1px solid #818181;
		height:22px;
}

#form{
		margin:0px 5px 5px 5px;
		PADDING-RIGHT: 5px; 
		PADDING-LEFT: 5px; 
		PADDING-TOP: 5px; 
		PADDING-BOTTOM: 10px; 
		line-height:1.6em;
		text-align:left;
		color: black; 
		font-size: 8pt; 
		font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; 
		background:#FFFFFF;
		vertical-align:top;
		width:330px;
}

.formulario 	{
		margin: 2px 5px 2px 0;
		FONT-SIZE: 11px;
		COLOR: #666666;
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		background-color:#FFF;
		padding: 2px 2px 2px 5px;
		border:1px solid #818181;
}

select {
		background-color:#FFF;
		border:1px solid #818181;
		height:20px;
}

.formulario h3	{
		PADDING-TOP: 0px;
		PADDING-LEFT: 0px;
		}

.formtxt		{
		width: 280px;
		text-align:right;
}
#boletin{
		margin-bottom:10px;
		padding:0;
		width:450px;
		height:185px;
		color:#505050;
		background-color:#fff;
		line-height:1.3em;
		font-size:8pt;
		font-family : tahoma, verdana, arial, sans-serif; 
}
#boletinlogo {
		float:left;
		background-image:url(i/cbs/cbmn_boletin.jpg);
		height:40px; 
		width:160px;
		padding:0;
		margin:2px 0 8px 0;
}
#boletin p{
		text-decoration:none;
		padding: 0 10px 0 10px; 
}
#boletin a{
		text-decoration:none;
		padding:0 2px 2px 0px; 
		font-family: tahoma, verdana, arial, sans-serif; 
		font-size:7pt;
		letter-spacing: -1px;
		text-decoration: none;
		font-weight:bold;
}

#boletin input{
		margin: 4px 4px 4px 10px;
}
.boletinimg	{
		margin: 0 2px 5px 0;
		padding:0;
		float:right;
		border:0;

}
.boletinform 	{
		margin: 4px 10px 2px 10px;
		font-size: 11px;
		color: #666;
		background-color: #fff;
		padding: 5px 5px 2px 2px;
		border:1px solid #D7D7D7;
}
.boletincheck 	{
		margin: 4px 2px 4px 10px;
		border:0;
}
/* -- Contenido principal -- */
#portada{
	width: 430px;
	margin:0 0 5px 172px;
	padding:0;
	line-height:1.6em;
	vertical-align:top;
	text-align:justify;
	color: black; 
	font-size:8pt;
	font-family: Verdana, Arial, Tahoma, Sans-serif; 
}

.principalcbs {
	padding-top:5px;
	padding-left:20px;
	clear:right;

}
#principal01{
	margin:0 0 0 5px;
	background:fff;
	vertical-align:top;
	text-align:justify;
	color: black; 
	font-size:8pt;
	font-family: Tahoma, Verdana, Arial, Sans-serif; 
}
#principal01 h2{
	font-size:2.1em;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:none; 
	text-align:left;
	vertical-align:top; 
	color:#6A6A6A;
	font-family: Tahoma, Verdana, Arial, Sans-serif; 
}
#principal01 p{
	margin:0;
	padding:4px 10px 2px 2px;
	text-align:justify;
	vertical-align:top; 
}
#principal02 {
	width:555px;
	margin: 0 0 10px 4px; 
}
#principal02 h2{
	background: #444 url(i/gen/muesca_h2.jpg);
	background-position:bottom left;
	background-repeat: no-repeat;

	font-size:13pt;
	font-weight:normal;
	font-family:Trebuchet MS, tahoma, arial;
	margin:10px 0 20px 0;
	padding:0 0 0 15px;
	height:30px;
	line-height:30px;
	color:#fff;
}
#principal02 h3{
	width:100%;
	border-top:1px dashed #DDD;
	font-size:14pt;
	font-weight:bold;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	border-bottom:none; 
	text-align:left;
	vertical-align:top; 
	color:#333;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif; 
}
#principal03 {
	width: 305px;
	height: 500px;
	margin:0 0 5px 172px;
	padding:0;
}
#principal03 h2{
	font-size:2.1em;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	border-bottom:none; 
	text-align:left;
	vertical-align:top; 
	color:#CCC;
	font-family: Tahoma, Verdana, Arial, Sans-serif; 
}
#principal04 {
	width:490px;
	margin: 0 0 10px 0; 
}
/*----MINIATURAS-----  */

.galeria {
		text-align: center;
		text-transform: none; 
		padding:8px;
		float: left; 
		background-color:#FFFFFF;
		border: #DDD 1px solid; 
		width:130px;
		margin:0px 15px 15px 0px;
}
.galeria a {
		text-decoration: none;
		font-size:8pt;
		color:#222;
		font-weight:bold;
		font-family:arial,helvetica,sans-serif;
}
.galeria a:hover {
		text-decoration: underline;
		color:#666;
}

.miniatura {
		padding:2px;
		float: left; 
		margin: 2px; 
		text-transform: none; 
		background-color:#FFFFFF;
}

.colficha{
		margin:35px 5px 5px 5px;
		text-align:left;
		color: black; 
		font-size: 8pt; 
		padding:0 10px 0 10px;
		WIDTH:250px;
		HEIGHT:180px;
		PADDING-LEFT: 180px; 
		BACKGROUND-COLOR:#FFFFFF;
}
.espace {
		margin:5px;
		clear:both;
		width:100%;
}

/******** Multiuso Cuerpo ********/

.left{
margin:2px 5px 2px 5px;
float:left;
}

.right{
margin:2px 5px 2px 5px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}

.separador{ 
border-bottom: 1px solid #eaeaea; 
height:10px; 
margin-bottom:5px; 
}

.cajanegra{
width:460px;
background:#000;
margin: 5px;
padding:15px;
text-align:center;
}
.bloque{
display:block;
}
#popup{
		background:#fff;
		margin:10px;
		padding: 10px 10px 15px 10px;
		line-height:1.6em;
		text-align:justify;
		color: black; 
		font-size: 8pt; 
		font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif; 
		background:#FFFFFF;
		vertical-align:top;
}

#popup h3{
		text-decoration:none;
		border-bottom:none;
		padding:0 ;
}


#pie {
	clear:both;
	height:1.8em;
	border-top:1px solid #fff;
	background:#e25b0a;
	color:#fff;
	font-size:8pt;
	text-align:right;
	padding:4px 10px 1px 0;
}

#pie a {
	padding:3px 3px 2px 3px;
	color: #D8D8D8;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:8pt;
	font-weight:normal;
	letter-spacing: -1px;
	text-decoration: none;
	text-align:right;
}
#pie a:hover {
	color: #FFF;
	text-decoration: none;
}

#pie span {
	padding:0 3px 2px 15px;
	color: #D8D8D8;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:8pt;
	font-weight:normal;
	letter-spacing: -1px;	
	text-align:left;
	float:left;
}