﻿#Formulario {
			width: 100%;			
			margin: 0;
			padding: 0;
			border: 0;
			color:#444;
			
		}
#Formulario div.form_wrapper {
			margin: 0 -1%;
			padding: 0;
		}


#Formulario fieldset
{
	background-color:#ededeb;
	border: 0;	
	margin:20px 0px 20px 0px;	
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	clear:both ;
}

#Formulario legend
{
	color:#3a8776;
	font-size:1.2em;
	top: -12px;		
	padding:2px 5px;
	margin:0px 0px 5px 0px;
	position:relative;

}

#Formulario label {
		margin: 0 1%;
		padding: 0;
		border: 0;
		float: left;
		display: table;
		width: 1%;
	}
#Formulario span.wrapper {
		margin: 0;
		padding: 0;
		display: table-cell;
		width: 1%; /* firefox */
	}

/*
---------------------------
width
--------------------------- */

#Formulario label.w100 {
	width: 97%;
	display: block;
}
#Formulario label.w75 {
	width: 72%;
	display: block;
}
#Formulario label.w50 {
	width: 47%;
	display: block;
}
#Formulario label.w25 {
	width: 22%;
	display: block;
}
#Formulario label.w20
{
	width:17%;
	display:block;
}
#Formulario label.w10
{
	width:7%;
	display:block;
}
#Formulario label.w30
{
	width:27%;
	display:block;
}
#Formulario label.w15
{
	width:12%;
	display:block;
}

/*
---------------------------
position
--------------------------- */

#Formulario label.p25 {
	margin-left: 26%;
}
#Formulario label.p50 {
	margin-left: 51%;
}
#Formulario label.p75 {
	margin-left: 76%;
}

/*
---------------------------
title and examples 
--------------------------- */

#Formulario label span.title {
}
#Formulario label span.example {
	color: #444;
	font-style: italic;	
}

/*
---------------------------
input/select fields 
--------------------------- */

#Formulario label input.field,
#Formulario label select.field,
#Formulario label textarea.field {
	width: 100%;
	display: block;
	border:1px solid #3a8776;
	background-image :url("images/fondoinput.gif");
	background-repeat :repeat-x ;
	font-family: sans-serif; font-size: 1em;
	-moz-box-sizing: border-box; /* firefox */
}

#Formulario label select.field {
	padding: 4px 1px 1px 1px; /* have to try out */
}

#Formulario label input.field:focus,
#Formulario label select.field:focus,
#Formulario label textarea.field:focus {
	border: 1px solid #3a8776;
	background: #d7e9e5;
}

/* Campos obligatorios */
#Formulario label.mandatory input.field,
#Formulario label.mandatory select.field,
#Formulario label.mandatory textarea.field {
	border: 1px solid #b3d0ca;
	border-left: 8px solid #9cc3ba;
}

/*
---------------------------
checkboxes and radios
--------------------------- */

#Formulario input.select {
	display: block;
	float: left;
	margin: 0;
}

/*
---------------------------
additional styles for
input/select fields
--------------------------- */

#Formulario label.inputselect span.title {
	margin: 0 0 2px 0;
	display: table; /* act as inline-block */
}

#Formulario label span.title:hover,
#Formulario label span.title:focus {
	color: #3a8776;
	cursor: pointer;
}

#Formulario label br {
	margin: 0 0 2px 0;
}


/*
---------------------------
additional styles for
checkboxes and radios
--------------------------- */

#Formulario label.wauto {
	width: auto;
	margin-right: 15px;
}
#Formulario label.radiocheck {
	margin-bottom: 10px;
}

#Formulario label.radiocheck span.wrapper {
	padding-right: 0;
}

#Formulario label.wauto span.wrapper {
	display: inline;
}
#Formulario label.radiocheck span.title {
	/*display: block;*/
	display:inline;
	/*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 {
	margin: 0 1% 10px 1%;
}


/* Customizacion */

/*
---------------------------
title and examples 
--------------------------- */

#Formulario label span.title {
}
#Formulario label span.example {
}


/*
---------------------------
input/select fields 
--------------------------- */

#Formulario label input.field,
#Formulario label select.field,
#Formulario label textarea.field {
}
#Formulario label select.field {
	/* have to try out */
}

#Formulario label input.field:focus,
#Formulario label select.field:focus,
#Formulario label textarea.field:focus {
}

/* Pflichtfelder
	mandatory fields */
#Formulario label.mandatory input.field,
#Formulario label.mandatory select.field,
#Formulario label.mandatory textarea.field {
}


/*
---------------------------
additional styles for
input/select fields
--------------------------- */

#Formulario label.inputselect span.title {
}

#Formulario label span.title:hover,
#Formulario label span.title:focus {
}


/*
---------------------------
form content
--------------------------- */

#Formulario p,
#Formulario h3 {
}
/*#Formulario 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.LOPD
{
	clear:both;
	font-style:italic;
	padding:0.5em 0;
}

		/*
/*
#Formulario label
{
	margin: 0 0 1% 0;
	padding: 0;
	border: 0;
	float: left;
	display: table;
	width: 1%;
}
	

#Formulario label.w100 {
			width: 98%;
			display: block;
		}
#Formulario label.w75 {
			width: 73%;
			display: block;
		}
#Formulario label.w50 {
			width: 48%;
			display: block;
		}
#Formulario label.w25 {
			width: 23%;
			display: block;
		}
#Formulario label.w12 {
			width: 10%;
			display: block;
		}
#Formulario label.w10
{
	width:8%;
	display:block;
}
#Formulario label.w16
{
	width:14%;
	display:block;
}
#Formulario label.w33 {
			width: 31%;
			display: block;
		}
#Formulario label.w20 {
			width: 18%;
			display: block;
		}

#Formulario label input, #Formulario label select
{
	width:98%;	
	float :left ;
	border:solid 1px #8f8a74;	
}
*/
/*#Formulario fieldset ul li input.check{
	border: 0;
	font-family: "Trebuchet MS", Arial;
	font-size:1em;
	width:auto;
}
#Formulario fieldset ul li label
{
	padding-top:0.45em;
}
#Formulario fieldset ul li label.check
{
	width:auto;
	float:none;
	padding-top:0em;
}
#Formulario fieldset ul li label.textarealabel
{width:100%;

}
#Formulario fieldset ul li input.seguido
{
	float:none;
	width:10%;
	}

#Formulario .notas
{
	font-style:italic;
	width:100%;
}

#Formulario textarea
{
	border: 1px solid #d7d7d7;
	font-family: "Trebuchet MS", Arial;
	font-size:1em;
}

#Formulario p.Inicial a
{
	text-decoration:underline;
	}
	
#LOPD p.LOPD
{
	clear:both;
	color:#8f8a74;
	border-top:1px solid #8f8a74;
	border-bottom:1px solid #8f8a74;
	padding:0.5em 0;
}

#LOPD p.arriba
{
	padding:0.5em 0 0.5em 0;
}
#LOPD a.arriba{

	color:#000000;
	text-decoration:none;
	background-image: url("Images/arriba.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:1.5em;
	padding-top:1em;
	padding-bottom:1em;
}*/


/*#Formulario fieldset ul li input.check{
	border: 0;
	font-family: "Trebuchet MS", Arial;
	font-size:1em;
	width:auto;
}
#Formulario fieldset ul li label
{
	padding-top:0.45em;
}
#Formulario fieldset ul li label.check
{
	width:auto;
	float:none;
	padding-top:0em;
}
#Formulario fieldset ul li label.textarealabel
{width:100%;

}
#Formulario fieldset ul li input.seguido
{
	float:none;
	width:10%;
	}

#Formulario .notas
{
	font-style:italic;
	width:100%;
}

#Formulario textarea
{
	border: 1px solid #d7d7d7;
	font-family: "Trebuchet MS", Arial;
	font-size:1em;
}

#Formulario p.Inicial a
{
	text-decoration:underline;
	}
	
#LOPD p.LOPD
{
	clear:both;
	color:#8f8a74;
	border-top:1px solid #8f8a74;
	border-bottom:1px solid #8f8a74;
	padding:0.5em 0;
}

#LOPD p.arriba
{
	padding:0.5em 0 0.5em 0;
}
#LOPD a.arriba{

	color:#000000;
	text-decoration:none;
	background-image: url("Images/arriba.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:1.5em;
	padding-top:1em;
	padding-bottom:1em;
}*/

/*CLASS de la maquetación con tablas*/
/*#Formulario table
{
	border:solid 2px #8f8a74;	
	border-collapse:collapse;
	width:770px;
	}
#Formulario table td
{
	border:solid 2px #8f8a74;
	margin:0;
}
#Formulario table td.CeldaLabel
{
	background-color:#cccccc;
}
#Formulario table td input
{
	background-color: #FFFFFF; 
	color: #000000; 
	border-style: solid; 
	border-width:1px; 
	border-color: #AF1714; 
	margin:0;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-color: #000000;
}*/
