#contenido section#seccion_exalumnos{
	max-width: 980px;
	margin: 10px auto 40px auto;
	overflow: hidden;
	display: block;
}

section#seccion_exalumnos img{
	float: left;
	width: 30.6%;
	max-width: 300px;
}

/*  form */

section#seccion_exalumnos article#formulario_contacto{
	float: right; 
	width: 64%;
	overflow: hidden;
}

article#formulario_contacto h1{
	margin-top: 0;
}

.formulario{
	width: 84%;
	margin-top: 20px;
	float: right;
}

.formulario ul{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:14px;
	list-style:none;
	text-align: right;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.formulario ul li{
	margin-bottom:10px;
	overflow: hidden;
}

.campo{
	width: 74% !important; /* 310px */
	height:25px;
	background-color:#e1e1e1;
	border:none;
	float: right;
}

.texto_form{
	margin-right: 7px;
	color: #ffbd00;
	font-family: Arial, Verdana,  Times New Roman, sans-serif;
	font-size: 18px;
	float: left;
}

.btn-enviar{
	float:right;
	border:black 0px;
	margin-top:20px;
	background-image:url(contacto/luispasteurs08_Contacto_03.jpg);
	background-repeat:no-repeat;
	width: 82px;
	height:28px;
}

.nota_form{
	text-align: right;
}

#adv, #adv_mail{
	margin-bottom: 5px;
	text-align: center;
}

/* Fin form*/


/* Vanadium Styles */ 
div.vanadium-invalid {
 	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
}
div.vanadium-valid {
  	border-color: #2068A6 !important;
  	border-style: solid !important;
  	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
}
.vanadium-message-value {
  	font-style: italic;
  	text-decoration: underline;
  	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
}
.vanadium-advice.vanadium-invalid, .vanadium-advice.vanadium-invalid * {
  	color: #C1272D;
  	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:11px;
	font-weight: normal !important;
}

input.vanadium-valid {
 	 border-color: #2068A6;
  	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:11px;
	border-style: solid;
  	border-width: 1px;
}
input.vanadium-invalid {
  	border-color: #C1272D;
  	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:11px;
	border-style: solid;
  	border-width: 1px;
}

#messages {
  	height: 70px;
  	padding: 0;
  	border-color: yellow;
  	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;

}

input.vanadium-valid ~ .vanadium-valid-advice {
  	display: inline !important;
  	color: #2068A6;
  	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:11px;

}

textarea.vanadium-valid {
  	border-color: #2068A6;
  	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:11px;
	border-style: solid;
  	border-width: 1px;
}

textarea.vanadium-invalid {
  	border-color: #C1272D;
  	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:11px;
	border-style: solid;
  	border-width: 1px;
}

input[type=text] {
   font-family: Verdana, Arial, Times New Roman, sans-serif;
    font-size: 12px;
}
textarea {
    font-family: Verdana, Arial, Times New Roman, sans-serif;
    font-size: 12px;
    height: 60px !important;
    max-height: 60px;
    width: 74%; /*310px;*/
    max-width: 74%; /*310px;*/
}

select.vanadium-valid {
  border-color: #669933;
  font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:11px;
	border-style: solid;
  border-width: 1px;
}

select.vanadium-invalid {
  	border-color: #C1272D;
  font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size:11px;
	border-style: solid;
  	border-width: 1px;
}

/* Fin vanadium */


@media (max-width: 980px) {
		
	#contenido section#seccion_exalumnos{
		width: 96%;
	}
	
}

@media (max-width: 799px) {
	
	.campo, textarea{
		width: 99% !important; 
		max-width: 99%;
		float: none;
	}
	
	.formulario{
		width: 100%;
		float: none;
	}
	
}

@media (max-width: 530px) {
	
	section#seccion_exalumnos img{
		float: none; 
		display: block;
		width: 100%;
		margin: 0 auto 40px auto;
	}
	
	section#seccion_exalumnos article#texto_contacto, section#seccion_exalumnos article#formulario_contacto{
		float: none; 
		width: 99%;
	}
	
	.campo, textarea{
		width: 74% !important;
		max-width: 74%;
		float: right;
	}
	
}

@media (max-width: 430px) {
	
	.campo, textarea{
		width: 99% !important; 
		max-width: 100%;
		float: none;
	}
	
}

