﻿#formulario {
    width: 828px;
    height: auto;
}
#loading{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
    height: 100%;
    width: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    display: none;
    background-color: #000000;
}
#sitio {
	width: 828px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}
#sitio #logo {
    padding: 25px 10px 85px 10px;
    width: 808px;
    height: 113px;
}
.hidden {
	display: none;
}
.titulos-style {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #7b7b7b;
    line-height: 15px;
    text-align: justify;
    font-weight: bold;
}
#formulario .cuadro1 {
    width: 808px;
    height: 40px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
#formulario .cuadro1 .box1 {
    width: 240px;
    height: 40px;
    float: left;
    padding-right: 44px;
}
#formulario .cuadro1 .box1 .titulo1 {
    width: 240px;
    height: 20px;
}
#formulario .cuadro1 .box1 .inputtext1 {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
    text-align: justify;
    width: 240px;
    height: 20px;
    font-weight: bold;
}
#formulario .cuadro1 .box1 .subinputtextprovincia {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
    text-align: justify;
    width: 240px;
    height: 22px;
    font-weight: bold;
}
#formulario .cuadro1 .box1 .subinputtextprovincia .dropdownprovincia {
	width: 240px;
	height: 22px;
}
#formulario .cuadro1 .box1 .subinputtextcanton {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
    text-align: justify;
    width: 240px;
    height: 22px;
    font-weight: bold;
}
#formulario .cuadro1 .box1 .subinputtextcanton .dropdowncanton {
	width: 240px;
	height: 22px;
}
#formulario .cuadro1 .box2 {
    width: 240px;
    height: 40px;
    float: left;
}
#formulario .cuadro1 .box2 .titulo2 {
    width: 240px;
    height: 20px;
}
#formulario .cuadro1 .box2 .inputtext2 {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
    text-align: justify;
    width: 240px;
    height: 20px;
    font-weight: bold;
}
#formulario .cuadro1 .box2 .subinputtextdistrito {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
    text-align: justify;
    width: 240px;
    height: 22px;
    font-weight: bold;
}
#formulario .cuadro1 .box2 .subinputtextdistrito .dropdowndistrito {
	width: 240px;
	height: 22px;
}
#formulario .producto-list {
    width: 828px;
    height: auto;
}
#formulario .producto-list .cuadro2 {
    padding: 10px 10px 20px 10px;
    width: 808px;
    height: 42px;
}
#formulario .producto-list .eliminar {
	width: 130px;
	height: 20px;
	padding-left: 687px;
	padding-top: 15px;
}
#formulario .producto-list .eliminar .btn-eliminar-paquete {
	background-image: url('../images/formulario-btn-eliminar-paquete-en-over.png');
	background-repeat: no-repeat;
	width: 130px;
	height: 20px;
}
#formulario .producto-list .eliminar .btn-eliminar-paquete a {
	background-image: url('../images/formulario-btn-eliminar-paquete-en.png');
	background-repeat: no-repeat;
	width: 130px;
	height: 20px;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#formulario .producto-list .eliminar .btn-eliminar-paquete a:hover {
	background-image: url('../images/formulario-btn-eliminar-paquete-en-over.png');
	background-repeat: no-repeat;
	width: 130px;
	height: 20px;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}

#formulario .linea-gris {
	border-top: 1px solid #cccccc;
	width: 828px;
	height: 1px;
	display: none;
}
#formulario .cuadro3 {
    width: 808px;
    height: 40px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
#formulario .cuadro3 .box2 {
    width: 267px;
    height: 40px;
    float: left;
    padding-right: 20px;
}
#formulario .cuadro3 .box2 .titulo1 {
    width: 267px;
    height: 20px;
}
#formulario .cuadro3 .box2 .inputtext1 {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
    text-align: justify;
    width: 267px;
    height: 20px;
    font-weight: bold;
}
#formulario .cuadro4 {
    width: 808px;
    height: 67px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
#formulario .cuadro4 .box3 {
    width: 808px;
    height: 42px;
}
#formulario .cuadro4 .box3 .titulo2 {
    width: 261px;
    height: 20px;
}
#formulario .cuadro4 .box3 .inputtext2 {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15px;
    text-align: justify;
    width: 808px;
    height: 22px;
    font-weight: bold;
}
a {
    text-decoration: none;
    color: #7b7b7b;
}
a:hover {
    text-decoration: underline;
    color: #7b7b7b;
}
body {
    padding: 0px;
    margin: 0px;
    background-image: url('../images/formulario-fondo.jpg');
    background-repeat: repeat-x;
}
#formulario .cuadro5 {
    width: 808px;
    height: 24px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
#formulario .cuadro5 .checkboxInput {
    width: 26px;
    height: 20px;
    float: left;
    padding-top: 1px;
}
#formulario .cuadro5 .checkboxText {
    width: 711px;
    float: left;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #7b7b7b;
    padding-top: 3px;
	height: 21px;
}
.text-style {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #7b7b7b;
    line-height: 15px;
    text-align: justify;
}
#formulario .cuadro5 .checkboxValidacion {
    width: 9px;
    height: 24px;
    float: left;
}
#formulario .cuadro6 .text-web {
    width: 554px;
    height: 15px;
    float: left;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #7b7b7b;
    padding-top: 3px;
    padding-bottom: 2px;
}
#formulario .cuadro6 .text-web a {
    text-decoration: underline;
}
#formulario .cuadro6 {
    width: 808px;
    height: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
#formulario .btn-otro-producto {
	padding: 20px 10px 20px 688px;
	width: 130px;
	height: 20px;
}
#formulario .btn-otro-producto .eliminar-btn {
	background-position: -99999px;
	width: 130px;
	height: 20px;
	background-image: url('../images/formulario-btn-eliminar-paquete-en-over.png');
	background-repeat: no-repeat;
	display: none;
}
#formulario .btn-otro-producto .eliminar-btn a {
	width: 130px;
	height: 20px;
	background-image: url('../images/formulario-btn-eliminar-paquete-en.png');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#formulario .btn-otro-producto .eliminar-btn a:hover {
	width: 130px;
	height: 20px;
	background-image: url('../images/formulario-btn-eliminar-paquete-en-over.png');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#formulario .btn-otro-producto .agregar-btn {
	background-position: -99999px;
	width: 130px;
	height: 20px;
	background-image: url('../images/formulario-btn-agregar-paquete-en-over.png');
	background-repeat: no-repeat;
	float: left;
}
#formulario .btn-otro-producto .agregar-btn a {
	width: 130px;
	height: 20px;
	background-image: url('../images/formulario-btn-agregar-paquete-en.png');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#formulario .btn-otro-producto .agregar-btn a:hover {
	width: 130px;
	height: 20px;
	background-image: url('../images/formulario-btn-agregar-paquete-en-over.png');
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -99999px;
}
#formulario .cuadro-titulo-producto {
	width: 808px;
	height: 107px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#formulario .cuadro-titulo-producto .titulo-producto {
	width: 808px;
	height: 21px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7b7b7b;
	padding-bottom: 10px;
}
#formulario .cuadro-titulo-producto .titulo-formulario {
	width: 808px;
	height: 21px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7b7b7b;
	padding-bottom: 20px;
}
#formulario .cuadro-titulo-producto .titulo-producto-frase {
	width: 808px;
	height: 30px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b7b7b;
}
#formulario .cuadro-titulo-producto2 {
    width: 808px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
	height: 61px;
}
#formulario .cuadro-titulo-producto2 .titulo-producto2 {
	width: 808px;
	height: 21px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7b7b7b;
	padding-bottom: 10px;
}
#formulario .cuadro-titulo-producto2 .titulo-producto-frase2 {
	width: 808px;
	height: 30px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b7b7b;
}
.paquetes {
	width: 828px;
	height: auto;
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
}
#formulario .btn-limite-alcanzado {
    padding: 20px 10px 20px 10px;
    background-position: -99999px;
    width: 808px;
    height: 20px;
    background-image: url('../images/formulario-btn-agregar-paquete-over.png');
    background-repeat: no-repeat;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: right;
    color: #7b7b7b;
}
.fondo-gris {
    background-color: #f0f0f0;
}
#formulario .cuadro5 .checkboxText a {
	text-decoration: underline;
}
#formulario .cuadro-titulo-producto3 {
	padding: 20px 10px 20px 10px;
	width: 808px;
	height: 21px;
}
#formulario .cuadro-titulo-producto3 .titulo-producto3 {
	width: 808px;
	height: 21px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7b7b7b;
}
#formulario #txt-quote {
	width: 808px;
	height: 15px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7b7b7b;
	padding-bottom: 10px;
}
