/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#quoteCriticalService { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* coluna esquerda */

div#quoteCriticalService div.left { display: block; position: relative; width: 200px; background-color: #e5e6e9; margin: 15px 0 0 0; padding: 0 0 35px 0; float: left; overflow: hidden; }
	div#quoteCriticalService div.left hr { display: block; position: relative; margin: 2px 25px 10px 0; border: none; border-bottom: 1px dotted rgb(142,144,144); }
	div#quoteCriticalService div.left a.top { display: block; position: relative; margin: 0 25px 0 0; padding: 0 4px; color:#003B5C; text-align: left; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 22px; text-decoration: none; text-transform: uppercase; }
	div#quoteCriticalService div.left a.top:hover { text-decoration: underline; }

	div#quoteCriticalService div.left a.children { display: block; position: relative; margin: 6px 0 6px 4px; padding: 0 0 0 0; color:#003B5C; text-align: left; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 22px; text-decoration: none; }
	div#quoteCriticalService div.left a.children:hover { text-decoration: underline; }
		div#quoteCriticalService div.left a.children span { display: inline-block; position: relative; margin: 0 5px 0 0; width: 10px; height: 10px; background: transparent url(../src/img/menuArrowLeft.png) no-repeat center center; background-size: cover; vertical-align: middle; }

	div#quoteCriticalService div.left a.selected { background-color:#003B5C; color: #ffffff; }

@media all and ( max-width: 949px )
{
	div#quoteCriticalService div.left { width: 90%; float: none; padding: 0; margin: 15px auto 0 auto; }
		div#quoteCriticalService div.left hr { display: none; width: 100%; }
		div#quoteCriticalService div.left a.top { padding: 6px 0; text-indent: 15px; }
		div#quoteCriticalService div.left a.children { margin: 0; padding: 6px 0; border-top: 1px solid #ffffff; }
}
@media all and ( min-width: 950px ) and ( max-width: 1199px )
{
	div#quoteCriticalService div.left { margin: 15px 0 0 15px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* coluna direita */

div#quoteCriticalService div.right { display: block; position: relative; width: 700px; margin: 15px 0 0 0; float: right; overflow: hidden; }
	div#quoteCriticalService div.right h1 { display: block; position: relative; font-family: 'ArialBold', sans-serif; font-size: 18px; color:#003B5C; line-height: 25px; }
		div#quoteCriticalService div.right h1 span { display: inline-block; position: relative; font-family: 'ArialBold', sans-serif; font-size: 18px; color:rgb(142,144,144); line-height: 25px; }
	div#quoteCriticalService div.right p.text { display: block; position: relative; font-family: 'ArialNarrow', sans-serif; font-size: 14px; color:#003B5C; line-height: 25px; margin: 25px 0 0 0; text-align: justify; }
	div#quoteCriticalService div.right a.continue { display: inline-block; position: relative; background-color: #003B5C; color: #ffffff; font-family: 'ArialNarrow', sans-serif; font-size: 14px; margin: 10px 0 0 0; line-height: 25px; border: none; padding: 0 20px; cursor: pointer; text-decoration: none; }
	div#quoteCriticalService div.right a.continue { transition-property: all; transition-duration: 400ms; }
	div#quoteCriticalService div.right a.continue:hover { background-color: rgb(142, 144, 144); }
	div#quoteCriticalService div.right p.movingAhead { display: block; position: relative; font-family: 'ArialBold', sans-serif; font-size: 16px; color:rgb(142, 144, 144); line-height: 25px; margin: 40px 0 0 0; text-align: justify; }

@media all and ( max-width: 949px )
{
	div#quoteCriticalService div.right { width: 90%; float: none; margin: 15px auto 0 auto; }
		div#quoteCriticalService div.right h1 { display: none }
		div#quoteCriticalService div.right p.movingAhead { font-size: 14px; text-align: left; }
}
@media all and ( min-width: 950px ) and ( max-width: 1199px )
{
	div#quoteCriticalService div.right { margin: 15px 15px 0 0; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* formulario */

div#quoteCriticalService div.right form { display: block; position: relative; width: 650px; margin: 15px 0 0 0; }
	div#quoteCriticalService div.right form div.colLeft { display: block; position: relative; width: 310px; float: left; min-height: 10px; }
	div#quoteCriticalService div.right form div.colRight { display: block; position: relative; width: 310px; float: right; min-height: 10px; }
	div#quoteCriticalService div.right form div.postalCode { display: block; position: relative; width: 100%; }
		div#quoteCriticalService div.right form div.postalCode input[type="text"] { width: 75px; float: left; }
		div#quoteCriticalService div.right form div.postalCode input[type="text"]:nth-last-child(2) { width: 120px; float: left; margin: 0 0 0 14px; }
		div#quoteCriticalService div.right form div.postalCode input[type="text"]:nth-last-child(2)::-webkit-input-placeholder { color:#003B5C; text-align: center; }
		div#quoteCriticalService div.right form div.postalCode input[type="text"]:nth-last-child(2):-moz-placeholder { color:#003B5C; opacity:  1; text-align: center; }
		div#quoteCriticalService div.right form div.postalCode input[type="text"]:nth-last-child(2)::-moz-placeholder { color:#003B5C; opacity:  1; text-align: center; }
		div#quoteCriticalService div.right form div.postalCode input[type="text"]:nth-last-child(2):-ms-input-placeholder { color:#003B5C; text-align: center; }
		div#quoteCriticalService div.right form div.postalCode span { display: block; position: relative; font-family: 'ArialBold', sans-serif; color: #003B5C; font-size: 14px; line-height: 25px; width: 20px; margin: 0; text-align: center; float: left; }
	div#quoteCriticalService div.right form div.phone { display: block; position: relative; width: 100%; }
		div#quoteCriticalService div.right form div.phone input[type="text"] { width: 75px; float: left; }
		div#quoteCriticalService div.right form div.phone input[type="text"]:nth-last-child(3) { width: 211px; float: left; margin: 0 0 0 20px; }
	div#quoteCriticalService div.right form div.measures { display: block; position: relative; width: 100%; }
		div#quoteCriticalService div.right form div.measures input[type="text"] { width: 90px; float: left; }
		div#quoteCriticalService div.right form div.measures input[type="text"]::-webkit-input-placeholder { color:#003B5C; text-align: center; }
		div#quoteCriticalService div.right form div.measures input[type="text"]:-moz-placeholder { color:#003B5C; opacity:  1; text-align: center; }
		div#quoteCriticalService div.right form div.measures input[type="text"]::-moz-placeholder { color:#003B5C; opacity:  1; text-align: center; }
		div#quoteCriticalService div.right form div.measures input[type="text"]:-ms-input-placeholder { color:#003B5C; text-align: center; }
		div#quoteCriticalService div.right form div.measures input[type="text"]:nth-child(2) { margin: 0 17px 0 0; }
		div#quoteCriticalService div.right form div.measures input[type="text"]:nth-child(3) { margin: 0 17px 0 0; }
	div#quoteCriticalService div.right form label { display: block; position: relative; font-family: 'ArialBold', sans-serif; color: #003B5C; font-size: 14px; line-height: 25px; margin: 5px 0 0 0; }
	div#quoteCriticalService div.right form label.radio { display: block; position: relative; font-family: 'ArialNarrow', sans-serif; color: #003B5C; font-size: 14px; line-height: 25px; margin: 5px 0 0 0; }
		div#quoteCriticalService div.right form label span { display: inline-block; position: relative; font-family: 'ArialNarrow', sans-serif; color: #003B5C; font-size: 13px; line-height: 25px; margin: 0; }
		div#quoteCriticalService div.right form label img { display: block; position: relative; margin: 2px 0 5px 0; float: right; }
	div#quoteCriticalService div.right form span.error { display: none; position: relative; font-family: 'ArialNarrow', sans-serif; font-size: 11px; line-height: 15px; margin: 0 0 10px 0; text-align: justify; text-indent: 0; color: #ff0000; }
	div#quoteCriticalService div.right form p { display: block; position: relative; font-family: 'ArialBold', sans-serif; color: #003B5C; font-size: 14px; line-height: 25px; margin: 5px 0 0 0; }
		div#quoteCriticalService div.right form p span { display: inline-block; position: relative; font-family: 'ArialNarrow', sans-serif; color: #003B5C; font-size: 13px; line-height: 25px; margin: 0; }
	div#quoteCriticalService div.right form select { display: block; position: relative; border: 1px solid rgb(142, 144, 144); height: 25px; line-height: 25px; font-family: 'ArialNarrow', sans-serif; font-size: 12px; color: #003B5C; padding: 0; width: 100%; background-color: rgb(229, 230, 232); }
	div#quoteCriticalService div.right form input[type="text"] { display: block; position: relative; border: 1px solid rgb(142, 144, 144); line-height: 25px; font-family: 'ArialNarrow', sans-serif; font-size: 12px; color: #003B5C; padding: 0; width: 100%; background-color: rgb(229, 230, 232); }
	div#quoteCriticalService div.right form input[type="text"].double { margin: 5px 0 0 0; }
	div#quoteCriticalService div.right form input[type="text"]::-webkit-input-placeholder { color:#003B5C; text-align: center; }
	div#quoteCriticalService div.right form input[type="text"]:nth-last-child(2):-moz-placeholder { color:#003B5C; opacity:  1; text-align: center; }
	div#quoteCriticalService div.right form input[type="text"]:nth-last-child(2)::-moz-placeholder { color:#003B5C; opacity:  1; text-align: center; }
	div#quoteCriticalService div.right form input[type="text"]:nth-last-child(2):-ms-input-placeholder { color:#003B5C; text-align: center; }
	div#quoteCriticalService div.right form input[type="text"] { transition-property: all; transition-duration: 400ms; }
	div#quoteCriticalService div.right form input[type="text"]:focus { border: 1px solid #003B5C; background-color: #ffffff; }
	div#quoteCriticalService div.right form input[type="text"].error { border: 1px solid red; }
	div#quoteCriticalService div.right form textarea { display: block; position: relative; border: 1px solid rgb(142, 144, 144); line-height: 25px; height: 100px; font-family: 'ArialNarrow', sans-serif; font-size: 12px; color: #003B5C; width: 100%; padding: 0; resize: vertical; background-color: rgb(229, 230, 232); }
	div#quoteCriticalService div.right form textarea { transition-property: all; transition-duration: 400ms; }
	div#quoteCriticalService div.right form textarea:focus { border: 1px solid #003B5C; background-color: #ffffff; }
	div#quoteCriticalService div.right form textarea::-webkit-input-placeholder { text-indent: 5px; }
	div#quoteCriticalService div.right form textarea:-moz-placeholder { text-indent: 5px; }
	div#quoteCriticalService div.right form textarea::-moz-placeholder { text-indent: 5px; }
	div#quoteCriticalService div.right form textarea:-ms-input-placeholder { text-indent: 5px; }
	div#quoteCriticalService div.right form input[type="submit"] { display: inline-block; position: relative; float: right; background-color: #003B5C; color: #ffffff; font-family: 'ArialNarrow', sans-serif; font-size: 14px; margin: 37px 0 0 0; line-height: 25px; border: none; padding: 0 20px; cursor: pointer; }
	div#quoteCriticalService div.right form input[type="submit"] { transition-property: all; transition-duration: 400ms; }
	div#quoteCriticalService div.right form input[type="submit"]:hover { background-color: #CE112D; }

@media all and ( max-width: 749px )
{
	div#quoteCriticalService div.right form { width: 95%; margin: 0 auto; }
		div#quoteCriticalService div.right form div.colLeft { float: none; width: 100%; }
		div#quoteCriticalService div.right form div.colRight { float: none; width: 100%; }
			div#quoteCriticalService div.right form div.postalCode input[type="text"] { width: 50px; }
			div#quoteCriticalService div.right form div.postalCode input[type="text"]:nth-last-child(2) { width: 100px; }
			div#quoteCriticalService div.right form div.phone input[type="text"]:nth-last-child(3) { width: 140px; }
			div#quoteCriticalService div.right form div.measures input[type="text"] { width: 70px; }
}
@media all and ( min-width: 750px ) and ( max-width: 1199px )
{
	div#quoteCriticalService div.right form { width: 650px; margin: 0 auto; }
}


/* ------------------------------------------------------------------------------------------------------------------ */