/*  
Theme Name: ESMAP 2006
Theme URI: http://prood.com
Description: Plantilla para la web de ESMAP. Realizado en Febrero 2006.
Version: 2.0
Author: Rodrigo Barona
Author URI: http://prood.com/

	ESMAP 2.0
	 http://prood.com

	This theme was designed and built by Rodrigo Barona,
	whose website you will find at http://prood.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
}
body {
	background: #FFF;
	margin: 0;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #AA143B;
	text-decoration: none;
}

hr, .hide  { display:none; }

.clear { clear:both; }

html>body #firefox {
	display:none;
}

img {border:0;}

#txt img a {border-bottom:0;}

/* Acceso administrador superior
////////////////////////////////////////////////////////////////*/
#accesoadmin {
  text-align: center;
  padding: 10px;
  background: #D3EBFB;
  border-bottom: 1px solid #bbb;
  font-size: 10px;
}


/*- Estilo para el CONTENEDOR de la web --*/
#contenedor {
	width:760px;
	margin: 0 auto;
}

/*---------------------------*/
/*-- Estilo para el HEADER --*/
/*---------------------------*/

#header {
	height:74px;
	padding:11px 0 0 0;
}

/*-- Logo --*/
#header h1 {
	padding:0;
	margin:0 0 0 11px;
	width:58px;
	height:61px;
	float:left;
}

html>body #header h1 {
	margin:0 0 0 22px;
}

	#header h1 a {
		display:block;
		overflow:hidden;
		padding:61px 0 0 0;
		width:85px;
		height:0;
		background: #fff url(images/_general/logo-ESMAP.gif) top left no-repeat;
	}
	
	#header h1 a:hover {
		background: #fff url(images/_general/logo-ESMAP.gif) top left no-repeat;
	}
	
/*-- Apps --*/
#apps {
	width:630px;
	height:27px;
	background:#fff url(images/_general/apps-fondo.jpg) top right no-repeat; 
	float:right;
	margin: -11px 0 0 0;
}
	/*-- Fecha --*/
	#apps p {
		margin:6px 0 0 0;
		padding:0;
		font-size:10px;
		color:#666;
		float:left;
	}
	
	html>body #apps p {
		margin:6px 0 0 7px;
	}
	
	/*-- Menu --*/
	#apps ul {
		position:relative;
		top: 0px;
		right: 13px;
		margin:6px 0 0 30px;
		padding:0;
		float:right;
		color:#B9B9B9;
	}
	html>body #apps ul {
		margin:5px 0 0 30px;
	}
	
	#apps li {
		display: inline;
		list-style-type: none;
		font-size:10px;
		margin:0;
	}
	

		#apps li a {
			color:#AA143B;
			text-decoration:none;
		}


		#apps li a:hover {
			color:#AA143B;
			text-decoration:underline;
		}
		
		
	/*-- Buscador --*/
	#apps form {
		float:right;
		margin:3px 5px 0 0;
		padding:0;
	}
	html>body #apps form {
		margin:4px 10px 0 0;
	}
	
	#apps label {
		display:none;
	}
	
	#apps .buscador {
		border:1px solid #B9B9B9;
		height:14px;
		color:#B9B9B9;
		font-size:10px;
		padding:2px 0 0 2px;
		widows:105px;
		/* El menu no cabe en ie7 y salta una linea 'contacto' --> margin:0 5px 2px 30px; */
		margin:0 5px 2px 10px;
		width:90px;
	}
	
	#apps .buscadorBoton {
		padding:0 0 0 0;
		margin:0;
		height:15px;
		width:16px;
	}

/*-- Menu Principal --*/
#menu ul {
	margin:63px 0 0 0;
	padding:0;
	height:17px;
}

html>body #menu ul {
	margin:52px 0 0 0;
}

#menu li {
	display: inline;
	list-style-type: none;
	float:right;
	margin:0;
}


	#menu li a {
		width:89px;
		display:block;
		overflow:hidden;
		padding:17px 0 0 0;
		height:0;
		background:url(images/menu/blog.gif) top left no-repeat;
	}

		/*-- Produccion --*/
		#menu #catalogo a {
			width:66px;
			background:url(images/menu/catalogo.gif) top left no-repeat;
		}
	
		#menu #catalogo  a:hover {
			background:url(images/menu/catalogo.gif) 0 -17px no-repeat;
		}
		
		/*-- Produccion --*/
		#menu #produccion a {
			width:76px;
			background:url(images/menu/produccion-CD-DVD.gif) top left no-repeat;
		}
	
		#menu #produccion  a:hover {
			background:url(images/menu/produccion-CD-DVD.gif) 0 -17px no-repeat;
		}
		
		/*-- Plantillas --*/
		#menu #plantillas a {
			width:68px;
			background:url(images/menu/plantillas.gif) top left no-repeat;
		}
	
		#menu #plantillas  a:hover {
			background:url(images/menu/plantillas.gif) 0 -17px no-repeat;
		}
		
		/*-- Impresion --*/
		#menu #impresion a {
			width:70px;
			background:url(images/menu/impresion.gif) top left no-repeat;
		}
	
		#menu #impresion  a:hover {
			background:url(images/menu/impresion.gif) 0 -17px no-repeat;
		}
		
		/*-- Cajas y Fundas --*/
		#menu #cajas-fundas a {
			width:103px;
			background:url(images/menu/cajas-fundas.gif) top left no-repeat;
		}
	
		#menu #cajas-fundas  a:hover {
			background:url(images/menu/cajas-fundas.gif) 0 -17px no-repeat;
		}
		
		/*-- Fidelizacion --*/
		#menu #fidelizacion a {
			width:84px;
			background:url(images/menu/fidelizacion.gif) top left no-repeat;
		}
	
		#menu #fidelizacion  a:hover {
			background:url(images/menu/fidelizacion.gif) 0 -17px no-repeat;
		}
		
		/*-- Musica --*/
		#menu #musica a {
			width:61px;
			background:url(images/menu/musica.gif) top left no-repeat;
		}
	
		#menu #musica  a:hover {
			background:url(images/menu/musica.gif) 0 -17px no-repeat;
		}

		/*-- Artículos Promocionales --*/
		#menu #promocionales a {
			width:100px;
			background:url(images/menu/promocionales.gif) top left no-repeat;
		}
	
		#menu #promocionales  a:hover {
			background:url(images/menu/promocionales.gif) 0 -17px no-repeat;
		}

		/*-- Presupuestos --*/
		#menu #presupuestos a {
			width:89px;
			background:url(images/menu/presupuestos.gif) top left no-repeat;
		}
	
		#menu #presupuestos  a:hover {
			background:url(images/menu/presupuestos.gif) 0 -17px no-repeat;
		}
		
		/*-- Blog --*/
		#menu #blog a {
			width:38px;
			background:url(images/menu/blog.gif) top left no-repeat;
		}
	
		#menu #blog  a:hover {
			background:url(images/menu/blog.gif) 0 -17px no-repeat;
		}
		
		
		/*-- Artículos Especiales --*/
		#menu #especiales a {
			width:72px;
			background:url(images/menu/especiales.gif) top left no-repeat;
		}
	
		#menu #especiales  a:hover {
			background:url(images/menu/especiales.gif) 0 -17px no-repeat;
		}


/*---------------------------------------*/
/*-- Estilo para la imagen de CABECERA --*/
/*---------------------------------------*/
#cabecera {
	height:94px;
	background:#f7f7f7 url(images/_general/loading.gif) center center no-repeat; 

}

#cabecera p {
	margin:0;
	padding:0;
}

#cabecera img {
	widows:760px;
	height:94px;
}


/*------------------------------*/
/*-- Estilo para el SIDEBAR A --*/
/*------------------------------*/

#sidebar-a-content {
	width:180px;
	height:auto;
	float:right;
	margin:13px 0 0 0;
	padding:0;
}

#sidebar-a {
	background:#fff url(images/_general/sidebarA-fondo-bottom.gif) bottom left no-repeat;
}

/*- Titular submenu -*/
#sidebar-a h2 {
	margin:0 0 0 -16px;
	padding:0 0 11px 0;
	font:bold 15px "Trebuchet MS", Verdana, Arial, Helvetica;
	color:#AA143B;
	display:block;
	background:#fff;
	list-style-type:none;
}

	html>body #sidebar-a h2 {
		margin:0;
	}


#sidebar-a li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
}


/*- SubMenu -*/
#sidebar-a ul {
	margin:0 0 5px 0;
	padding:6px 6px 0 6px;
	background: url(images/_general/sidebarA-fondo-top.gif) top left no-repeat;
	list-style-type:none;
}

html>body #sidebar-a ul {
	padding:6px 6px 2px 6px;
}

#sidebar-a ul li {
	width:168px;
	padding:0;
	margin:0 0 5px 0;
}

#sidebar-a li ul li a {
	display:block;
	padding:10px 2px 10px 10px;
	color:#AA143B;
	background:#F6F6F6;
}

#sidebar-a li ul li a:hover {
	color:#555;
	background:#EBEBEB;
}

#sidebar-a .current_page_item a {
	color:#000;
	background:#EBEBEB;
	font-weight:bold;
}


#sidebar-banner {
	width:180px;
	border:0;
	margin: 20px 0 0 0;
}
/*------------------------*/
/*-- Estilo para el TXT --*/
/*------------------------*/
#txt {	
	width:566px;
	height:auto;
	float:left;
	margin:18px 0 0 0;
	padding:0;
	background:#fff;
	line-height:180%;
}


#txt p {	
	margin:0 10px 23px 0;
	padding:0;
	text-align:justify;
}

#txt a {	
	padding: 0 0 1px 0;
	border-bottom: 1px dotted #999;
}

#txt a:hover {	
	border-bottom: 1px dotted #999;
}

#txt em {
	background: #F5FFA6;
	padding: 3px;
	font-style:normal;
}

#txt small {
	padding: 0;
	font-style:italic;
	margin:0;
}

#txt .ruta {	
	margin:0;
	padding:0;
	color:#AA143B;
	font:10px;
}

	#txt .ruta  strong {	
		color:#000;
		font-weight:normal;
	}
	
	#txt .ruta  a {	
		color:#7D878A;
		padding:0;
		border-bottom: 0;
	}
	
	#txt .ruta  a:hover {	
		color:#000;
		border-bottom: 0;
	}


/*- Titular pagina -*/
#txt h3 {	
	margin:5px 0 10px 0;
	padding:0;
	color:#AA143B;
	font:25px normal "Lucida Sans Unicode", "Trebuchet MS";
}

/*- Subtitular nivel 1 -*/
#txt h4 {	
	margin:3px 0 13px 0;
	color:#AA143B;
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:bold;
	padding:0 0 3px 0;
	border-bottom: 1px solid #ccc;
}

#txt h4 a {	
	margin:3px 0 13px 0;
	color:#AA143B;
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:bold;
	padding:0 0 3px 0;
	border-bottom: 0;
}

#txt h4 a:hover{	
	margin:3px 0 13px 0;
	color:#555;
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:bold;
}

/*- Subtitular nivel 2 -*/
#txt h5 {	
	margin:3px 0 13px 14px;
	color:#AA143B;
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:bold;
}

/*- Subtitular nivel 3 -*/
#txt h6 {	
	margin:10px 0 10px 0;
	color:#AA143B;
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:bold;
	padding:0 0 3px 0;
	border-bottom: 1px solid #ccc;
}

/*- Listados de la pagina -*/
#txt ul {
	line-height: 130%;
	margin:20px 20px 20px 50px;
	padding:0;
}

#txt li {
	margin: 0 0 10px 0;
	list-style-type:none;
	list-style-image:url(images/_general/li-flecha.gif);
	padding:0;
}


/*- Imagenes de productos -*/
#txt .right {
	float:right;
	padding:5px;
	border: 1px solid #7D878A;
	margin: 6px 0 6px 20px;
}
	#txt  a .right  {
		border: 1px solid #000;
	}
	
	#txt a:hover .right  {
		border: 1px solid #AA143B;
	}


#txt .left {
	float:left;
	padding:5px;
	border: 1px solid #7D878A;
	margin: 6px 20px 6px 0;
}
	#txt  a .left  {
		border: 1px solid #000;
	}
	
	#txt a:hover .left  {
		border: 1px solid #AA143B;
	}


#txt blockquote {
	padding:5px;
	border-left: 3px solid #d7d7d7;
	margin: 15px 40px;
	background:#F6F6F6 url(images/blog/blockquote.gif) bottom right no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

/*-- Estilo para el pie de los post --*/
.entrymeta {
	border-bottom: 1px solid #d7d7d7;
	background:#f6f6f6;
	padding:10px 10px;
	margin: 0 0 30px 0;
	font-size:10px;
}
	
	
/*---------------------------*/
/*-- Estilo para el FOOTER --*/
/*---------------------------*/
#footer {
	text-align:left;
	color:#666;
	font-size:10px;
	padding: 7px;
	margin: 40px 0 20px 0;
	border-top: 1px solid #BABABA;
	line-height:150%;
}

#footer p {
	padding: 0;
	margin:0;
}


/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0.5em;
	padding:1em;

}
.commentsblock textarea{
	width:530px;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
	
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0 0 0 20px;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1.5em;
	list-style-image:none;
}
.alt{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:1.5em;
}
h3#comments{
font-size:1.6em;
}

/*-- Estilo para pagina siguiente y anterior --*/
.navigation {
	font: bold 1.5em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #343434;
	padding: 6px;
	height: 50px;
}

.navigation a {
	color: #666666;
	text-decoration: none;
	}

.navigation a:hover {
	color: #222222;
	text-decoration: none;
	}
	
	.alignleft {
		float:left;
		}
		
	.alignright {
		float:right;
		}



/*----------------------*/
/*-- Estilo HOME PAGE --*/
/*----------------------*/
#cabecera-home {
	height:240px;
	background:#f7f7f7 url(images/_general/loading.gif) center center no-repeat; 

}

#cabecera-home p {
	margin:0;
	padding:0;
}

#cabecera-home img {
	widows:760px;
	height:240px;
}

/*-- Estilo para Sidebar A de la HOME --*/
#sidebar-a-content-home {
	width:180px;
	height:auto;
	float:left;
	margin:13px 0 0 0;
	padding:0;
}

/*-- Estilo para el SIDEBAR B --*/
#sidebar-b {
	width:180px;
	height:auto;
	float:right;
	margin:13px 0 0 15px ;
	padding:0;
	background:#fff;
}

#sidebar-b a {	
	/* padding: 0 0 1px 0; */
	/* border-bottom: 1px dotted #999; */
	border-bottom:0;
}

#sidebar-b a:hover {	
	/* border-bottom: 1px dotted #999; */
	border-bottom:0;
}

#sidebar-b h2 {
	margin:0;
	padding:0;
	font:bold 15px "Trebuchet MS", Verdana, Arial, Helvetica;
	color:#AA143B;
	display:block;
	background:#fff;
	list-style-type:none;
}

	html>body #sidebar-b h2 {
		margin:0;
	}


#sidebar-b h3 {	
	margin:0 0 5px 0;
	padding:0 0 4px 0;
	color:#000;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom: 1px solid #000;
}

#sidebar-b ul {
	line-height: 130%;
	margin:5px 5px 5px 20px;
	padding:0;
}

#sidebar-b li {
	margin: 0 0 10px 0;
	list-style-type:none;
	list-style-image:url(images/_general/li-doc.gif);
	padding:0;
}

/*-- Estilo para el TXT-HOME --*/
#txt-home {	
	width:360px;
	height:auto;
	float:left;
	margin:15px 0 0 0;
	padding:0 0 0 15px;
	background:#fff;
	line-height:180%;
}

#txt-home p {	
	margin:0 14px 23px 14px;
	padding:0;
	text-align:justify;
}

#txt-home a {	
	padding: 0 0 1px 0;
	border-bottom: 1px dotted #999;
}

#txt-home a:hover {	
	border-bottom: 1px dotted #999;
}

#txt-home em {
	background: #F5FFA6;
	padding: 3px;
	font-style:normal;
}

/*- Titular pagina -*/
#txt-home h3 {	
	margin:6px 0 17px 0;
	padding:5px 0 4px 14px;
	color:#000;
	font:25px normal Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #7D878A;
	border-bottom: 1px solid #AA143B;
	background: #fff url(images/_general/h3-fondo.gif) bottom right no-repeat;
}

/*- Subtitular nivel 1 -*/
#txt-home h4, h4 a {	
	margin:0 0 13px 0;
	color:#AA143B;
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:bold;
}

#txt-home h4 a:hover{	
	margin:3px 0 13px 0;
	color:#555;
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:bold;
}

/*- Listados de la pagina -*/
#txt-home ul {
	line-height: 130%;
	margin:5px 5px 5px 20px;
	padding:0;
}

#txt-home li {
	margin: 0 0 10px 0;
	list-style-type:none;
	list-style-image:url(images/_general/li-flecha.gif);
	padding:0;
}

/*---- Banner del sidebar-a ----*/
#banner-sidebar{
	height:180px;
}