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

/* =Fonts + Botones
------------------------------------------------------- */
@import url(/Shared/css/font-face/DIN-Font.css);

/* =Reset BODY - css
--------------------------------------- */
body {background: none repeat-x scroll 0 0 #FFF !important;}

/* =Reset - css
--------------------------------------- */
html, body, div, li, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 16px;
  font-family: Arial,Helvetica;
  list-style: none;
}
section h1, section h2, section h3, section h4, section h5, section h6, section p, section li {
	color:#333;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* =Globales 
------------------------------------------------------- */
body, html {height: 100%;}
section, figure, article, aside {
  width: 100%;
  position: relative;
  display: block;
}
.clear {clear:both;}
.Pad-Bottom20 {padding-bottom:20px;}
.Pad-Bottom40 {padding-bottom:40px;}

.Box-form {width:80%;}
.Box-form-especial {width: 540px; margin:0 auto;}
.Half {
	float: left;
  width: 50%;
	box-sizing: border-box;
}
.pad-inner-right {padding-right:10px;}
.pad-inner-left {padding-left:10px;}

/* =Figure 
------------------------------------------------------- */
figure {
	background:none no-repeat scroll 0 0 #004F87;
}
figure article {
	height: 150px;
	margin: 0 auto;
	display: table;
	padding: 0;
	width: 952px;
}
figure h1 {
	color: #fff;
	font: 40px/45px "DTV-DIN-LIGHT";
	letter-spacing: -0.025em;
	display: table-cell;
	vertical-align: middle;
}

/* =section - css
--------------------------------------- */
section {
	background: none repeat scroll 0 0 #FFFFFF;
	width: 100%;
	min-height:450px;
}
section.First {padding-top:50px;}
section h2 {
	font: 40px/46px 'DTV-DIN-LIGHT';
	padding: 0 0 20px;
	letter-spacing: -0.025em;
}
section h3 {
	font: 20px/24px Arial;
	margin: 0 0 20px;
	width: 95%;
}
section h3 span {
	font:bold 22px/24px Arial;
}
section p {
	line-height:24px;
}
section p.small {
	font:14px/22px Arial;
}
section p.small a {font-size: inherit;}
section a {
	font-weight:bold;
	text-decoration:none;
	color:#00ABE3;
}
section a:hover {
  color: #058ab5;
}

/* =Article - css
--------------------------------------- */
article {
	margin: 0 auto;
	overflow: auto;
	padding: 0 0 50px;
	width: 952px;
}

/*= Btn
------------------------------------------ */
#Formulario input[type="button"] {
	width: 90px;
	height: 35px;
	font: bold 16px/24px Arial, Helvetica;
	color: #FFF;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	background-color: #F8981D;
	cursor: pointer;
	text-shadow: 0px -1px 0px #F06D00;
}
.BtnUI {
	font: bold 16px/24px Arial, Helvetica;
	text-align: center;
	display: inline-block;
	text-decoration: none;
  padding: 6px 20px 5px;
	
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
}
.BlueUI  {
	color: #FFF;
	background: #00ADEE;
}
.BlueUI:hover {
	color: #FFF;
	background: #0078AE;
}
.YelowUI {
	color: #FFF;
	background: #F8981D;
	text-shadow: 0px -1px 0px #F06D00;
}
.YelowUI:hover {
	color: #FFF;
	background: #D57800;
	text-shadow: none;
}
.YelowUI:active {
	color: #FFF;
	background: #F58F0C;
}
.GreyUI {
	color: #333;
	background: #eaeaea;
}
.GreyUI:hover {
	color: #333;
	background: #dcdcdc;
}


/* =Form - css
--------------------------------------- */
#Formulario {padding-bottom: 50px;}
#Formulario label {
	font: 14px/22px Arial;
	color: #333;
	padding-bottom: 5px;
	clear: both;
	display: block;
}
#Formulario i {
	font-size: 12px;
	margin: 7px 0 0;
	display: block;
	color: #adabab;
}
#Formulario .celda.Fixed {height:70px;}
#Formulario input {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	color: #808080;
	display: block;
	font: 14px/22px Arial;
	margin: 0 0 20px;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
#Formulario input:focus {
	border: 1px solid #3EC9E7;
	background:#F5FCFE;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
	
}
#Formulario select {
	font: 14px/22px Arial;
	color: #808080;
	padding: 10px;
	border: 1px solid #ccc;
	background: url('/Shared/Images/genericos/img-dropdown.jpg') no-repeat right 0;
	overflow: hidden;
	width: 100%;
	height: 44px;
	margin: 0 0 20px;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
}
#Formulario textarea {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	color: #808080;
	display: block;
	font: 14px Arial;
	margin: 5px 0 15px;
	padding: 3%;
	width: 100%;
	height: 70px;
	resize: none;
	box-sizing: border-box;
}
#Formulario input[type="date"]::-webkit-clear-button {display: none;}
#Formulario input[type="date"]::-webkit-inner-spin-button { display: none;}
#Formulario input[type="date"]::-webkit-calendar-picker-indicator {display: none;}

#Formulario input[type="date"], #Formulario input[type="date"]:focus {
    appearance: none;
    -webkit-appearance: none;
		position: relative;
		height:46px;
}
#Formulario input[type="date"], focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
		height:46px;
}
#Formulario .celda p.error, #Formulario .Box-select p.error {
	color: #ff0006;
	font: 11px Arial;
	padding: 0;
	position: relative;
	top: -15px;
}

#Formulario input.error, 
#Formulario textarea.error,
#Formulario .error select {
	border: 1px solid #EF5A42;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
#Formulario input:focus.error, 
#Formulario textarea:focus.error, 
#Formulario .error select:focus {
	border: 1px solid #EF5A42;
	background:#FEF7F5;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
#Formulario input.Ok, 
#Formulario textarea.Ok, 
#Formulario .Ok select {
	border: 1px solid #00B975;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}
#Formulario input:focus.Ok, 
#Formulario textarea:focus.Ok, 
#Formulario .Ok select:focus {
	border: 1px solid #00B975;
	background:#F2FBF8;
	
	/* Animacion elementos Form ///////////////////////////////*/
	-webkit-transition: all linear .3s, box-shadow linear .3s;
  -moz-transition: all linear .3s, box-shadow linear .3s;
  -o-transition: all linear .3s, box-shadow linear .3s;
  transition: all linear .3s, box-shadow linear .3s;
}


table#rdoTipoCliente {
	position: relative;
	display: table;
	height: 60px;
}
table#rdoTipoCliente input#rdoTipoCliente_0 {position:absolute;top: 8px;left:0;}
table#rdoTipoCliente label[for=rdoTipoCliente_0] {position:absolute;top: 10px;left: 27px;}
table#rdoTipoCliente input#rdoTipoCliente_1 {position:absolute;top: 8px;left: 100px;}
table#rdoTipoCliente label[for=rdoTipoCliente_1] {position:absolute;top: 10px;left: 126px;}

table#rdoTipoCliente input {
	background: #FFF;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
	box-sizing: border-box;
	padding: 3px;
	margin: 0;
	width: 20px;
	height: 25px;
}


@media screen and (max-width: 1000px) {
	article{
		width: 96%;
		padding: 40px 2%;
	}
	figure article {
		width: 96%;
		padding: 0 2%;
		margin:0;
	}
	section.First {padding-top: 0;}
	section p, section p a {
		font-size: 14px;
		line-height: 22px;
	}
	section p.small {font: 12px/20px Arial;}
	figure h1 {font-size:30px; line-height:34px;}
	section h2{
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -0.015em;
	}
	#Formulario {padding-bottom: 0;}
	.Box-form {width: 100%;}
}

@media screen and (max-width: 600px) {
	section {min-height: auto;}
	section h2 {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -0.040em;
		padding: 0 0 10px;
	}
	article{
		width: 94%;
		padding: 30px 3%;
	}
	figure {margin: 0;}
	figure article {
    width: 94%;
    padding: 0 3%;
    margin: 0;
    height: 120px;
	}
	.Box-form-especial {
    width: 100%;
    margin: 0;
	}
	.Half {
    float: none;
    width: 100%;
	}
	.pad-inner-right, .pad-inner-left {padding:0;}
	

}