/*
	=====================================
	Red Universitaria de Campus Virtuales
	hoja de estilo del sitio — 2009/2011
	=====================================
*/

* { margin: 0; padding: 0 }
:focus, :active { outline: 0 }
img { border: 0 }

body { font: 15px/1.65 Arial, Helvetica, sans-serif; background: #fff; color: #5f6367; }
a { text-decoration: none; color: #A81111; }
a:hover, a:focus { text-decoration: underline; }

h1 { font-size: 30px; line-height: 1.25; font-weight: normal; color: #1c1e20; }
h2 { font-size: 19px; font-weight: normal; color: #1c1e20; padding: 0 0 7px; margin: 0 0 16px; display: inline-block; border-bottom: 2px solid #B00A0A; }
h4 { margin: 0 0 12px; color: #23262a; font-size: 20px; font-weight: normal; }
p { clear: both; margin: 0 0 15px; }
ul { margin: 0 0 15px 18px; }
	li { margin: 0 0 6px; }
.line { clear: both; border-bottom: 1px solid #e4e4e4; margin: 0 0 32px; }
.clear { clear: both; }

#content { width: 970px; margin: 0 auto; }

/* --- cabecera --- */
#top { color: #9aa0a6; font-size: 12px; text-align: right; padding: 14px 2px 12px; margin: 0 0 4px; border-bottom: 1px solid #eee; }
#logo { float: left; background: #B00A0A linear-gradient(#c31616, #970707); padding: 22px 26px 18px; box-shadow: 0 1px 3px rgba(0,0,0,.22); }
	#logo a, #logo a:hover { text-decoration: none; display: block; }
	.logo-sup { display: block; color: #f3c9c9; font-size: 13px; letter-spacing: .3px; margin: 0 0 2px; }
	.logo-main { display: block; color: #fff; font-size: 27px; line-height: 1.1; text-shadow: 0 1px 1px #7E0E0E; }
#menu { float: right; margin: 40px 0 0; list-style: none; }
	#menu li { display: inline; }
		#menu li a { float: left; color: #6c7278; font-size: 15px; padding: 0 0 6px; margin: 0 0 0 30px; border-bottom: 2px solid transparent; }
		#menu li a:hover, #menu li a:focus { color: #1c1e20; text-decoration: none; border-bottom-color: #ddd; }
		#menu li.current a { color: #1c1e20; border-bottom-color: #B00A0A; }
#logo + #menu { }
.line { clear: both; }

/* --- entradilla --- */
#pitch { padding: 34px 0 6px; margin: 0 0 26px; }
	#pitch h1 { margin: 0 0 14px; max-width: 760px; }
	#pitch p { font-size: 17px; line-height: 1.6; color: #55595e; max-width: 760px; }

.banner { margin: 0 0 34px; }
	.banner img { display: block; width: 100%; height: auto; box-shadow: 0 1px 4px rgba(0,0,0,.18); }

/* --- títulos de sección --- */


/* --- columnas --- */
.prose { max-width: 720px; margin: 0 0 26px; }
	.prose h2 { margin-top: 30px; }
	.prose h2:first-child { margin-top: 0; }
.left { float: left; width: 285px; }
.right { float: right; width: 620px; margin: 0 0 20px; }
.third { float: left; width: 296px; margin: 0 40px 20px 0; }
.half { float: left; width: 465px; margin: 0 40px 26px 0; }
	.last { margin-right: 0; }

/* --- patrocinio --- */
#partners { clear: both; background: #f7f7f5; border-left: 3px solid #B00A0A; padding: 20px 24px 6px; margin: 0 0 28px; }
	#partners h2 { font-size: 17px; margin: 0 0 10px; }
	#partners p { color: #5f6367; }

#footer { clear: both; font-size: 13px; color: #8a9096; border-top: 1px solid #e4e4e4; padding: 18px 0 0; margin: 26px 0 34px; }
	#footer a { color: #8a9096; }

/* --- pantallas estrechas --- */
@media (max-width: 1010px) {
	#content { width: auto; max-width: 660px; padding: 0 20px; }
	#top { text-align: left; }
	#logo { float: none; display: block; margin: 0 0 18px; }
	#menu { float: none; margin: 0 0 18px; }
		#menu li { display: inline-block; }
		#menu li a { float: none; display: inline-block; margin: 0 18px 8px 0; }
	#pitch { padding: 22px 0 4px; }
		#pitch h1 { font-size: 26px; }
	.third, .half, .left, .right, .prose { float: none; width: auto; max-width: none; margin: 0 0 26px; }
}