/*--------------------------------------------------------------------------
 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;
}