@charset "utf-8";
/* CSS Document */

.mainwrapper
{
	margin-top:20px;
}
.formheader
{
	background-color:#003581;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	/*background:#003581 url(../imagenes/formatocontratacion.jpg) no-repeat scroll 2% 50%;*/
	padding-bottom:39px;
	padding-top:20px;
}

.formheader .titlebanner
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13pt;
	letter-spacing:-1px;
	float:left;
	padding:20px 10px 20px 0;
	margin-left:20px;
	background:url(../imagenes/contactenos.gif) left 10% no-repeat;
}

.formheader .contenido
{
	color:#FFFFFF;
}

.maincontent
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-right:20px;
	background:url(../imagenes/mapaverde.gif) 74% -50% no-repeat;
}

.infolocalidad
{
	float:left;
	width:150px;
	margin-left:20px;
	margin-top:8px;
}

.infolocalidad label
{
	display:block;
	margin-bottom:5px;
}

.infolocalidad select
{
	width:130px;
	margin-bottom:10px;
}

label
{
	color:#003680;
	text-transform:uppercase;
}

fieldset
{
	border:none;
	clear:right;
}

.info_adicional fieldset div
{
	margin-top:10px;
	margin-bottom:10px;
}

.info_adicional
{
	margin-right:20px;
	padding-left:170px;
	padding-top:12px;
}

.infoempresa label
{
	float:left;
	margin-bottom:5px;
	margin-right:10px;
	margin-top:5px;
	width:20%;
}

.infoempresa input
{
	margin-bottom:5px;
	margin-top:5px;
	width:100%;
}

.selectcanvas
{
	float:left;
	margin-bottom:0!important;
	margin-top:0!important;
	width:77%;
}

.direccion_canvas
{
	text-align:right;
}

fieldset legend
{
	color:#003581;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
	text-transform:uppercase;
}

.renglon
{
	margin-bottom:10px;
	margin-top:10px;
}

.menu_ligasimportantes_verde
{
	float:right;
	padding-left:4px;
	padding-right:20px;
	padding-top:5px;
}

.comentarios_canvas
{
	margin-top:15px;
	text-align:right;
}

.comentarios_canvas label
{
	float:left;
	margin-left:85px;
}

.enviar_canvas
{
	text-align:right;
	margin-top:10px;
	padding-bottom:10px;
}

.mensaje_gascelular
{
	background:url(../../menu_superior/clientes_residenciales/imagenes/gas_celular_mini.jpg) top right no-repeat;
	padding-top:38px;
	padding-bottom:39px;
	position:relative;
}

.mensaje_gascelular .footer_hand
{
	background:url(../../menu_superior/clientes_residenciales/imagenes/footer_phone.gif) top left no-repeat;
	padding-top:50px;
	padding-bottom:50px;
	padding-right:84px;
	position:absolute;
	bottom:0;
	right:2px;
}

.pedidos01800
{
	position:absolute;
	bottom:-97px;
	left:0;
}

.pedidos01800_canvas
{
	position:relative;
}

.regresar_canvas
{
	background-position:21% 65%;
	text-align:left;
	margin-left:86px;
}

.infotext
{
	color:#999999;
}

.phonearea
{
	margin-top:20px !important;
}

.lada_canvas
{
	position:relative;
}

.lada_canvas span
{
	position:absolute;
	left:4px;
	bottom:20px;
	color:#003680;
	font-size:8pt !important
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 294px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 3px #EEF5F7;
	margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
	box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit']{
	border: 1px solid #CED5D7;
	box-shadow:0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:hover{
	background: #edfcff; 
	background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}
.error{
    background-color:#FFFFAA;
    padding: 6px 12px;
    border-radius: 4px;
    color:#000000;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 6px;
    position: absolute;
}
.error:before{ /* Este es un truco para crear una flechita */
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #FFFFAA;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}
.formato{
height:auto; overflow:hidden; min-height:400px;
}