@import url('main.css');

/* ///////////////  contacto /////////////// */	
	
	/* este es el contenido y lateral, hereda del main las demás características */
	#contenido {
		border-right:3px solid #ccc;
		width:530px;
		padding-bottom:25px;
		float:left;
	}
	#contenido_info {
		padding:25px;
	}
	#lateral {
		width:396px;
		float:right;
	}
	#lateral_info {
		padding:25px;
		text-align:left;
	}
	#lateral_info p {
		padding-top:10px;
	}	
	
	/* este es el fondo titulo de cada sección, hereda del main las demás características */
	#titulo {
		background-image:url("../imagenes/layout/titulo_contacto.jpg");
	}	
	h1 {
		color:#999;
		font-size:17px;
		font-weight:bold;
		padding:0px 15px 0px 0px;
	}	
	#espacio_top{
		padding-top:20px;
	}
	ul.sede  {
		width:200px;
		margin-right:15px;
		float:left;
	}
	ul.sede li {
		font-size:11px;
		color:#666;
		list-style:none;
		display:block;
	}
	ul.sede li a {
		padding-left:8px;
		font-size:11px;
		color:#666;
		text-transform:none;
	}
	ul.sede li a:hover {
		color:#d12d3b;
		text-decoration:underline;
	}
	#map {
		border:1px solid #ccc;
		margin-top:15px;
		padding:6px;
		float:left;
	}
	.info_mapa {
		font-size:9px;
		color:#666;
		float:right;
	}
	.info_form {
		width:95%;
		font-size:9px;
		color:#666;
		float:left;
	}
	#lateral_info input {
		font-size: 11px;
		padding: 2px;
		width:96%;
		margin-bottom:15px;
	}
	textarea {
		height:130px;
		font-size: 11px;
		padding: 2px;
		width:96%;
		margin-bottom:15px;
	}
	#lateral_info input.submit {
		background-color:#255a25; /* Magenta */
		width:80px;
		border:0;
		color:#fff;
		font-weight:bold;
		font-size:10px;
		text-transform:uppercase;
		padding:5px 8px 5px 8px;
		cursor:pointer;
	}
	#map {
		width:470px;
		height:300px;
	}