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