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

.mainwrapper
{
	margin-top:20px;
	background:url(../imagenes/mapaverde.gif) 74% 59% no-repeat;
}

.formheader
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#7e9ac1 url(../imagenes/pedidoslinea.jpg) no-repeat scroll 95% 50%;
	padding-bottom:25px;
	padding-top:5px;
}

.formheader .titlebanner
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13pt;
	letter-spacing:-1px;
	float:left;
	padding:20px 20px 20px 0;
	margin-left:20px;
}

.formheader .contenido
{
	color:#FFFFFF;
	margin-right:165px;
}

.maincontent
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin-right:20px;
}

.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;
	padding-bottom:35px;
}

.infoempresa
{
	text-align:right;
}

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

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

.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;
}

.floatright
{
	width:auto!important;
}
.enviar_canvas
{
	text-align:right;
	margin-top:10px;
	padding-bottom:10px;
	clear:right;
}

.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% !important;
	text-align:left !important;
	margin-left:86px;
}

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

.comentarios_canvas label
{
	float:left;
}

.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

}
.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;
}