@import url('acolors.css');
/*@import url('tables.css');*/
@import url('tooltip.css');
@import url('form.css');

/*
* {
	outline: 1px dotted black;
}
*/

/***************************************
General Settings
********************************************/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
	color: black;
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	line-height: 15px;
	background: #f9f9f9 url(../img/backgrounds/body.png) top center repeat-y;
}

a {color: #f32837; outline: none; text-decoration: none;}
a:hover { color: black; text-decoration: none; cursor: pointer;}
a span, button span, h2 span, h3 span {display: none;}

div.clear { font-size: 0px; line-height: 0px; height: 0px; position: relative; clear: both; }

.libro {	width: 160px; float: left; margin-bottom: 20px;}
.libro .preview_container {width: 108px;height: 158px;border:1px solid #ccc;background-color: white;}
.libro .preview_container:hover {background-color: #f32837;}
.libro .preview_container .preview {margin: 4px;}
.libro .title {padding: 5px 0 0 0; font-size: 13px; }
.libro .title a {color: white; font-weight: normal;line-height: 15px;}
.libro .title a:hover {color: black;}
.libro .title a strong {color: #e3e3e3;font-weight: bold;}
.libro .title a:hover strong {color: black}
.libro .red a {color: #f32837; font-weight: bold; }
.libro .nombre {color: #232323; line-height: 15px; }
.libro .categoria {color: #999; line-height: 15px; }
.libro .valorado {font-size: 11px; background: transparent url('../img/icons/hand-up.png') left center no-repeat; padding-left: 17px; line-height: 20px;}
.libro p.titulos { color: black; float: left; width: 300px; margin-left: 10px; line-height: 18px;}
.libro p.titulos strong { color: #f32837; font-weight: bold; }
.libro p.titulos span { color: #999; font-size:11px; font-weight: normal; line-height: 12px;}

.current .preview_container {background-color: #f32837;}

.a100 { width: 100px; margin-right: 12px;}
.a150 { width: 150px; margin-right: 12px;}
.a430 { width: 430px; margin-right: 12px;}

.a65 { width: 65px; margin-right: 10px;}
.a65 .preview_container { width: 52px; height:77px;}
.a65 .preview_container .preview {margin: 1px;}
.a65 .title {padding: 5px 0 0 0; }
.a65 .title a {font-size: 11px; color: #232323; line-height: 12px}
.a65 .nombre {font-size: 12px; color: #f32837; line-height: 12px; padding-top: 3px;}
.a65 .editorial{font-size:10px; color: #666;}

.a320 {width: 320px;}
.a320 .preview_container { float: left; margin-right: 5px;}
.a320 .title {float: left; color: #f32837;}
.a320 .title span {font-size: 11px; color: #999;}
.a320 .title strong { font-weight: bold; }

.a55 { width: 55px; margin-right: 10px;}
.a55 .preview_container { width: 52px; height:77px;}
.a55 .preview_container .preview {margin: 1px;}

.a210 { clear: both; width: 210px; height: 310px;}
.a210 .preview_container {width: 208px;height:308px;}
.a210 .preview_container .preview {margin: 4px;}

.autor {float: left; width: 316px; }
.autor .preview_container {width:158px;height:108px;border:1px solid #ccc;background-color: white;}
.autor .preview_container:hover {background-color: #f32837;}
.autor .preview_container .preview {margin: 4px;}
.autor .data {width: 150px; color: #999; }
.autor .data a {font-weight: bold;}
.autor span.tipo {color: white; background-color: black; font-size: 9px; padding: 0 4px;}

.a160 {width: 160px; margin-bottom: 10px;}
.a160 .nombre {padding: 5px 0 0 0; height: 30px; text-align: center;}
.a160 .nombre a {display: block; width: 160px; font-size: 12px; color: #f32837; line-height: 12px; font-weight: bold; text-align: center; }
.a160 .nombre a:hover { color: #666; }
.a110 {width: 110px;}
.a140 {width: 140px;}

.a200 { width: 200px; height: 140px;}
.a200 .preview_container {width:158px;height:108px;border:1px solid #ccc;background-color: white;}

.mb30 {margin-bottom: 30px;}
.mb10 {margin-bottom: 10px;}

.mr5 {margin-right: 5px;}
.ml0 {margin-bottom: 0px;}
.mr10 {margin-right: 10px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}

.ml10 {margin-left: 10px;}

.mr0 {margin-right: 0px;}

.v320 {width: 320px; height: 265px;}
.v320 a {width: 320px; height: 265px;}

.left {float: left;}
.right {float: right;}
.red {color: #f32837;}
.alert-red {color: #f32837;font-size: 14px;}
.alert-green {color: green; font-size: 14px;}

#map {
	width: 980px;
	height: 500px;
	padding: 4px;
	background-color: #f8f8f8;
	border: 4px solid #ccc;
}

h1 {
	color: #999;
	font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin: 0 0 15px 0;
}

h2 {
	font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
	font-size: 26px;
	font-weight: normal;
	line-height: 30px;
	margin-left: 10px;
}

h3 {
	font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
	font-size:20px;
	font-weight: bold;
	line-height: 30px;
	margin-left: 10px;
}

h4 {
	color: #f32837;
	font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 10px 10px;
}

h5 {
	color: #232323;
	font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0 7px 0;
	margin: 0px 0 5px 10px;
	background: transparent url(../img/backgrounds/doblelineagris.png) bottom left repeat-x;
}

h6 {
	color: #f32837;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 3px 0 7px 0;
	margin: 30px 0 5px 0px;
	background: transparent url(../img/backgrounds/doblelineagris.png) bottom left repeat-x;
}

h7 {
	color: #f32837;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding: 3px 0 7px 0;
	margin: 30px 0 30px 0px;
	display: block;
}

h8 {
	margin: 0px 0 6px 10px;
	padding: 2px 0 5px 0;
	font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #232323;
	line-height: 17px;
	text-align: left;
	text-transform: uppercase;
	background: transparent url(../img/backgrounds/doblelineagris.png) bottom left repeat-x;
}

/***************************************
Home Video Playlist Settings
********************************************/

.clips a {height: 220px; margin-right: 10px; }
.clips a div.title {color:white;font-weight:normal;line-height:15px;}
.clips a div.title strong {color: #333;font-weight: bold;}
.clips a div.idioma {color: white; font-weight:normal;}
.clips a.progress div.title,
.clips a.paused div.title,
.clips a.playing div.title,
.clips a:hover div.title strong,
.clips a.progress div.title strong,
.clips a.paused div.title strong,
.clips a.playing div.title strong {color: #f32837;}
.clips a:hover div.title {color: #ccc;}
.clips a:hover .preview_container,
.clips a.progress .preview_container,
.clips a.paused .preview_container,
.clips a.playing .preview_container {background-color: #f32837;}

/***************************************
Boletin
********************************************/

.boletin {
	width: 670px; text-align:left;  margin-bottom: 30px;
}

.dobleborder {
	background: transparent url(../img/backgrounds/doblelineagris.png) bottom left repeat-x;
}

.footerBoletin {
	color: #999;
	font-size: 24px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	line-height: 40px;
	padding-top: 10px;
}


/***************************************
Header Settings
********************************************/

#header {
	text-align: center;
	background: #f32837 url(../img/backgrounds/header.png) bottom left repeat-x;
}

#header #wrapper {
	width: 1000px;
	height: 90px;
	margin: 0 auto;
}

#header #superior {
	/*background: #f32837;*/
	width: 1000px;
	height: 58px; /* esto da tambien la altura donde se coloca el menú */
}

	#header #logo {
		width: 333px;
		height: 38px;
		padding: 0;
		float: left;
		margin-top: 10px;
	}

	#header h1 {
		display: block;
		background: url(../img/backgrounds/logo.png) top left no-repeat;
		height: 39px;
		cursor: pointer;
	}

	#header h1:hover {background-position: bottom left;} /* si se quiere poner un rollover */

		#header h1 a {
			display: block;
			width: 333px;
   			height: 39px;
		}
	 
	#header #search {
		color: white;
		float: right;
		margin: 0px 0 0 0;
	}
	
	#header #search .links {
		line-height: 24px;
		text-align: right;
		font-size: 11px; font-weight: bold; color: white;
	}
	
	#header #search .links a {font-size: 11px; font-weight: bold; color: white;}
	#header #search .links a:hover {color: black; }
	
	#header #search .form,
	#footer #search .form  {
		background-color: #eaeaea;
		padding: 2px;
	}
	
	#footer #search {
		background-color: #eaeaea;
	}
	
	#header #search .form input,
	#footer #search .form input {
		color: white;
		background-color: #171717;
		padding: 3px 2px;
		border: none;
	}
	
	#header #search .form input.text,
	#footer #search .form input.text {
		color: black;
		width: 190px;
		background-color: white;
		border: 1px solid #171717;
	}
	
	#header #search .form input.button, 
	#footer #search .form input.button {
		height: 24px;
	}
	 
/***************************************
Menu Settings
********************************************/

#menu {
	width: 410px;
	margin: 0 auto 0 auto;
	text-align: center;
}

	#menu ul {
		padding: 0px;
		list-style: none;
		list-style-position:outside;
		text-align: center;
	}

		#menu ul li {
			float: left;
		}

		#menu ul li a {
			display: block;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			font-size: 17px;
			font-weight: bold;
			line-height: 30px;
			padding: 0px 6px;
			color: white;
			background-color: transparent;
			/*border: 1px solid transparent;*/
			text-decoration: none;
			margin: 1px 2px 0 0;
		}

		#menu ul li a:hover {
			color: #f32837;
			background-color: #f9f9f9; 
		}

		#menu ul li a:hover,
		#menu ul li a.current {
			color: #333;
			background-color: #f9f9f9;
			border: 1px solid #fff;
			padding: 0px 5px;
			border-bottom: 1px solid #f9f9f9;
			margin-top: 0px;
		}

		#menu ul li a.current {
			color: #f32837;
			border-bottom: 1px solid #f9f9f9;
		}
		
		#menu ul li:last-child {
			margin-right: 0px;
		}

/***************************************
Page Content Settings
********************************************/

#content {
	width: 1000px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

	#content .destacado {
		background: #171717 url('../img/backgrounds/banda_destacado.png') bottom left no-repeat;
		border: none;
		margin-bottom: 25px;
	}
	
	#content .destacado_inicio {
		height: 500px;
	}
	
		#content .destacado .wrapper_top {
			background: #171717 url('../img/backgrounds/banda_destacado_top.png') top left no-repeat;
		}
	
		#content .destacado .video {
			width: 640px;
			/*height: 396px;*/
			float: left;
			margin: 10px 0 0 10px;
		}
		
		#content .destacado .video a#player {
			display:block;
			width:640px;
			height:396px;
		}
		
		#content .destacado .video .obra_actual {
			color: white;
			font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
			font-size: 17px;
			font-weight: normal;
			line-height: 25px;
			margin: 10px 0 0 0; 
		}
		
		#content .destacado .video .obra_actual .text {clear: both; line-height: 22px;}
		#content .destacado .video .obra_actual .text span {color: #999;}
		#content .destacado .video .obra_actual .text span.red { color: #f32837; }
		
		#content .destacado .video .obra_actual p.comprar-libro {
			width: 250px;
			float: left;
		}
		
		#content .destacado .video .obra_actual p.comprar-libro a {
			display: block;
			background: transparent url('../img/backgrounds/comprar-libro.png') 0 0 no-repeat;
			width: 211px;
			height: 16px;
			margin-top: 5px;	
		}
		
		#content .destacado .video .obra_actual p.comprar-libro a:hover {
			background-position: 0 -16px;
		}		
		
		#content .destacado .video .obra_actual .categoria {
			float: left;
			width: 300px;
			color: #999;
		}
		
		#content .destacado .video .obra_actual .width100per {width: 100%}
		
		#content .destacado .video .obra_actual .link {
			float: right;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			width: 250px;
			font-size: 13px;
			text-align: right;
		}
		
		#content .destacado .video .obra_actual .link a {
			color: #f32837;
			font-size: 13px;
		}
		
		#content .destacado .video .obra_actual .link a:hover {
			color: #ccc;
		}
		
		#content .destacado .recom {
			width: 110px;
			color: white;
			background-color: #f32837;
			font-size: 10px;
			font-weight: bold;
			margin: 0px 0 1px 0px;
			text-align: center;
		}
	
		#content .destacado .wrapper {
			width: 320px;
			float: right;
			margin: 20px 0 0 0px;
		}
		
		/***************************************
		Destacado Libro Settings
		****************************************/

		#content .destacado_libro {
			height: 450px;
		}
			
		#content .destacado_libro .video .obra_actual .link {
			width: 270px;
		}
	
		#content .destacado_libro .ficha { 
			width: 339px;
			float: right;
			margin: 10px 0px 0px 0px;
			border-top: none;
		}

		#content .destacado_libro .ficha p.white,
		#content .destacado_libro .ficha p {
			color: #999;
			font-size: 14px;
			margin: 0px 10px 10px 0px;
			line-height: 20px;
		}
		
		#content .destacado_libro .ficha p.titulos {
			color: #ccc;
			float: left;
			width: 200px;
			margin-left: 10px;
		}
		
		#content .destacado_libro .ficha p.white {
			color: #fff;
		}
		
		#content .destacado_libro .ficha p strong {
			font-size: 14px;
			font-weight: bold;
			color: white;
		}
		
		#content .destacado_libro .ficha span {
			color: #f32837;
			font-size: 14px;
			font-weight: bold;
		}
		
		#content .destacado_libro span.tipo {
			color: white;
			font-size: 10px;
			padding: 0 5px;
			background-color: Black;
			font-weight: regular;
			border: 1px solid #333;
			
		}
		
		#content .destacado_libro .ficha a:hover {
			color: #666;
		}
		
		/***************************************
		Print ficha Settings
		********************************************/
		#content .destacado_libro #ficha-ver-mas,
		#content #ficha-ver-firma,
		#content #ficha-ver-avance,
		#content #ficha-ver-lectura {padding: 20px;}
		#content .destacado_libro #ficha-ver-mas h3,
		#content #ficha-compartir h3 {color: white; margin-left: 0px; font-weight: normal; }
		#content .destacado_libro #ficha-ver-mas h4,
		#content #ficha-compartir h4 {color: #f32837; margin-left: 0px; font-weight: normal; }
		#content .destacado_libro #ficha-ver-mas img,
		#content #ficha-ver-firma img {margin-right: 10px; background-color: white; border: 1px solid #333; padding: 5px;}
		#content .destacado_libro #ficha-ver-mas p {
			color: #ccc;
			width: 400px;
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 10px;
		}

		#content .destacado_libro #ficha-ver-mas p a:hover {
			color: #666;
		}
		
		#content .destacado_libro #ficha-ver-firma {
			width: 312px;
		}
		
		#content #ficha-compartir {
			width: 670px;
			padding: 20px;
			/*height: 500px;*/
		}
		
		#content #ficha-compartir h3 {
			margin-bottom: 10px;
		}
		
		#content #ficha-compartir ul.opciones-menu {
			padding: 0px;
			list-style: none;
			text-align: center;
		}

		#content #ficha-compartir ul.opciones-menu li {
			float: left;
		}

		#content #ficha-compartir ul.opciones-menu li a {
			display: block;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			font-size: 12px;
			font-weight: normal;
			line-height: 20px;
			padding: 0px 8px;
			color: white;
			background-color: transparent;
			text-decoration: none;
			margin: 1px 2px 0 0;
		}

		#content #ficha-compartir ul.opciones-menu li a:hover {
			color: #f32837;
			background-color: white; 
		}

		#content #ficha-compartir ul.opciones-menu li a:hover,
		#content #ficha-compartir ul.opciones-menu li a.current {
			color: #333;
			background-color: white;
			border: 1px solid #fff;
			padding: 0px 7px;
			margin-top: 0px;
		}

		#content #ficha-compartir ul.opciones-menu li a.current {
			color: black;
			border-bottom: 1px solid #f9f9f9;
		}
		
		#content #ficha-compartir ul.opciones-menu li:last-child {
			margin-right: 0px;
		}
		
		#content #ficha-compartir div.enviar-amigo,
		#content #ficha-compartir div.redes-sociales {
			border: 1px solid #e2e1dd;
			background: #efefef;
			min-height: 400px;
		}
		
		#content #ficha-compartir form.formular {
			margin: 0px;
			padding: 10px 20px;
		}
		
		#content #ficha-compartir form.formular fieldset {
			margin: 0px;
			padding: 10px 20px;
		}
		
		#content #ficha-compartir form.formular fieldset label,
		#content #ficha-compartir form.formular fieldset legend {
			margin-bottom: 5px;
		}
		
		#content #ficha-compartir .ajaxSubmit {color:white;padding:10px;background:#55ea55;margin:3px; cursor: pointer; display:none;}
		
		
		/***************************************
		Categorias list overlay
		********************************************/
		#categorias {padding: 20px;}
		#categorias h3 {color: #fff; font-weight: normal; margin-left: 0px;}
		#categorias h4 {color: #f32837; margin-left: 0px;}

		#categorias p {
			color: #999;
			width: 400px;
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 10px;
		}

		#categorias p a:hover {
			color: #666;
		}
		
		#categorias a.close,
		#categorias a.cat {
			background-image: url(../img/icons/categ.png);
			background-repeat: no-repeat;
			background-position: left 6px;
			padding: 8px 0 8px 20px;
			display: block;
			color: white;
		}
		
		#categorias a.close {
			position: ;
			right:0px;
			top:0px;
			cursor:pointer;
			height:28px;
			width:28px;
		}
		
		#categorias a.cat:hover {
			color: #f32837;
		}
		
		.container-one,
		.container-two,
		.container-three,
		.container-four {
			float:left;
			margin-right: 5px;
			width: 200px;
		}
		
		/***************************************
		Destacado Autor Settings
		****************************************/

		#content .destacado_autor {
			background: #f9f9f9;
			margin-bottom: 20px;
			border: 1px solid #999;
			padding: 5px;
			margin-right: 10px;
			width: 300px;
			float:left;
		}
		
		/*#content .destacado_autor .ficha { 
			width: 339px;
			float: right;
			margin: 10px 0px 0px 0px;
			border-top: none;
		}*/
		
		#content .destacado_autor h2 {
			font-size: 30px;
			margin: 0px;
		}
		
		#content .destacado_autor p {
			color: #232323;
			font-size: 14px;
			margin: 0px 0px 10px 0px;
			line-height: 20px;
		}
		
		#content .destacado_autor p strong {
			font-weight: bold;
			color: #232323;	
		}
		
		#content .destacado_autor span {
			color: #999;
			font-size: 10px;
		}
		
		#content .destacado_autor span.tipo {
			color: white;
			font-size: 12px;
			padding: 0 5px;
			background-color: Black;
		}
		
		#content .destacado_autor .img {float:left; margin: 0 15px 0px 0px;}
		#content .destacado_autor .img .preview  {background-color: white;}
		#content .destacado_autor .img span {font-style: italic; font-size: 11px; color: #666; padding: 3px 0px 0 0; display: block;}
		/***************************************
		Print ficha Settings
		********************************************/
		#content .destacado_autor #ficha-ver-mas {padding: 20px; color: #ccc;}
		#content .destacado_autor #ficha-ver-mas h3 {color: white; margin-left: 0px; font-weight: normal; float:left;}
		#content .destacado_autor #ficha-ver-mas img {margin-right: 10px; background-color: white; border: 1px solid #333; padding: 5px;}
		#content .destacado_autor #ficha-ver-mas p {
			color: #ccc;
			/*width: 350px;*/
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 10px;
		}

		#content .destacado_libro #ficha-ver-mas p a:hover {
			color: #666;
		}
		
/***************************************
Page Content Settings
********************************************/

		#content #page-container {	font-size: 13px; /*line-height: 20px;*/ }

		#content #page-container img.marco {
			border: 1px solid #ccc;
			padding: 5px;
			background-color: #f2f2f2;
			margin: 0 10px 10px 0px;
		}

		#content p.resena {
			font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
			font-size: 17px;
			font-weight: normal;
			line-height: 18px;
			margin-left: 10px;
		}
		
		#content .left_column {
			float: left;
			width: 662px;
		}
				
		#content h1, #content h4 {
			color: #232323;
			text-align: left;
			margin: 10px 0 20px 0;
		}
		
		#content h1.lema {
			color: #232323;
			text-align: right;
			margin: 0px;
			padding-right: 10px;
			font-style: italic;
			font-size: 20px;
		}
		
		#content h4 {
			margin: 5px 0 5px 0;
		}
		
		#content .right_column {
			float: right;
			width: 328px;
		}
		
		#content .main_column {
			width: 1000px;
		}
		
		#content .section {
			margin-bottom: 50px;
		}
		
		#content .marginbottom10 {
			margin-bottom: 10px;
		}
		
		#content .marginbottom20 {
			margin-bottom: 20px;
		}
		
		#content .marginright50 {
			margin-right: 50px;
		}
		
		#content .section div.sup {
			background: transparent url(../img/backgrounds/doblelineagris.png) bottom left repeat-x;
		}
		
		#content .section div.sup_widget {
			background-image: url(../img/backgrounds/lineagris.png);
			background-position:  bottom left;
			background-repeat: no-repeat;
			
		}
		
		#content .section div.sup_widget h1,
		#content .section div.sup h1 {
			float: left;
			width: 270px;
			margin: 0px 0 6px 10px;
			padding: 2px 0 0 0;
			font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
			font-size: 16px;
			font-weight: normal;
			color: #232323;
			line-height: 17px;
			text-align: left;
			text-transform: uppercase;
		}
		
		#content .section div.sup_widget h1 {
			margin: 0px 0 4px 10px;
		}
		
		#content .section div.sup a.mas,
		#content .section div.sup_widget a.mas {
			display: block;
			float: right;
			text-align: center;
			margin: 3px 0 0 0;
			padding: 0px;
			
			padding: 1px 0px 3px 20px;
			background-image: url(../img/icons/add_off.png);
			background-repeat: no-repeat;
			background-position: 0px 1px ;

		}
		
		#content .section div.sup a.mas:hover,
		#content .section div.sup_widget a.mas:hover {
			background-image: url(../img/icons/add.png);
		}
		
		#content .section .container {
			margin: 12px 0 20px 12px;
		}
		
		#content .section .container p {
			font-size: 14px;
			line-height: 16px;
			margin-bottom: 10px;
		}
		
		#content .section .container p.list {
			font-size: 12px;
			background-image: url(../img/icons/gris.png);
			background-repeat: no-repeat;
			background-position: left 0px;
			line-height: 14px;
			padding-left: 20px;
		}
		
		#content .section .container p span {
			font-size: 12px;
			color: #f32837;
		}
		
		#content .section .container p.soy-autor a {
			display: block;
			background: transparent url('../img/backgrounds/soy-autor.png') 0 0 no-repeat;
			width: 298px;
			height: 21px;
		}
		
		#content .section .container p.soy-autor a:hover {
			background-position: 0 -21px;
		}
		
		#content .section .container p.soy-editorial a {
			display: block;
			background: transparent url('../img/backgrounds/soy-editorial.png') 0 0 no-repeat;
			width: 298px;
			height: 21px;
		}
		
		#content .section .container p.soy-editorial a:hover {
			background-position: 0 -21px;
			
		}
		
		#content .section .container p.dona a {
			display: block;
			background: transparent url('../img/backgrounds/donar.png') 0 0 no-repeat;
			width: 298px;
			height: 24px;
		}
		
		#content .section .container p.dona a:hover {
			background-position: 0 -24px;
		}
		
		#content .section .categorias a{ } /* definido en acolors.ccs */
		#content .section .categorias a:hover {color: #999;}
	
		#content .section .container p.participa_text {
			/*width: 300px;*/
			font-size: 12px;
			margin: 0 0 5px 0px;
		}
	
		#content .section .container p.participa a {
			display: block;
			background: transparent url('../img/backgrounds/participa.png') top left no-repeat;
			width: 298px;
			height: 20px;
		}
		
		#content .section .container p.participa a:hover {
			background-position: bottom left;
		}
		
		#content .section .container p.haztefan a {
			display: block;
			background: transparent url('../img/backgrounds/haztefan.png') 0 0 no-repeat;
			width: 298px;
			height: 24px;
		}
		
		#content .section .container p.haztefan a:hover {
			background-position: 0 -24px;
		}
		
		#content .section .container p.fuente {
			color: #666;
			font-size: 11px;
			font-style: italic;
		}
		
		#content .section .criterios,
		#content .section .abecedario {
			font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
			font-size: 17px;
			font-weight: bold;
			line-height: 24px;
			border-bottom: 1px solid #f32837;
			padding: 0 0 0 0;
			text-align: center;
			width: 1000px;
		}
		
		#content .section .abecedario {
			border: none;
			display: none;
		}
		
		#content .section .criterios {
			border-bottom: none;
		}
		
		#content .section .criterios .links {
			width: 500px;
			margin: 0 auto;
			border-bottom: 1px solid #ccc;	
		}
		
		#content .section .criterios a,
		#content .section .abecedario a {color: #232323;}
		#content .section .abecedario a.inactive {color: #ccc;}
		#content .section .links a.inactive {color: #ccc;}
		#content .section .criterios a.current,
		#content .section .criterios a:hover,
		#content .section .abecedario a:hover {color: #f32837;}
		#content .section .abecedario a.inactive:hover {color: #ccc;}
		#content .section .links a.inactive:hover {color: #ccc;}
		
		.pagination {
			text-align: right;
			font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
			font-size: 17px;
			font-weight: bold;
			line-height: 24px;
			border-bottom: 1px solid #f32837;
			padding: 0 0 0 0;
		}

		.pagination span {font-size: 14px; border:none; padding:0px 3px;}
		.pagination a {font-size: 14px; line-height: 14px;}
		.pagination a:hover {}
		.topline {border: none; border-top: 1px solid #f32837;}
		
		#content .column {
			width: 328px;
			margin-right: 6px;
		}
				
		#content .botonera .boton {
			float: left;
			width: 110px;
			margin-right: 10px;
		}
		
		#content .botonera .boton p {
			font-family: Arial, Tahoma, Verdana, sans-serif;
			font-size: 13px;
		}
		
		#content .botonera .boton p a {
			font-weight: bold;
		}
		
					
		#content .botonera .boton p.pdf a {
			display: block;
			background: transparent url('../img/backgrounds/pdf.png') top left no-repeat;
			width: 54px;
			height: 79px;			
		}
		
		#content .botonera .boton p.pdf a:hover {
			background-position: bottom left;
		}
		
		#content .botonera .boton p.firma a {
			display: block;
			background: transparent url('../img/backgrounds/firma.png') top left no-repeat;
			width: 54px;
			height: 79px;			
		}
		
		#content .botonera .boton p.firma a:hover {
			background-position: bottom left;
		}
		
		#content .botonera .boton p.internet a {
			display: block;
			background: transparent url('../img/backgrounds/internet.png') top left no-repeat;
			width: 54px;
			height: 79px;			
		}
		
		#content .botonera .boton p.internet a:hover {
			background-position: bottom left;
		}
		
		#content .botonera .boton p.galeria a {
			display: block;
			background: transparent url('../img/backgrounds/galeria.png') top left no-repeat;
			width: 54px;
			height: 79px;			
		}
		
		#content .botonera .boton p.galeria a:hover {
			background-position: bottom left;
		}
		
		#content .botonera .boton p.blog a {
			display: block;
			background: transparent url('../img/backgrounds/blog.png') top left no-repeat;
			width: 54px;
			height: 79px;			
		}
		
		#content .botonera .boton p.blog a:hover {
			background-position: bottom left;
		}
		
		#content .botonera .boton p.avance a {
			display: block;
			background: transparent url('../img/backgrounds/avance.png') top left no-repeat;
			width: 54px;
			height: 79px;			
		}
		
		#content .botonera .boton p.avance a:hover {
			background-position: bottom left;
		}
		
		#content .botonera .boton p.lectura a {
			display: block;
			background: transparent url('../img/backgrounds/lectura.png') top left no-repeat;
			width: 54px;
			height: 79px;			
		}
		
		#content .botonera .boton p.lectura a:hover {
			background-position: bottom left;
		}			
				
		#content .end-right {margin-right: 0px; padding-right: 0px;}
		#content .end-left {margin-right: 0px; padding-right: 0px;}
		
		.doblelineagris {
			height: 22px;
			background: transparent url(../img/backgrounds/doblelineagris.png) bottom left repeat-x;
		}
		
		ul#perfil-opciones {
			padding: 0px;
			list-style: none;
		}

		ul#perfil-opciones li {
			float: right;
		}

		ul#perfil-opciones li a {
			display: block;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			font-size: 12px;
			font-weight: bold;
			line-height: 30px;
			padding: 0px 6px;
			color: #999;
			background-color: transparent;
			border: 1px solid #f2f2f2;
			text-decoration: none;
			margin: 1px 0 0 2px;
		}

		ul#perfil-opciones li a:hover,
		ul#perfil-opciones li a.current {
			color: #333;
			background-color: #efefef;
			border: 1px solid #e2e1dd;
			border-bottom: 1px solid #efefef;
			padding: 0px 6px 0 6px;
		}

		ul#perfil-opciones li a.current {
			color: #f32837;
		}
		
		/***************************************
		Autor Blog Settings
		********************************************/		

		#content ul.tabs {
			height: 22px;
			margin-bottom: 20px;
			background: transparent url(../img/backgrounds/doblelineagris.png) bottom left repeat-x;
		}
		
		#content ul.tabs li {
			display: block;
			float: left;
			margin-right: 5px;
			font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
			font-size: 17px;
			padding: 2px 2px 3px 2px;		
		}
		
		#content ul.tabs li a {
			display: block;
			padding: 2px 2px 3px 2px;
			font-weight: normal;			
		}
		
		#content ul.tabs li a.current {
			color: black;
		}
		
		#content ul.conocer {
			height: 30px;
		}
		
		#content ul.conocer li {
			padding: 5px 5px 3px 2px;
		}
		
		#content .posts a.publicar {
			width: 120px;
			padding: 3px;			
			color: white;
			display: block;
			float: left;	
			font-size: 11px;
			text-align: center;			
			background-color: #232323;
			margin-bottom: 3px;
		}
		
		#content .posts .post {
			background-color: #e4e4e4;
			border: 1px solid #ccc;
			padding: 10px;
			margin-bottom: 3px;
		}
		
		#content .posts .post h3 {
			margin-left: 0px;
		}
		
		#content .posts .post p {
			margin-bottom: 10px;
			line-height: 14px;
		}
		
		#content .posts .post .text {
			width: 550px;
		}
		
		.avatar,
		#content .posts .post .avatar {
			float: right;
			width: 56px;
			height: 56px;
			border: 1px solid #ccc;
			background-color: white;
		}	
		
		.avatar .preview,
		#content .posts .post .avatar .preview {
			margin: 4px;
		}
		
		#content .posts .post a.comentar {
			width: 60px;
			padding: 3px;			
			color: white;
			display: block;
			float: left;		
			font-size: 11px;
			text-align: center;			
			background-color: #232323;
		}
		
		#content .posts .post a.comentar:hover {
			background-color: #ff0000;
		}
		
		#content .posts .reply {
			background-color: white;
		}
		
		#content .posts .post a.edit {
			color: white;
			display: block;
			float: right;
			font-size: 11px;
			text-align: center;			
			background-color: #232323;
			margin-left: 5px;
			margin-top: 2px;
			padding: 1px 5px;
		}
		
		#content .posts .post a.eliminar {
			background-color: #fbaeae;
		}		
		
		#content .posts a.publicar:hover,
		#content .posts .post a.edit:hover,
		#content .posts .post a.eliminar:hover {
			color: white;
			background-color: #ff0000;
		}

/***************************************
Footer Settings
********************************************/

#footer {
	width: 1000px;
	margin: 40px auto 0 auto;
	padding: 0 0 40px 0;
}

	#footer #search {
		text-align: center;
		border-top: 1px solid #c9c9c9;
		border-bottom: 1px solid #c9c9c9;
		padding: 10px 0;
	}
	
	#footer #search .form {
		margin: 0 auto;
		padding: 4px 4px;
		width: 270px;
	}
	
	#footer #wrapper {
		padding: 10px 0;
		border-bottom: 1px solid #c9c9c9;
	}
	
	#footer #wrapper a {
		display:block;
		float:left;
		margin-right: 5px;
	}
	
	#footer #wrapper a.right {
		display:block;
		float:right;
		margin-right: 5px;
	}
	
	#footer #wrapper span {
		display: block;
		float: left;
		color: #f32837;
		margin-right: 5px;
	}
	
	#footer #wrapper .section {
		float: left;
		color: #999;
		line-height: 18px;
		margin-right: 80px;
	}
	
	#footer #wrapper .section:last-child {
		margin-right: 0px;
	}
	
	#footer #wrapper .ministerio {
		padding-top: 5px;
	}
	
	#footer .copyright {
		text-align: left;
		padding-top: 20px;
	}
	
	.noresults {
		margin-top: 10px;
		border-bottom: 1px solid #f32837;
		border-top: 1px solid #f32837;		
		padding: 20px;
	}
	
	
	/* BIBLIOGRAFIA */

	.b_obra {
		padding: 5px 0;
		border-bottom: 1px solid #e4e5ea;
	}
	
	.b_obra .title {
		float:left;
		width: 400px;
	}
	
	.b_obra .ano {
		float:left;
		width: 40px;
	}
	
	.b_obra .isbn {
		float:left;
		width: 90px;
	}
	
	.b_obra .categoria {
		float:left;
		width: 100px;
	}
	
	.b_obra .editor {
		float:left;
		width: 150px;
	}
	
	.b_obra .edit {
		float:left;
		width: 150px;
	}
	
	.b_obra a.accepta {
		display: block;
		padding: 4px 20px;
		background-color: #f32837;
		color: white;
		cursor: default;
		text-align: center;
	}
	
	.b_obra a.accepta:hover {
		color: white;
		background-color: #666;
	}
	
	.b_obra a {
		color: red;
		
	}
	.b_obra a:hover {
		color: #666;
	}
	
	a.bajaOverlay {
		display:block;
		cursor:default;
		margin-top: 21px;
		padding: 6px 10px 7px 10px;
		background-color: #da2128;
		float:left;
		/*width: 120px;*/
		color: #eee;
		margin-left: 10px;
	}

	

div#tools {
	float: right;
}
	
div#tools a.new { 
	font-size: 11px;
	display:block;
	padding: 1px 0px 3px 20px;
	background-image: url(../img/icons/add_off.png);
	background-repeat: no-repeat;
	background-position: 0px 1px ;
}

div#tools a.new:hover {
	background-image: url(../img/icons/add.png);
}

div#tools a:hover {
	color: black;
}	

.submitOverlay {
	color: 282828;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	margin: 20px;
	text-decoration: none;
	border:none;
}

.item-container-one,
.item-container-two,
.item-container-three,
.item-container-four {
	float:left;
	margin-right: 5px;
	width: 230px;
}

.alert {
	width: 355px;
	display: block;
	text-align: left;
	background-color: #939393;
	/*background-image: url('../img/icons/exclamation.png');
	background-repeat: no-repeat;
	background-position: 5px 3px;*/
	padding: 5px 5px 3px 20px;
	height: 16px;
	margin: 20px;
	margin-left: 25px;
}

.item {
	display: block;
	float: left;
	background-color: #2b2b2b;
	padding: 5px 5px 5px 30px;
	width: 190px;
	margin: 0px 5px 5px 0px;
	text-align: left;
	background-image: url('../img/icons/categ.png');
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

.pendientes a {
	display: block;
	float: left;
	background-color: #2b2b2b;
	padding: 5px 5px 5px 30px;
	width: 190px;
	margin: 0px 5px 5px 0px;
	text-align: left;
	background-image: url(../img/icons/categ.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	color: white;
	cursor: default;
}
.pendientes a.noimg {
	background-image: none;
	width:60px;
	margin:0px;
	padding:0 0 0 4px;
	margin-top: 5px;
	border: none;
	float: none;
	background-color: #fff;
}

.item-container-one,
.item-container-two,
.item-container-three,
.item-container-four {
	float:left;
	margin-right: 5px;
	width: 230px;
}

.item-left {
	float:left;
	width: 450px;
	margin-right: 5px;
}

.item-right {
	float:left;
	width: 450px;
}


.itemList {
	background-color: #2b2b2b;
	padding: 4px 10px 5px 30px;
	width: 400px;
	height: 30px;
	margin: 0px 5px 2px 0px;
	text-align: left;
	background-image: url('../img/icons/categ.png');
	background-position: 3px 6px;
	background-repeat: no-repeat;
}

a.linkrepresentante {
	color: #cc0000;
}

a.linkrepresentante:hover {
	color: #939393;
}


.item a,
.itemList a{
	color: white;
}

.item a:hover,
.itemList a:hover{
	color: #cc0000;
}

.itemSelected {
	background-color: #eee;
	float:left;
	width: 196px;
	padding: 5px;
	border: 1px solid #ccc; 
}

.list-number {
	padding: 5px;
	/*background-color: #eee;*/
	float:left;
	margin-left: 10px;
	margin-top: 22px;
}

.list-number a {
	color: #cc0000;
	font-size: 14px;
	margin-right: 10px;
}

.list-number a:hover {
	color: #eee;
}

div#doc,
div#foto {
	float: left;
	font-size: 10px;
	width: 156px;
	height: 80px;
	background-color: #f8f8f8;
	border: 1px solid #e6e6e6;
	padding: 10px 10px 20px 20px;
	margin: 0px 10px 10px 0px;
	cursor: pointer;
}

div#doc img,
div#foto img { border: 1px solid #ccc; margin: 5px 0px; padding: 2px;}

div#doc a,
div#foto a { font-size: 11px; }

div#doc a,
div#foto a {
	color: #cc0000;
}

div#doc a:hover,
div#foto a:hover {
	color: black;
	text-decoration: underline;
}

div#foto a.arrow,
div#doc a.arrow {
	display: block;
	padding: 0 0 0 13px;
	background-image: url(../img/icons/arrow-right.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	margin: 3px 0 0 0;
}


a.apuntate_ahora {
	display:block;
	background-color: #f32837;
	padding: 3px;
	color: #fff;
	width: 90px;
	text-align: center;
}

a.apuntate_ahora:hover {
	background-color: #333;
}

a.registro-lectores,
a.registro-autores,
a.registro-editoriales,
a.registro-agencias {
	display: block;
	width: 290px;
	height: 100px;
	background: #ccc url(../img/b_autores.png) no-repeat top left;
	margin-bottom: 10px;
}
a.registro-lectores { background: #ccc url(../img/b_lectores.png) no-repeat top left; }
a.registro-editoriales { background: #ccc url(../img/b_editoriales.png) no-repeat top left; }
a.registro-agencias { background: #ccc url(../img/b_agencias.png) no-repeat top left; }
a.registro-lectores span, a.registro-autores span, a.registro-editoriales span, a.registro-agencias span { display: none; visibility: hidden; }
a.registro-lectores:hover, a.registro-autores:hover, a.registro-editoriales:hover, a.registro-agencias:hover {background-position: bottom left; }


.titleDebate {
			color: white;
			font-family: "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;
			font-size: 17px;
			font-weight: normal;
			line-height: 25px;
			margin: 10px 0 0 10px; 
}

div#flashMessage {
   font-family: Tahoma, Arial, Verdana, sans-serif;
   font-size: 11px;
   color: black;
   margin: 10px 0 5px 0;
   padding: 5px 5px 5px 15px;
   background-color: yellow;
   border: 1px solid #f2f2f2;
   cursor: pointer;
}