/***********************************************
	Hoja de estilos de la página de contacto
************************************************
	Estilos por etiqueta
/***********************************************/
	label.error{
		font: 10px Arial;
		color: red;
		display: block;
		margin-top: 0;
		margin-bottom: -1.5em;
	}
	
	input.error{
		border:  thin solid red;
	}
	
	textarea.error{
		border:  thin solid red;
	}

/***********************************************
	Estilos por id
/*******************************************/
	#sectionTitle{
		padding:2em 0 2em 2em;
		vertical-align: middle;
	}
	
	#sectionTitle img{
		float: left;		
	}
	
	#sectionTitle h1{
		font: bold 24px Arial;
		color: #372c1d;
	}
	
	#sectionTitle h1 strong{
		font-size: 36px;	
	}
	
	#sectionContent{
		margin:  2em 0 0 2em;
		padding-bottom: 15em;
	}
	
	#sectionContent #formsGroup{
		width: 40em;
		margin: 2em 2em 0 0;
		display:block;
		float:  left;
	}
	
	#presidentFormTitle, #secretaryFormTitle, #webFormTitle{
		background-color: #372c1d;
		color: #FFF;
		width:  12em;
		height: 1.5em;
		padding: .5em 1em 0 .5em;
	}
	
	#presidentFormContent, #secretaryFormContent, #webFormContent{
		background-color: #e1cd9e;
		border:  1px solid #372c1d;
		padding: 2em;
		text-align:right;
		margin-bottom: 2em;
	}
	
	#presidentFormContent #pEmail, #secretaryFormContent #sEmail, #webFormContent #wEmail{
		margin: .6em 0 .6em 0;
	}
	
	#sectionContent #imagesContent{
		display: block;
	}
	
	#sectionContent #imagesContent img
	{
		margin: 4em 2em 2em 0;
	}
	
	#sectionContent #addressSection{
		margin-right: 3em;
	}
	
	#sectionContent #addressSection p{
		margin-bottom: 1em;
		font:  14px Arial;
		color: #372c1d;
	}
	
	#sectionContent #addressSection p strong{
		font-weight:bold;
	}
	
	#sectionContent #addressSection #envelopeImage{
		margin: 0;
		position: relative;
		top: -6em;
		left: 2em;
	}
	
	#sectionContent #addressSection #phoneImage{
		float: left;
		margin-right: 1em;
	} 
	
/************************************************
	Estilos por clase
*************************************************/

	.sectionInfo{
		font: 14px Arial;
		color:  #372c1d;
	}
		
	.labelField{
		font:  12px Arial;
		color:  #372c1d;
	}
	
	.labelField2{
		font:  12px Arial;
		color:  #372c1d;
		vertical-align:top;
	}
	
	.inputTextField{
		font:  12px Arial;
		color:  #372c1d;
		background-color: #FFF;
		border:  1px solid #372c1d;
		width: 30em;
		height: 1.2em;
	}
	.textareaField{
		font:  12px Arial;
		color:  #372c1d;
		background-color: #FFF;
		border:  1px solid #372c1d;
		width: 30em;
		height: 7.3em;
	}
	.submitButton{
		font: bold 12px Arial;
		color:  #FFF;
		background-color: #372c1d;
		border:none;
		width: 6em;
		height: 2em;
	}