/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet/Hoja de Estilos: layout
 * Project/Projecto: Santo Tomas de Aquino
 * Author: ignacio@iagiannotti.com
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* POR DEFECTO
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1, h2, h3, h4, h5, h6, pre, code, table, td, th, dd, dt, dl, li, input, button, select, textarea {
    font-size: 1.1em;
}
ul, ol, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, td {
    margin: 0;padding: 0;
}
a img, :link img, :visited img {
    border: none
}
table {
    border-collapse: collapse;
}
input, button, select, textarea {
    font-family: inherit;
}
input, select {
    vertical-align: middle;
}
ul {
    list-style: none;
}
hr {
    display: none;
}
/* Clearing without markup http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
/* For alternate content for screen readers */
.hidden {
    position: absolute;
    left: 0px;
    top: -2000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* For accesible image replacing */
.replaced {
    display: block;
    width: auto;
    height: auto;
    /* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}
* html>body .replaced {
    letter-spacing: -999em;
}
/* Wrappers */
.wrapper {
    margin: 0 !important;
    padding: 0 !important;
    width: 1%;
    height: auto !important;
}
.volver {
	position: absolute;
	top:182px;
	right: 30px;
	font-size: 1.3em;
	text-transform:uppercase;
}
/* G E N E R A L
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
html {
    /*background: #660033;*/
	background: #ededed;
}
body {
    font: 62.5%/1.16em "Arial", Verdana, sans-serif;
	color: #000000;
}
a, a:link {
    color: #ffffff;
	-webkit-transition:All 0.3s ease-out;
	-moz-transition:All 0.3s ease-out;
	-o-transition:All 0.3s ease-out;
}
a:visited {
    color: #ffffff;
}
a:hover, a:focus {
    color: #ffffff;
	-webkit-transition:All 0.3s ease-out;
	-moz-transition:All 0.3s ease-out;
	-o-transition:All 0.3s ease-out;
}
a:active {
    color: #ffffff;
}
/* L A Y O U T
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#contenedor {
    width: 990px;
    margin: 30px auto;
	padding: 10px 0 0px 0;
	overflow: hidden;
	background: #660033;
}
/* Cabecera */
#cabecera {
	font-size: 1em;
	line-height: 1.16em;
	width: 990px;
	height: 139px;
	color: #fff;
	position: relative;
}
#cabecera h1 {
	float:left;
	position: absolute;
	top: 0px;
	left: 0px;
}
#cabecera h1 a {
	background: url(../images/cabecera-h1-a.jpg) top left no-repeat;
	width: 145px;
	height: 119px;
}
#cabecera h2 {
	font-size: 2.3em;
	float:left;
	border-bottom: 1px #eadde6 solid;
	padding: 0 0 20px 0;
	width: 855px;
	font-weight: normal;
	cursor:default;
	position: absolute;
	top: 71px;
	left: 120px;
}
#cabecera p {
	font-size: 1.1em;
	float:left;
	cursor:default;
	position: absolute;
	bottom: 14px;
	right: 19px;
}
#ico-inicio {
	position: absolute;
	top: 14px;
	right: 95px;
	width: 15px;
	height:12px;
	background: url(../images/cabecera-a-ico.jpg) 0px 0px no-repeat;
	padding: 0 0 0 20px;
}
a:hover#ico-inicio {
	background: url(../images/cabecera-a-ico.jpg) 0px -12px no-repeat;
}
#ico-contacto {
	position: absolute;
	top: 14px;
	right: 40px;
	width: 15px;
	height:12px;
	background: url(../images/cabecera-a-ico-c.jpg) 0px 0px no-repeat;
	padding: 0 0 0 20px;
}
a:hover#ico-contacto {
	background: url(../images/cabecera-a-ico-c.jpg) 0px -12px no-repeat;
}
#cabecera a {
	text-decoration: none;	
}
#cabecera a:hover {
	color: #eadde6;	
}
#cabecera p span {
	margin: 0 2px 0 2px;	
}
/* Navegacion */
#navegacion {
	font-size: 1em;
	line-height: 1.16em;
	float:left;
	width: 250px;
	margin: 0 0 0 12px;
}
#navegacion ul {
}
#navegacion li {
	float:left;
	width: 100%;
}
#navegacion a {
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 0 8px 5px;
	float:left;	
	background: #660033;
	width: 245px;
	border-bottom: 1px #7f1c4d solid;
	display: block;
}
#navegacion a:hover {
	background: #333;
}
#navegacion li strong {
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 0 8px 5px;
	float:left;	
	background: #7f1c4d;
	width: 245px;
	border-bottom: 1px #7f1c4d solid;
	cursor:default;
	color: #fff;
	
}
/* Contenido */
/*#contenido.index #principal {
	margin: 28px 0 0 0;
	padding: 28px 0 60px 0;
	background: #000;
	width: 720px;
	min-height: 400px;
	float:left;
}
*:first-child+html #contenido.index #principal {
	padding: 0 0 73px 0;	
}*/
.slideshow {
	width: 689px;
	margin: 0px 0 0 0;
}
#contenido #principal {
	margin: 0px 0 0 5px;
	padding: 0px 10px 60px 10px;
	background: #fff;
	float:left;
	width: 689px;
	min-height: 546px;
	line-height: 1.36em;
	position: relative;
}
#contenido h3 {
	color: #fff;
	font-size: 2.0em;
	text-transform: uppercase;
	padding: 22px 0 23px 10px;
	border-bottom: 10px #7f1c4d solid;
	margin: 0 0 0 5px;
	float:left;
	width: 699px;
	background: #73023a;
}
#contenido h4 {
	font-size: 1.5em;
	margin: 10px 0 0 0;
	color: #660033;
	text-transform: uppercase;
	border-bottom: 3px #660033 solid;
	padding-bottom: 10px;
	line-height: 15px;
}
#contenido h5 {
	font-size: 1.4em;
	margin: 10px 0 0 0;
	color: #7f0442;
	text-transform: uppercase;
	border-bottom: 2px #ccc solid;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#contenido h6 {
	font-size: 1.3em;
	margin: 10px 0 0 0;
	border-bottom: 1px #f0b6d3 solid;
	padding-bottom: 10px;
	padding-left: 20px;
}
#contenido p {
	font-size: 1.2em;
	margin: 10px 0 0 20px;
}
#contenido ul {
	font-size: 1.1em;
	margin: 10px 0 0 20px;
	list-style:disc;
	list-style-position:inside;
}
#contenido li {
	margin: 5px 0 0 0;
}
#contenido p a {
	color: #660033;	
}
#contenido p img {
	float:left;
	margin: 0 10px 0 0;
}
/* Resumes del Home Page */
#contenido #derecha {
	width: 335px;
	float:left;
	margin-right: 10px;
}
#contenido #izquierda {
	width: 335px;
	float:left;	
}
#contenido .resumen {
	width: 335px;
	min-height: 530px;
	float:left;
	margin: 0 5px 0 0px;
	border-bottom: 1px #ccc solid;
	padding: 0 0 10px 0;
	position:relative;
}
#contenido .resumen h5 {
	border-bottom: 0px;	
}
#contenido .resumen img {
	padding: 10px;
	border: 1px #ccc solid;
	margin: 10px 0 10px ;
}
#contenido .resumen p a.vermas {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#contenido .curso {
	position: relative;
	padding: 0 0 10px 0;
	background: url(../images/cursos.png) top right no-repeat;
}
#contenido .curso h5 {
	border: 0px;	
}
#contenido .curso h6 {
	background: url(../images/cursos-bullet.png) 16px 0px no-repeat;
	padding-left: 35px;
}
#contenido .curso .separador {
	border-bottom: 1px #ccc solid;
	height:1px;
	margin: 20px 0 20px 0;
}
#contenido .curso p {
	margin-left: 40px;	
}
#contenido .no-curso p {
	margin-left: 40px;	
}
#contenido .no-curso img {
	margin: 10px 0 0 40px;	
}
#contenido .cervantina {
	background: url(../images/logo-festival-2010.png) top right no-repeat;
	margin: 0 0 40px 0;
}
#contenido .cervantina p {
	margin-left: 40px;
	padding-right: 60px;
}
/* Formulario */
form p {
	margin: 10px 0 0 0;
}
form p span {
	margin: 0 0 0 530px;
	font-size: .9em;
}
form label {
	float:left;
	width: 200px;
	text-align: right;
	margin: 0 15px 0  0;
	padding: 7px 0 0 0
}
form input {
	width: 405px;
	border: 1px #ccc solid;
	height: 20px;
	padding: 2px;
}
form select {
	width: 412px;
	border: 1px #ccc solid;
	height: 25px;
	padding: 2px;
}
form textarea {
	border: 1px #ccc solid;
	padding: 2px;
	width: 405px;
}
form button {
	float:right;
}
/* Navegacion interna declarada para visualizar correctamente el contenido de cada carrera, curso o postgrado */
#navegacion-interna {
	position: absolute;
	top: 10px;
	right: 20px;
}
#navegacion-interna a {
	color: #660033;
	text-decoration: none;
	font-size: 1.2em;
	text-transform: uppercase;
}
#navegacion-interna a:hover {
	color: #a5386e;
}
/* Pie */
#pie {
	font-size: 1em;
	line-height: 1.16em;
	float:left;
	width: 964px;
	margin: 30px 0 0 12px;
	padding: 10px 0 30px 0;
	border-top: 1px #7f1c4d solid;
}
#pie p {
	width: 254px;
	float:left;
	margin: 0 0 0 10px;
}
#lanoche {
	margin: 0;
	padding: 0;
	float:left;
}
#lanoche a {
	margin: 0;
	padding: 0;
	float:left;	
}
#lanoche a:hover {
	margin: 0;
	padding: 0;
	float:left;	
}
.imagen-galeria {
	margin: 0 0 20px 10px;
	width: 680px;
	float:left;
}
* html .imagen-galeria {
	margin: 0 0 20px 10px;
	width: 650px;
	float:left;
}
.imagen-galeria a {
	margin: 10px 10px 0 0;
	float:left;
}
.imagen-galeria a img {
	width: 100px;	
}
#flash {
	margin: 10px 0 10px 0;
	width: 689px;
	float:left;	
}
/* Social Network */
#socialnetwork {
	position: absolute;
	top:50px;
	right:12px;
}
#socialnetwork li {
	float:left;
	padding: 0 5px 0 0;
}
#socialnetwork li span {
	float:left;
	margin: 2px 0 0 0;
}
#socialnetwork li a {
	background-image: url(../images/facebooktwitter.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
}
#socialnetwork li a.facebook {
	background-position: 0px -14px;
}
#socialnetwork li a:hover.facebook {
	background-position: 0px 0px;
}
#socialnetwork li a.twitter {
	background-position: -14px -14px;
}
#socialnetwork li a:hover.twitter {
	background-position: -14px 0px;
}

/* Botones formulario */

button {
	background: #7f1c4d;
	color: #fff;
	border: 0px;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: 5px;
	margin: 0 !important;
}
button:hover {
	background: #8b8b8b;
}
.enviar {
	position: absolute;
	right: 55px;
	bottom: 10px;
}
.resetea {
	position: absolute;
	right: 130px;
	bottom: 10px;
}

.mesas_link {
	background: #760c41;
	font-size: 1.4em;
	margin: 10px 10px 0 0;
	float:left;
	padding: 10px 25px 10px 25px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition:All 0.3s ease-out;
	-moz-transition:All 0.3s ease-out;
	-o-transition:All 0.3s ease-out;
}
.mesas_link:hover {
	background: #6f646a;
	-webkit-transition:All 0.3s ease-out;
	-moz-transition:All 0.3s ease-out;
	-o-transition:All 0.3s ease-out;
}