/* --------------------------------------------------
			Plantilla original
   AUTHOR           :  	Erwin Aligam
   WEBSITE          :   http://www.styleshout.com/
   TEMPLATE NAME    : 	Enlighten
   TEMPLATE CODE    : 	S-0011
   VERSION          :   1.2
   LAST MODIFIED    :   January 19, 2010

----------------------------------------------------- */
	/* --------------------------------------------------
   ELEMENTOS HTML
----------------------------------------------------- */

@import url(index.css);
@import url(admin.css);
@import url(contacto.css);
@import url(empresa.css);
@import url(libros.css);
@import url(registro.css);

	/* elementos principales */
* {
	padding: 0;
	margin: 0;
	outline: 0;
}

body {
	margin: 20px 0;
	padding: 0;
	/*font: normal .72em/ 1.5em 'Trebuchet MS', sans-serif;*/
	font-weight: normal;
	font-size: .72em;
	font-family: 'Trebuchet MS', sans-serif;
	color: #444;
	background: #344D6D;
	text-align: center;
	height: 100%;
}

/* enlaces */
a {
	background: inherit;
	color: #993333;
	text-decoration: none;
}

a:hover {
	background: inherit;
	color: #006699;
	text-decoration: underline;
	cursor: pointer;
}

/* titulares */
h1,h2,h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #333;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.2em;
}

h1,h2,h3 {
	margin: 10px 15px;
}

p {
	margin: 10px 15px;
	text-align: justify;
	text-indent: 1em;
}

ul,ol {
	margin: 10px 30px;
	padding: 0 15px;
}

/* imágenes */
img {
	border: 1px solid #DDD;
	padding: 8px;
	background-color: #FFF;
}

img.float-right {
	margin: 5px 0px 5px 15px;
}

img.float-left {
	margin: 5px 15px 5px 0px;
}

code {
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;
	/*font: 500 1em/ 1.5em 'Lucida Console', 'courier new', monospace;*/
	font-weight: 500;
	font-size: 1em;
	font-family: 'Lucida Console', 'courier new', monospace;	
	/* espacio en blanco: pre; */
	background: #FAFAFA;
	border: 1px solid #eee;
}

acronym {
	cursor: help;
	border-bottom: 1px solid #777;
}

blockquote {
	margin: 15px;
	padding: 0 0 0 20px;
	background: #FAFAFA url(../imagenes/css/comillas.gif) no-repeat 3px 5px;
	border: 1px solid #eee;
	/*font: bold 1.2em/ 1.5em 'Trebuchet MS', Tahoma, sans-serif;*/
	font-weight: bold;
	font-size: 1.2em;
	font-family: 'Trebuchet MS', Tahoma, sans-serif;		
	
	color: #666666;
}

/* comienzo de tabla */
table {
	border-collapse: collapse;
	margin: 15px;
}

.caja-lateral table {
	margin: 2px;
}

th strong {
	color: #fff;
}

th {
	background: #993333;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #D68686;
	border-bottom: solid 2px #FFF;
}

tr {
	height: 30px;
}

td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #DFDFDF;
	font-size: 1em;
}

td .llamativo {
	color: #EE2C60;
	font-size: 1em;
	font-weight: normal;
}

td.cabeza,th.cabeza {
	border-left: 0px;
}

tr.fila-impar {
	background: #F8F8F8;
}

tr.fila-par {
	background: #EFEFEF;
}

/* formularios */
form {
	margin: 10px 15px;
	padding: 0;
	border: 1px solid #eee;
	background-color: #FAFAFA;
}

label {
	display: block;
	font-weight: bold;
	margin: 5px 0;
}

input {
	padding: 2px;
	border: 1px solid #eee;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	color: #777;
}

.borde {
	margin: 2px;
	border: 1px solid #000;
}

textarea {
	width: 400px;
	padding: 2px;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	border: 1px solid #eee;
	height: 100px;
	display: block;
	color: #777;
}

input.boton {
	margin: 0;
	font: bold 1em Arial, Sans-serif;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px 3px;
	color: #333;
}

#fin {
	background-color: #f3f0eb;
}

/* formulario de búsqueda */
.searchform {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

.searchform p {
	margin: 10px;
	padding: 0;
}

.searchform input.textbox {
	width: 130px;
	color: #333;
	height: 20px;
	padding: 2px;
	vertical-align: top;
}

.searchform input.boton {
	font: bold 12px Arial, Sans-serif;
	color: #333;
	width: 60px;
	height: 26px;
	border: none;
	padding: 3px 5px;
	vertical-align: top;
}

/***********************
	  BLOQUES
************************/
#conjunto {
	/*cambiar width: 870px;*/
	width: 970px;
	margin: 0 auto;
	background: #FFF url(../imagenes/css/conjunto-fondo.jpg) repeat-y;
}

/* encabezado */
#encabezado {
	position: relative;
	height: 150px;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #FFF;
}

#encabezado .foto-encabezado {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 130px;
	height: 130px;
	background: #FFF;
}

#encabezado .foto-encabezado img {
	height: 118px;
}

#encabezado #logotipo {
	position: absolute;
	left: 15px;
	top: 15px;
	/* cambiar width: 710px;*/
	width: 85%;
	height: 136px;
	background: #027f93;
}

#logotipo h1#logo {
	position: absolute;
	font: bold 50px 'Trebuchet MS', Sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	margin: 0;
	padding: 0;
	/* cambiar los valores para ajustar la posici�n del logo */
	top: 25px;
	left: 80px;
}

#logotipo h1#logo a {
	text-decoration: none;
	color: #FFF;
}

#logotipo #eslogan {
	position: absolute;
	font: bold 20px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFFFCC;
	margin: 0;
	padding: 0;
	/* cambiar los valores para ajustar la posici�n del eslogan */
	top: 88px;
	left: 240px;
}

/* encabezado menu */
#menu {
	clear: both;
	margin: 0;
	padding: 5px 0 10px 0;
	/* cambiar width: 870px;*/
	width: 100%;
	background: #FFF url(../imagenes/css/conjunto-fondo.jpg) repeat-y;
	float: left;
}

#menu ul {
	font: bolder 14px 'Trebuchet MS', sans-serif;
	/* cambiar width: 870px;*/
	width: 97%;
	color: #FFF;
	/*background-color: #4E3525;*/
	background-color: #027f93;
	margin: 0 15px;
	padding: 0;
	display: inline;
	border-bottom: 6px solid #FFF;
	float: left;
}

#menu li {
	float: left;
	list-style: none;
}

#menu li a {
	display: block;
	padding: 5px 15px;
	color: #FFF;
	text-decoration: none;
}

#menu li a:hover {
	background: #C8935D;
	color: #FFF;
}

#menu li .llamativo {
	color: #66E114;
	font-size: 1em;
}

/* contenido */
#conjunto-contenido {
	clear: both;
	float: left;
	width: 100%;
	background: #FFF url(../imagenes/css/contenido.jpg) repeat-y;
}

#contenido {

	clear: both;
	text-align: left;
	padding: 0;
	margin: 0 0 0 20px;
}

/* lateral */
#lateral {
	float: left;
	width: 30%;
	margin: 0 0 10px 0;
	padding: 0;
}

#lateral h2 {
	padding: 10px 0px 5px 0px;
	margin: 0;
	color: #660000;
}

.caja-lateral {
	margin-bottom: 10px;
}

.bienvenido {
	font-weight: bold;
	color: #4F4C4C;
}

/* lateral menu */
#lateral ul.menu-lateral {
	list-style: none;
	margin: 10px 0 15px 0;
	padding: 0;
}

#lateral ul.menu-lateral li {
	padding: 0px 10px;
}

#lateral ul.menu-lateral a {
	display: block;
	font-weight: normal;
	color: #333;
	height: 1.5em;
	padding: .3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D5D5D5;
	text-decoration: none;
}

#lateral ul.menu-lateral a.arriba {
	border-top: 1px dashed #D5D5D5;
}

#lateral ul.menu-lateral a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid #993333;
	color: #993333;
}

/* principal */
#principal {
	float: right;
	width: 68%;
	margin: 0 10px 10px 0;
	padding: 0;
}

#principal h2 {
	width: 95%;
	padding: 10px 0 5px 5px;
	margin: 0 0 0 5px;
	border-bottom: 1px dashed #D5D5D5;
}

#principal ul li {
	list-style-image: url(../imagenes/css/punto.gif);
}

.secundario {
	margin: 0;
	padding: 0;
}

.secundario .post-footer {
	background-color: #fafafa;
	padding: 5px;
	margin-top: 20px;
	font-size: 95%;
	border: 1px solid #eee;
}

.secundario .post-footer .date {
	background: url(../imagenes/css/reloj.gif) no-repeat 0 center;
	padding-left: 20px;
	margin: 0 10px 0 5px;
}

.secundario .post-footer .comments {
	background: url(../imagenes/css/comentario.gif) no-repeat 0 center;
	padding-left: 20px;
	margin: 0 10px 0 5px;
}

.secundario .post-footer .readmore {
	background: url(../imagenes/css/pagina.gif) no-repeat 0 center;
	padding-left: 20px;
	margin: 0 10px 0 5px;
}

/* pie */
#pie {
	clear: both;
	margin: 0;
	padding: 12px 0 0 0;
	/*font: normal .92em/ 1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;*/
	font-weight: normal;
	font-size: .92em;
	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
		
	height: 45px;
	background: url(../imagenes/css/pie-fondo.jpg) no-repeat left bottom;
	color: #666666;
	text-align: center;
}

#pie p {
	margin: 0;
	padding: 0;
	text-align: center;
}

#pie a {
	text-decoration: none;
	color: #993333;
}

#pie a:hover {
	color: #333;
}

/* clases para alinear */
.float-left {
	float: left;
}

.float-right {
	float: right;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

/* otras clases */
.despejar {
	clear: both;
}

.gray {
	color: #BFBFBF;
}

.aviso {
	color: #FF0000;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

.activo {
	background: #993333;
	color: #FFF;
}

.llamativo {
	color: #FF0000;
	font-size: 1.2em;
	font-weight: bold;
}

.negrita-g {
	font-size: 2em;
	font-weight: bold;
}

.negrita-m {
	font-size: 1.5em;
	font-weight: bold;
}

.enlace:hover {
	cursor: pointer;
	background: inherit;
	color: #006699;
	text-decoration: underline;
}

.oferta {
	color: #FF00FF;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}