﻿#Formulario, #FormularioPago {
			width: 99%;			
			margin: 0;
			padding: 0;
			border: 0;
		
		}
#Formulario div.form_wrapper, #FormularioPago div.form_wrapper {
			margin: 0 -1%;
			padding: 0;
		}
#Formulario fieldset, #FormularioPago fieldset 
{
			clear: both;			
			border-width:1px;
			border-style:solid;
			border-color:#bcd5e9;	
			margin:20px 0px 20px 0px;	
			position:relative;
			display:block;
			padding: 0px 10px 10px 10px;
			
	}

#Formulario fieldset.seguido, #FormularioPago fieldset.seguido
{
	display:inline;
	width:45%;
	float:right;
	clear:none;
	margin:0;
	padding-right:0px;
	}

#Formulario legend, #FormularioPago legend
{
	color:#1C5085;
	font-weight:bold;
	font-size:1.1em;
	padding:2px 5px;
	margin:0px 0px 5px 0px;	
	position:relative;


}

#Formulario span.wrapper, #FormularioPago span.wrapper {
		margin: 0;
		padding: 0;
		display: table-cell;
		width: 1%; /* firefox */
	}
#Formulario label.inputselect, #FormularioPago label.inputselect,
#Formulario div.form-group, #Formulario div.form-group {
		margin: 0.2em;
		padding: 0;
		border: 0;
		float: left;
		display: table;
	}
	
	#Formulario fieldset div.primero{clear:both;}
	
	#Formulario fieldset div.nofloat{float:none;}
/*
---------------------------
width
--------------------------- */
@media screen and (max-width: 519px)
{
	#Formulario label.w50, #FormularioPago label.w50,
	#Formulario label.w25, #FormularioPago label.w25,
	#Formulario label.w20, #FormularioPago label.w20,	
	#Formulario label.w33, #FormularioPago label.w33,
	#Formulario label.w30, #FormularioPago label.w30,
	#Formulario label.w10, #FormularioPago label.w10,
	#Formulario label.w15, #FormularioPago label.w15,
	#Formulario label.w100, #FormularioPago label.w100,	
	#Formulario label.w75, #FormularioPago label.w75,
	#Formulario div.col_50, #FormularioPago div.col_50,
	#Formulario div.col_25, #FormularioPago div.col_25,
	#Formulario div.col_20, #FormularioPago div.col_20,
	#Formulario div.col_33, #FormularioPago div.col_33,
	#Formulario div.col_30, #FormularioPago div.col_30,
	#Formulario div.col_10, #FormularioPago div.col_10,
	#Formulario div.col_15, #FormularioPago div.col_15,
	#Formulario div.col_100, #FormularioPago div.col_100
	{
		width:95%;
	}
}

@media screen and (min-width: 520px) and (max-width: 820px)
{
	#Formulario label.w50, #FormularioPago label.w50,
	#Formulario label.w25, #FormularioPago label.w25,
	#Formulario label.w20, #FormularioPago label.w20,	
	#Formulario label.w33, #FormularioPago label.w33,
	#Formulario label.w30, #FormularioPago label.w30,
	#Formulario div.col_50, #FormularioPago div.col_50,
	#Formulario div.col_33, #FormularioPago div.col_33,
	#Formulario div.col_30, #FormularioPago div.col_30,
	#Formulario div.col_25, #FormularioPago div.col_25
	{
		width: 48%;
	}
	
	#Formulario label.w10, #FormularioPago label.w10,
	#Formulario label.w15, #FormularioPago label.w15,
	#Formulario div.col_10, #FormularioPago div.col_10,
	#Formulario div.col_15, #FormularioPago div.col_15,
	#Formulario div.col_20, #FormularioPago div.col_20
	{
		width:24%;
	}		
}

@media screen and (min-width: 520px)
{
	#Formulario label.w100, #FormularioPago label.w100,
	#Formulario div.col_100, #FormularioPago div.col_100{
		width: 97%;
	}
	#Formulario label.w75, #FormularioPago label.w75,
	#Formulario div.col_75, #FormularioPago div.col_75 {
		width: 73%;
	}
}

@media screen and (min-width: 821px)
{
	#Formulario label.w50, #FormularioPago label.w50,
	#Formulario div.col_50, #FormularioPago div.col_50 {
		width: 48%;
	}
	#Formulario label.w25, #FormularioPago label.w25,
	#Formulario div.col_25, #FormularioPago div.col_25 {
		width: 23%;
	}
	#Formulario label.w20, #FormularioPago label.w20,
	#Formulario div.col_20, #FormularioPago div.col_20
	{
		width:18%;
	}
	#Formulario label.w10, #FormularioPago label.w10,
	#Formulario div.col_10, #FormularioPago div.col_10
	{
		width:8%;
	}
	#Formulario label.w33, #FormularioPago label.w33,
	#Formulario div.col_33, #FormularioPago div.col_33
	{
		width:31%;
	}
	#Formulario label.w30, #FormularioPago label.w30,
	#Formulario div.col_30, #FormularioPago div.col_30
	{
		width:28%;
	}
	#Formulario label.w15, #FormularioPago label.w15,
	#Formulario div.col_15, #FormularioPago div.col_15
	{
		width:13%;
	}
}

/*
---------------------------
position
--------------------------- */

#Formulario label.p25, #FormularioPago label.p25 {
	margin-left: 26%;
}
#Formulario label.p50, #FormularioPago label.p50  {
	margin-left: 51%;
}
#Formulario label.p75, #FormularioPago label.p75 {
	margin-left: 76%;
}

/*
---------------------------
title and examples 
--------------------------- */

#Formulario label span.title, #FormularioPago label span.title {
}
#Formulario label span.example, #FormularioPago label span.example {
	color: #999;
	font-style: italic;	
}

/*
---------------------------
input/select fields 
--------------------------- */

#Formulario label input.field,
#Formulario label select.field,
#Formulario label textarea.field,
#FormularioPago label input.field,
#FormularioPago label select.field,
#FormularioPago label textarea.field,
#Formulario div.form-group input,
#Formulario div.form-group select,
#Formulario div.form-group textarea,
#FormularioPago div.form-group input,
#FormularioPago div.form-group select,
#FormularioPago div.form-group textarea {
	width: 100%;
	display: block;
	border:1px solid #7f9db9;
	padding: 0;
	font-family: sans-serif; font-size: 1em;
	-moz-box-sizing: border-box; /* firefox */
}

#Formulario label input.field,
#Formulario label select.field,
#Formulario div.form-group input,
#Formulario div.form-group select
{
	height: 25px;
}

#Formulario label input.field, 
#FormularioPago label input.field,
#Formulario label select.field, 
#FormularioPago label select.field,
#Formulario div.form-group input,
#Formulario div.form-group select,
#FormularioPago div.form-group input,
#FormularioPago div.form-group select {
	padding: 4px 1px 1px 1px;
}

#Formulario div.form-group select[multiple="multiple"] {
	height:auto;
}
#Formulario label input.field:focus,
#Formulario label select.field:focus,
#Formulario label textarea.field:focus,
#FormularioPago label input.field:focus,
#FormularioPago label select.field:focus,
#FormularioPago label textarea.field:focus,
#Formulario div.form-group input:focus,
#Formulario div.form-group select:focus,
#Formulario div.form-group textarea:focus,
#FormularioPago div.form-group input:focus,
#FormularioPago div.form-group select:focus,
#FormularioPago div.form-group textarea:focus
 {
	border: 1px solid #1e63a9;
	background: #bcd5e9;
}

/* Campos obligatorios */
#Formulario label.mandatory input.field,
#Formulario label.mandatory select.field,
#Formulario label.mandatory textarea.field,
#FormularioPago label.mandatory input.field,
#FormularioPago label.mandatory select.field,
#FormularioPago label.mandatory textarea.field {
	border: 1px solid #809db5;
	border-left: 8px solid #809db5;
}

.form-group
{
	width:100%;
}

/*
---------------------------
checkboxes and radios
--------------------------- */

#Formulario input.select,
#FormularioPago input.select {
	display: block;
	float: left;
	margin: 0;
}

/*
---------------------------
additional styles for
input/select fields
--------------------------- */

#Formulario label.inputselect span.title,
#FormularioPago label.inputselect span.title,
#Formulario div.form-group label
#FormularioPago div.form-group label
 {
	margin: 0 0 2px 0;
	display: table; /* act as inline-block */
}

#Formulario label span.title:hover,
#Formulario label span.title:focus,
#FormularioPago label span.title:hover,
#FormularioPago label span.title:focus {
	color: #285078;
	cursor: pointer;
}

#Formulario label br,
#FormularioPago label br {
	margin: 0 0 2px 0;
}


/*
---------------------------
additional styles for
checkboxes and radios
--------------------------- */

#Formulario label.wauto,
#FormularioPago label.wauto {
	width: auto;
	margin-right: 15px;
}
#Formulario label.radiocheck,
#FormularioPago label.radiocheck {
	margin-bottom: 5px;
}

#Formulario label.radiocheck span.wrapper,
#FormularioPago label.radiocheck span.wrapper {
	padding-right: 0;
}

#Formulario label.wauto span.wrapper,
#FormularioPago label.wauto span.wrapper  {
	display: inline;
}
#Formulario label.radiocheck span.title,
#FormularioPago label.radiocheck span.title {
	/*display: block;*/
	display:inline;
	/*margin: 0 0 0 20px;*/
	margin: 0 0 0 3px;
	padding: 0;
}

#Formulario label.radiocheck input.check,
#FormularioPago label.radiocheck input.check {
	/*display: block;*/	
	display:inline;
	float:none;
	/*margin: 0 0 0 20px;*/
	margin: 0 0 0 3px;
	padding: 0;
}

/*
---------------------------
clearing elements
--------------------------- */

.clear {
	clear: both;
	display: block;
	padding: 0 0 10px 0;
}
.mb0 {
	margin-bottom: 0 !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

/*
---------------------------
form content
--------------------------- */

#Formulario p,
#Formulario h3,
#FormularioPago p,
#FormularioPago h3 {
	margin: 0 1% 10px 1%;
}

#Formulario h2, #FormularioPago h2
{margin: 0 1% 10px 1%;
	font-size: 1.1em;
	color: #8f8a74;
	font-variant: small-caps;
	line-height: 2.5em;
	background-color:Transparent;	
	background-repeat: no-repeat;
   display:inline;
	}

#LOPD p
{
	clear:both;
	font-style:italic;
	padding:0.5em 0;
}

.CheckLOPD label
{
	display:inline;
}

.CheckLOPD input
{
	margin:4px;
}
				
#Formulario div.checkbox{
	clear:both;
}
#Formulario div.checkbox label input[type="checkbox"]{
	width:auto;
	float:left;
	margin-top:0;
}

#Formulario div.form-group > label{
	font-weight:bold;
}