/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: utils.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 Estilos utilitarios pasra proyectos en general
--------------------------------------------------------------------------*/
/*-- Estilos textos y ligas --*/
	
	.noDisplay{
		display:none;
	}
	
	.center, .centrado{
		margin-left:auto;
		margin-right:auto;
	}
	
	.centro {	text-align:center	}
	
	.bold{
		font-weight:bold;
	}

	/*-- Begin Clearfix Hack Classes --*/
	.clearfix:after {
    	content:"."; 
    	display:block; 
    	height:0; 
    	clear:both; 
    	visibility:hidden;
	}
	
	.clearfix {
		display:inline-block;
	}
	
	.clearfix {
		display:block;
	}
	
	* html .clearfix {
		height:1px;
	}
	/*-- End Clearfix Hack Classes --*/
	
	/*-- images styles --*/
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.alignright, img.right {
		padding: 2px;
		margin: 0 0 2px 7px;
		display: inline;
		float:right;
	}

	img.alignleft, img.left {
		padding: 2px;
		margin: 0 7px 2px 0;
		display: inline;
		float:left;
	}

	.alignright {
		float: right;
	}

	.alignleft {
		float: left
	}
/*--------------------------------------------------------------------------
 Clic 2007
----------------------------------------------------------------------------
 File: general.css
 Author:   Gerardo Gonzalez Flores
 		   --> gerardo AT clic DOT com DOT mx <--
   		   http://www.clic.com.mx-
---------------------------------------------------------------------------		
 CSS general styles for the web site, apply to specific HTML tags
 CSS generales para el sitio, aplicados a etiquetas HTML especifcas .
--------------------------------------------------------------------------*/
 * {

	margin:0px;
	padding:0px;
 }
 
 body, table, td, tr, ul, li, span, div, input, textarea, select  {
    font-size: 9pt;
    font-family:   "Arial", "Book antigua", "Courier", "Courier new", "Times", "Helvetica";
    /*background:url(img/backgroundPage.jpg) center no-repeat top;*/
}

 p { margin-bottom:1em; }
 p.firstline { margin:0em 0em 1em 1em; }

 table, td{
		border:none 0px;
		padding:0px;
		border-spacing: 0px;
		border-collapse:collapse; /*Elimina el padding en el IE*/
		vertical-align:top;
	}

 img { border:0px;  }
 img.left { float:left; margin:2px; margin-right: 8px;} 
 img.right { float:right; margin:2px; margin-left: 8px;}
 .bold{ font-weight:bold; }

 ul li{  list-style-type:none; }
 blockquote{ margin-left:20px; }
 .centrado{	margin-left:auto;margin-right:auto;	}
 .centro   { text-align:center;	}
	
 ul{
		margin:10px 0px 10px 0px;
		padding:0px;
		margin-left:15px;
 }
	
 ul li{
		padding:0px;
		list-style:none;
		list-style-image: none;
		background:url(../img/bullet-level-1.gif) 3px .3em no-repeat;
		padding-left:18px;
		/*font-weight:bold;*/
	}
 a{	text-decoration:none;
	color:#000000;
	}
	
a:hover{ color:#333333;	border:0px; }
a:hover img {	border:0px; }
.cakeSqlLog { clear:both; border:1px solid}
/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: paginacion.css
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
	CSS styles for pagination item
	Estilos generales para el despliegue del item de paginacion
--------------------------------------------------------------------------*/
#paginacion{
	margin-top:5px;
	clear:both;
}
.paginacion * { font-size:7pt}
.paginacion {
	color:#000000;
	font-size:7pt;
}
.paginacion a{
	text-decoration:none;
	color:#000000;
}
.paginacion a:hover{
	text-decoration:none;
	color:#FF0000;
}

.paginacion a:visited{
	text-decoration:none;
	color:#000000;
}

.pagValign{
 	vertical-align:middle;
}
/*--------------------------------------------------------------------------
 Clic 2008
 ----------------------------------------------------------------------------
 File: layout.css
 Gerardo Gonzalez Flores
gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 CSS Layout styles for the web site.
 Layout CSS para el sitio.
 --------------------------------------------------------------------------*/
/* Layout
 -------------------------------------------------------------------*/
html { } /* es correcto? */
body {
    background: url(../img/page-bg.png) #4396CA repeat-x top left;
}


#headerAd {
    width: 774px;
    position: relative;
    margin: 0px auto;	
	height:100px;
}

#wrapper {
    width: 774px;
    position: relative;
    margin: 0px auto;
    background-image: none;
	/*background:  url(../img/body-bg.png) repeat-y top center;*/
}


#header{
	width: 774px;
	height: 40px;
	position: relative;
	background:  url(../img/header-bg.png) no-repeat top center;
}


#logotipo{
	width:266px; 
	height:33px; 
	position:absolute; 
	left:15px;
	top: 6px; 
	background: url(../img/logo-fiestas-de-octubre.png) no-repeat;
}

#logotipo h2{
	display:none;
}

#body{
	
	background: url(../img/content-bg.png) repeat-y;
}

#body #contentHeader, #body #titleWrapper{
	background: url(../img/titles/flame-bullet.jpg) no-repeat 4px 0px;
	width:566px;
}

#footer {
	background: url(../img/footer-content-bg.png) repeat-y top;
	width:774px;
	text-align: center;
}


#footer a{
	color:#ffffff;
}

#contenido, .contenido {
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	min-height: 400px;
    height: auto !important;
    height: 400px;
	text-align:justify;
}

/** Layout Home **/
#barraLeft {
    width: 200px;
    float: left;
	margin-left:1px; 
	margin-right:1px; 
	
}

#areaCentral {
    width: 566px;
    float: left;
    /* alto minimo */
    min-height: 400px;
    height: auto !important;
    height: 400px;
    text-align: justify;
}



/*** MENU ***/

ul#menu {	
  width: 774px;
  height:44px;
  background: url(../img/menu-bg.png) no-repeat;
}

 ul#menu,  ul#menu li {
 	position:absolute;
	padding:0px;
	margin:0px;
	height: 44px;
	top:189px;
	left:0px;
 }
 
 ul#menu li a span {display:none}

 ul#menu li {
 	background-image:none;
	list-style-image:none;
	top:0px;
	float:left;
	position:absolute; 
  	height: 44px;
	/*border:1px solid;*/
 }
 	
 ul#menu a { display:block;  height:44px;}
 
 ul#menu li#quienes-somos {  left:10px; }
 ul#menu li#servicios {   left:147px;}
 ul#menu li#oficinas-y-profesionales {   left:239px;}
 ul#menu li#ligas-de-interes {  left:438px;}
 ul#menu li#contacto {  left:580px;}
 
 ul#menu li#quienes-somos a { width:137px; background: url(../img/menu/quienes-somos.jpg) 0px -42px  no-repeat; }
 ul#menu li#quienes-somos a:hover { background: url(../img/menu/quienes-somos.jpg) 0px 0px  no-repeat; }
 
 ul#menu li#servicios a { width:92px; background: url(../img/menu/servicios.jpg) 0px -42px no-repeat; }
 ul#menu li#servicios a:hover { background: url(../img/menu/servicios.jpg) 0px 0px  no-repeat; }
 
 ul#menu li#oficinas-y-profesionales a { width:199px;   background: url(../img/menu/oficinas-y-profesionales.jpg) 0px -42px no-repeat;  }
 ul#menu li#oficinas-y-profesionales a:hover { background: url(../img/menu/oficinas-y-profesionales.jpg) 0px 0px  no-repeat; }
 
 ul#menu li#ligas-de-interes a { width:142px; background: url(../img/menu/ligas-de-interes.jpg) 0px -42px no-repeat;  }
 ul#menu li#ligas-de-interes a:hover { background: url(../img/menu/ligas-de-interes.jpg) 0px 0px  no-repeat; }

 ul#menu li#contacto a {  width:95px; background: url(../img/menu/contacto.jpg)  0px -42px no-repeat;  }
 ul#menu li#contacto a:hover { background: url(../img/menu/contacto.jpg) 0px 0px  no-repeat; }
 
 ul#menu li#contacto { background:none;}
 
 
 /* Cuadros Mision-Vision-Valores */
 ul#cuadros li {
 	background-image:none;
	list-style-image:none;
	float:left;
	display:block; 
	width:239px;
	padding:0px;
	margin:0px;
	min-height: 260px;
    height: auto !important;
    height: 260px;
 }
ul#cuadros li#mision { background:#742939}
ul#cuadros li#vision {background:#636260; border:1px solid #FFFFFF; border-top:0px; border-bottom:0px}
ul#cuadros li#valores {background:#C1C1C1}

ul#cuadros li h2 span  {
	color:#742936;
	font-size:12pt;
	padding:.3em 0px 0px 25px;
	display:block;
	width:100px; 
	background: url(../img/titles/flame-bullet-small.png) left  -0.2em no-repeat;
	height:27px;
	/*border:1px solid;*/
	margin-left:auto;
	margin-right:auto;
}
ul#cuadros li p  {padding:10px 10px 5px 10px; color:#FFFFFF;}
ul#cuadros li#valores p  { color:#000000;}
ul#cuadros li h2{ background:#FFFFFF; }

#oficinasEnGdl { width: 550px; margin-right:auto; margin-left:auto; border:1px solid #696856; margin-top:5px;} 
 
/** **/
#footerFood {
    background: url(../img/footer-bottom.png)  no-repeat top;
    height: 11px;
    text-align: right;
    padding-right: 10px;
	padding-bottom:10px;
	padding-top:10px;
}

#footerFood * {
	color:#ffffff;
	font-size:8pt;
}

div#footerBody{
	background: url(../img/footer-top.png) no-repeat top;	
	width:774px;
	color:#ffffff;
	text-align: center;
	padding-top:5px;
}


/*** QUICKLINKS ***/
 #quickLinks {
 	position:absolute;
	height:16px;
	width:90px;
	left:81px;
	top:169px;
	/*background: url(../img/quicklinks-bg.jpg);*/
 }

 ul#quickLinks, ul#quickLinks li { padding:0px; margin:0px}

 #quickLinks li{ list-style:none;  background: none;}
 #quickLinks  li.home,  #quickLinks  li.contact, #quickLinks  li.siteMap {	position:absolute; }

 #quickLinks a { display:block; width:23px; height:16px; }
 #quickLinks a span { display:none;}

 #quickLinks  li.home    { left:10px; top:0px;}
 #quickLinks  li.contact { left:33px; top:0px;}
 #quickLinks  li.siteMap { left:56px; top:0px;}
 
 #quickLinks  li.home a { background: url(../img/home.gif) 50% 50% no-repeat;  }
 #quickLinks  li.home a:hover { background: url(../img/home.gif) 50% 50% #FFFFFF no-repeat; }
 
 #quickLinks  li.contact a {  background: url(../img/contacto.gif)  50% 50% no-repeat;  }
 #quickLinks  li.contact a:hover { background: url(../img/contacto.gif) 50% 50% #FFFFFF no-repeat; }
 
 #quickLinks  li.siteMap a { background: url(../img/mapa-sitio.gif)  50% 50% no-repeat; }
 #quickLinks  li.siteMap a:hover { background: url(../img/mapa-sitio.gif) 50% 50% #FFFFFF no-repeat; }

/* Contenido */ 
img { border:1px solid #696856; } 
table#ligasInteres { width:95% }
table#ligasInteres img{ border:none;}
table#ligasInteres td { padding:10px; vertical-align:middle; text-align:center}

span.mdr { font-style:italic; }

ul#accordion h2 { cursor:pointer; margin-left:0px; margin-right:0px;}
ul#accordion {
	clear:both;
	margin-top:30px;
	width:650px; 
	margin-left:auto; 
	margin-right:auto; 
	border:1px solid #696856; 
}
ul#accordion > li { 	
	background:none; 
	padding:0px; 
	list-style-image:none;
	margin:0px;
}

ul#accordion li.odd, 
ul#accordion li.even { 
	background:none; 
	padding:0px; 
	list-style-image:none;
	margin:0px;
}
ul#accordion h2.toggler { 
		background: #B0AFA0; 
		border: 1px solid #E2E2D8; 
		border-collapse:collapse;
}
ul#accordion li.odd h2.toggler { 
		background: #9B9A86; 

}
ul#accordion h2.toggler { 
	border-bottom:none;
}
ul#accordion li.last-li h2.toggler { 
	border-bottom: 1px solid #FFFFFF;
}
ul#accordion h2.toggler { color:#FFFFFF; padding:3px 3px 3px 10px}

ul#accordion div.element .wrap { padding:5px; }

div.contactos { }
ul.contactCards { float:left; width:325px; }
.vcard .fn { font-weight:bold}
.vcard .tel { font-style:italic; padding:0px 0px 0px 5px;}
.vcard .email {  padding:0px 0px 0px 5px;}
.vcard .role {  font-style:italic; padding:0px 0px 5px 5px;}
#mdrOrgVcard { display:none}
 /* flashMessage */

 .message {
    padding: 10px;
    margin-top: 35px;
    background: #FFDEDE;
    width: 338px;
    text-align: center;
    border: 1px solid #FF7F7F;
}

#flashMessage {
    background: #FFDEDE;
    border: 1px solid #FF7F7F;
    /*height:20px;*/
    padding: 3px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	margin-bottom:10px;
	margin-top:5px;
}


/* Bloques de Anuncios */

.ad728x90  {
	width:728px;
	margin: 0px auto;
	padding: 5px 0px;
}

.ad200x90  {
	width:200px;
	margin: 0px auto;
	padding: 5px 0px;

}

.ad180x90{
 width:180;
 margin:10px 0px 10px 10px;
}
.ad468x15{
	width:468px;
	margin: 0px auto;
	margin-right:10px;
	padding: 5px 0px;
}

.ad468x90{
	width:468px;
	margin: 0px auto;
	margin-right:10px;
	padding: 10px 0px;
}

/** Calendar **/
ul#listaEventos li h2.summary { 
 background:none;
 margin:0px;
 padding:0px;
}

ul#listaEventos li.vevent { 

 margin-top:10px;
}
/*--------------------------------------------------------------------------
 Clic 2008
----------------------------------------------------------------------------
 File: titulos.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------		
 CSS styles for titles
 Estilos generales para titulos.
--------------------------------------------------------------------------*/

/* Titles
------------------------------------------------------------*/
 h1, h2, h3, h4, h5 {
 	margin:0px;
	padding:0px;
	font-size:10pt;
	

 }
 .title span, .sub span{
	/* display:none;*/
 }
 
 h1.title span { font-size:14pt; } 
 h2.sub span { font-size:14pt; display:none;}
 
 
h1.title{
	width:527px;
	padding-left:27px;
	margin-left:8px;
	padding-bottom:10px;
 }
 
 
 #contenido h2 {
 	color:#0C3D75;
	font-size:12pt;
	padding:.3em 0px 0px 25px;
	background: url(../img/titles/flame-bullet-small.png) left -0.2em no-repeat;
	min-height: 27px;
    height: auto !important;
    height: 27px;
 }
 
#contentHeader h1.title{
	color:#0C3D75;
	min-height: 38px;
    height: auto !important;
    height: 38px;
 }


 h2.sub{
	width:auto;
	height:17px;
	margin-bottom:5px;
 
 }
 
 h2.subMap {
	  background: url(../img/bullet1.jpg) no-repeat .1em .3em;
	  padding-left:15px;
 }
 
 h3 {
	  background: url(../img/bullet2.jpg) no-repeat .1em .3em;
	  padding-left:15px;
 }
 
 h3.subCatalog { 
	background: url('../img/app/flechaBgEnd.gif') no-repeat 5px 50%; 
	padding-left:30px;
	margin-top:0px;
	margin-bottom:10px;
}

/* =Titles
------------------------------------------------------------*/



/*-------------------------------------------------------------------------
 Clic 2007
 ---------------------------------------------------------------------------
 File: forms.css
 
 Gerardo Gonzalez Flores
 --> gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 CSS style for html forms
 Estilos generales para los formularios utilizados
 --------------------------------------------------------------------------*/
.textoPequeno {
    font-size: 10px;
}

.admin {
    width: 550px;
    /*border:1px solid;*/
}

.admin label, .view label {
    display: block;
    width: 150px;
    float: left;
    text-align: right;
    padding-right: 2px;
}

.view label {
    font-weight: bold;
}

.converter label {
    width: 110px;
}

.formItem {
    padding-top: 1px;
    padding-bottom: 1px;
    clear: both;
}
#formaLogin .input input{
	width:200px;	
}
.formItem input, .formItem textarea {
    width: 270px;
}

.formItem input.radio, input.checkbox {
    width: auto;
}

.converter .formItem input {
    width: 100px;
}

.formItem select {
    width: 150px;
}

.submit {
    text-align: center;
    padding-top: 2px;
}
/* Formularios de contacto */
.forma {
    width: 400px;
}

.atencion {
    color: #990000;
    font-weight: bold;
}

fieldset {
    border: 1px solid #ccc;
    margin-top: 5px;
    padding: 10px 20px;
    /*width:80%;*/
}

fieldset legend {
    color: #343468;
    font-size: 110%;
    font-weight: bold;
    padding: 5px;
}

form#charters .formItem label {
    width: 180px;
}

form#charters .comments label {
    float: none;
    width: auto;
	text-align:left;
}

form#charters .comments textarea {
    width: 98%
}
/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: error_messages.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 CSS styles for error messages
 Estilos para mensajes de error e informacion
--------------------------------------------------------------------------*/

.error_message, .error-message{
	font-size: 8pt;
	font-family: "Arial";
	color: #990000;
	font-weight:bold;
	text-align:left;
		
	padding-bottom:2px;
	padding-left:18px;
	background-image:url(../img/error/alert.gif);
	background-repeat:no-repeat;
	width:auto;
}
.admin * .error_message, .admin * .error-message{
	margin-left:150px;
}
.info_message {
	font-size: 8pt;
	font-family: "Arial";
	color: #000000;
	
	
	padding-bottom:2px;
	padding-left:18px;
	background-image:url(../img/error/information.gif);
	background-repeat:no-repeat;
	width:auto;
}
.resultado_vacio{
	clear:both;
	width:300px;
	padding:10px;
	background:#CCDCDD;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
/*--------------------------------------------------------------------------
 Clic 2007
 ----------------------------------------------------------------------------
 File: items.css
 Gerardo Gonzalez Flores
 --> gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 Estilos generales para ficha de item.
 --------------------------------------------------------------------------*/
/* depliegue de las listas con las fichas*/

div#puntosVenta {
  width:520px;
  margin:0px auto;   
 }

div.item {
    width:225px;
    background:#A7CC66;
    padding:10px;
    margin:5px;
    float:left;
}



div#puntosVenta div.item h2{
    background:none;
    padding:5px;
}

table.niko, table.myHotelsTemp {
    /*font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;*/
    /*font-size:  10pt;*/
    border-collapse: collapse;
}

table.niko caption, table.myHotelsTemp caption {
    /*font-size: 11pt;;*/
    color: #000000;
}

table.niko thead tr, table.myHotelsTemp thead tr {
    background-color: #66B001;
    /*border-top: 1px solid black;
     border-bottom: 1px solid black;*/
    color: #FFFFFF;
}

table.niko thead tr.thActionArea, table.myHotelsTemp thead tr.thActionArea {
    background-color: #FFFFFF;
}

table.niko tfoot tr, table.myHotelsTemp tfoot tr {
    background-color: #FFFFFF;
}

table.niko thead th, table.myHotelsTemp thead th {
    padding: 4px;
    white-space: nowrap;
}

table.niko tfoot th, tablemyHotelsTemp tfoot th {
    font-size: 110%;
    text-align: right;
    padding-right: 4px;
    letter-spacing: 1px;
}

table.niko tfoot td, table.tfoot td {
    padding-left: 4px;
    color: red;
    font-size: 110%;
    font-weight: 600;
}

table.niko tfoot td:hover, table.myHotelsTemp tfoot td:hover {
    background-color: red;
    color: white;
}

/* celdas */
table.niko tr, table.myHotelsTemp tr {
    background-color: #B5D984;
}

table.niko tr.odd, table.myHotelsTemp tr.odd {
    background-color: #FFFFFF;
}

table.niko tbody tr:hover, table.niko tr.prototypeHover, table.myHotelsTemp tbody tr:hover, table.myHotelsTemp tr.prototypeHover {
    background-color: #FFFF99;
}

table.niko td, table.niko th, table.myHotelsTemp td, table.myHotelsTemp th {
    border: 1px solid #66B001;
}

table.niko tbody td, table.myHotelsTemp tbody td {
    padding: 4px;
}

table.niko td a:link, table.niko th a:link, table.myHotelsTemp td a:link, table.myHotelsTemp th a:link {
    color: black;
}

table.niko td a:visited, table.niko th a:visited, table.myHotelsTemp th a:visited, table.myHotelsTemp th a:visited {
    color: black;
    text-decoration: line-through;
}

table.niko td a:hover, table.niko th a:hover, table.myHotelsTemp td a:hover, table.myHotelsTemp th a:hover {
    color: purple;
    text-decoration: underline;
}

table.niko td:last-child a:hover, table.myHotelsTemp td:last-child a:hover {
    color: red;
    text-decoration: underline overline;
}

table.niko thead tr.thActionArea th, table.myHotelsTemp thead tr.thActionArea th {
    border: none;
    border-bottom: 1px solid #64A2C1;
    text-align: right;
}