/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: layout.css
 Sitio: www.queremosfiesta.com
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 Estilos para control del layout por medio de CSS
--------------------------------------------------------------------------*/

/* Layout WRAPPER, TOP, BOTTOM 
--------------------------------------------------------------------------*/
	#wrapper{
		width:774px;
		position:relative;
		margin:0px;
		padding:0px;
		margin-left:-387px;
		left:50%;
	}
	#top{
		background: url(../img/layoutCss/top.jpg);
		height:126px;
	}
	#bottom{
		background: url(../img/layoutCss/bottom.jpg) top no-repeat;
		height:31px;
		text-align:right;
		font-size:8pt;
		padding-right:5px;
	}
/* = Layout WRAPPER, TOP, BOTTOM 
--------------------------------------------------------------------------*/

/*  MENU
--------------------------------------------------------------------------*/
	
	#menu *{
		vertical-align: bottom;
	}
	#menu{
		background:url(../img/layoutCss/menu_bg.gif);	
		text-align:center;	
		height:25px;
	}
	#menu *{
		vertical-align: middle;
	}
	#menu a{
		color:#000000;
		font-weight:bold;	
		text-decoration:none;
	}
	#menu a:hover{
		color:#448081;	
	}
/* = MENU
--------------------------------------------------------------------------*/
	#cuerpo, #textoDerechos{
		background:url(../img/layoutCss/cuerpo_bg.gif);
	}
	#pieTop{
		background: url(../img/layoutCss/pie_top.jpg) no-repeat;
		height:6px;
	}
	#pieCuerpo{
		background: url(../img/layoutCss/pie_bg.jpg) repeat-y;
		font-size:8pt;
	}
	#pieContenido{
		margin-left:150px;
		text-align:center;
		width:599px;
	}
	#pieBottom{
		background: url(../img/layoutCss/pie_bottom.jpg) no-repeat;
		height:5px;
	}
	#barraLateral{
		width:145px;	
		float:left;
	}
	#contenido{
		float:left;
		width:620px;
		padding-left:2px;
		background: url(../img/layoutCss/contenido_bg.jpg) top left no-repeat;
		/* Solucin de altura minima para navegadores ms populares */
		min-height: 450px;
		height: auto !important;
		height: 450px;
	}
	#texto a{
		/*text-decoration:underline;*/
		color:#448081;
	}
	#texto{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
	}
	#menuSeccion{
		background-image:url(../img/layoutCss/fondo_secciones.jpg);
		background-repeat:repeat-y;
	}

	#menuSeccion li{
		list-style-position: outside;
		list-style-image: url(../img/layoutCss/secciones_bullet.jpg);
		font-weight:normal;
		margin-left:19pt;
		margin-right:10pt;
	}
	#menuSeccion a:hover{
		color:#6A9522;	
	}
	ul#mapaSecciones{
		padding:0px;
		margin:0px;
		margin-left:20px;
	}
	#textoDerechos{
		padding-left:146px; 
		text-align:center;
		padding-right:8px;	
    	clear:both;
	}
	#pieMenuSecciones{
		background: url(../img/layoutCss/menu_der_bottom.jpg) no-repeat bottom left;
		height:15px;
	}
	#ligasPie{
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
	}
	#ligasPie{
		font-size:7pt;
	}
	#ligasPie a{
		color:#191919;	
		text-decoration:none;
		font-weight:bold;
	}
	#ligasPie a:hover{
		color:#666666;
	}

/* BUSCADOR
--------------------------------------------------------------------------*/
	#buscador{
		width:201px;
		position:absolute;
		top:90px;
		left:557px;
		font-size:8pt;
	}
	#buscador #inputBuscar{
		font-size:8pt;	
		border: 1px solid #666666;
		width:115px; 
		margin-left:2px;
	}
	#buscador #buscarSubmit{
		border:none; 
		padding-left:2px;
	}
	#buscadorTop{
		background: url(../img/layoutCss/buscador_top.gif) top no-repeat;
		height:3px;
	}
	#buscadorCuerpo{
		background: url(../img/layoutCss/buscador_bg.gif) repeat-y;
		padding-left:2px;
	}
	#buscadorBottom{
		background: url(../img/layoutCss/buscador_bottom.gif) bottom repeat-y;
		height:3px;
	}
	#buscadorCuerpo * {
		vertical-align:middle;	
	}
	#buscadorCuerpo li, #entrada li{ 
		list-style: none;
		list-style-image: none;
		list-style-position:outside; /* Arregla Problema de despliegue en el explorer*/
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 18px;
	}
	#buscadorCuerpo li#buscar{
		background-image: url(../img/layoutCss/buscar.gif);
	}
/* = BUSCADOR
--------------------------------------------------------------------------*/


/* Libro de visitas
--------------------------------------------------------------------------*/
	.comment {
		width:450px;
		margin-left:auto;
		margin-right:auto;
	}
	.comment .commenttitulo * {
		vertical-align:middle;	
	}
	.commenttitulo{
		background: url(../img/layoutCss/comment_tit_bg.jpg) repeat-x;
		height:23px;
	}
	.comment .commentseparator {
		margin: 5px 0 5px 0;
		padding: 1px;
	}
	.comment .commentnumber{
		/*font-size: 12pt;*/
		font-weight: bold;	
		color:#000000;
	}
	 a#author {
		color:#000000;
		font-weight:bold;
	}
	a:hover#author{
		color:#910000;
	}
	#fecha{
		font-weight:bold;
		font-size:7pt;
		color:#FFFFFF;
		font-style:italic;
	}
	li#libVisitas  {
		background:url(../img/layoutCss/book_open.gif);
		list-style: none;
		list-style-image: none;
		list-style-position:outside; /* Arregla Problema de despliegue en el explorer*/
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 18px;
	}
	#libVisitas{
		padding-top:5px;
		padding-bottom:5px;
	}
/* = Libro de visitas
--------------------------------------------------------------------------*/

	#menuLateral{
		margin-left:10px;	
	}
	#menuLateral a:hover{
		color:#FFFFFF;
	}
	
/* Para Caja de Etiquetas TAGS
--------------------------------------------------------------------------*/

	#tagsWrapper{
		width:600px;
	}
	#tags{
		width: 97%;
		margin-left:auto;
		margin-right:auto;	
		border:1px solid #739FA1;
	}
	#tagsWrapper h3
	{
		font-size:10pt;
		font-weight:bold;
		color:#910000;	
		text-align:right;
		padding-bottom:3px;
	}
	#tags a { font-size: 1em; }
	#tags .tag, #tags ul#tagsUl li { display: inline; }
	#tags ul#tagsUl li{
	   list-style: none;
	   list-style-image: none;
	}
	#tags em {
		font-style: normal;
		font-size: 1.08em; 
	}
	
	ul#tagsUl { 
		
		background-color: #EEEEEE; 
		font-size: 1em; 
		padding: 6px;
		margin: 0px;
		list-style: none;
	}
/* = Para Caja de Etiquetas TAGS
--------------------------------------------------------------------------*/
	.noDisplay{
		display:none;
	}
	/* Estilos para pagina que aparece en el formulario de contacto de la ficha */
	.fondo{
		background-image:url(../img/layoutCss/fondo_layout_empty.jpg);
		background-repeat: repeat-x;
	}
	.clearfix:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix {
		display:block;
	}
	* html .clearfix {
		height:1px;
	}
		/*centrado */
	.centrado{
		margin-left:auto;
		margin-right:auto;	
	}