@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700);
 
* {
   padding:0;
   margin:0;
   outline:none;
}

#total {
	overflow:hidden;
}

.feature a {
	color: #B70039;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, dl, fieldset, address {
    margin-bottom: 1.2em;
	font-family: 'Roboto', sans-serif;
}
h2 { font-size:26px; font-weight:600; line-height:31px; padding-top:24px; font-family:'Roboto Slab', serif;}
h3 { font-size:23px; font-weight:500; line-height:27px; padding-top:8px; font-family:'Roboto Slab', serif;}
h4 { font-size:18px; font-weight:500; line-height:24px; padding-top:6px; font-family:'Roboto Slab', serif;}
h5 { font-size:16px; font-weight:400; line-height:22px; padding-top:6px; font-family:'Roboto Slab', serif;}

body {
	font-family: 'Roboto', sans-serif;
	line-height: 22px;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	background-image: url(img%20portal/bgLineBody.png);
	background-position:center 105px;
	background-repeat:no-repeat;
}
#pan li {
	display: inline;
	list-style-type: none;
}
#pan ul {
	margin: 0;
	padding:0;
}
#pan a {
	display: block;
	float: left;
	color: #FFFFFF;
	line-height: 39px;
	padding: 0 24px;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	transition: all .5s;
	font-weight: 500;
	margin-left:1px;
}
#pan a:hover {
	background-color: #a3424a;
}

#pan .select, #pan .select:hover {
	background-color:#9b3840;
}
#pan ul { float:right; margin-top:40px;}
#pan {
	height: 80px;
	overflow: hidden;
	background-color: #90222b;
}
#masthead h1{
	display: block;
	padding: 0;
	margin: 5px 0 0;
	float: left;
	height: 95px;
	width:168px;
	background-image: url(img%20portal/logo-imf.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position:center 0;
	text-indent:-9999em;
}
.txtMasthead {
	text-align: right;
	padding-top:20px;
}
.txtMasthead img  { vertical-align:middle;}
#masthead {
	height: 105px;
	overflow: hidden;
	position:relative;
	background-color:#fff;
}

#consulta textarea {
	width: 500px;
	height: 120px;
}
#consulta span, .nombre, .email {
	display: block;
	color: #525450;
	font-weight:600;
	line-height:2em;
}
#user .formuser {
margin-bottom:15px;
padding:10px 0 15px;
background-color:#f1f1f1;

}
#solicitar input {
	width: 100%;
}
#solicitar .boton { width:174px;}
input, textarea, select {
	padding: 6px;
	color: #555;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #97988F;
	border-right-color: #B0B1A9;
	border-bottom-color: #BCBDB8;
	border-left-color: #A4A59C;
	border-radius:1px;
}
input:focus, textarea:focus { color:#111;}
.boton, #solicitar input.recordar, a.nuevo_usuario {
	padding:0;
	width:170px;
	box-shadow:inset #bd4904 0 -1px;
	text-shadow:rgba(0,0,0,0.1) 0 2px 5px;
	border-radius:19px;
	color:#fff;
	background:#90222b;
	line-height:35px;
	border:none;
	height:35px;
	text-align:center;
	display:block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	cursor:pointer;

}
input.boton { line-height:inherit; height:35px;}
.boton:focus {outline:none;}
form p {padding:2px 6px 6px 0; margin:0;}
form {
	margin: 0px;
	padding: 0px;
}

legend {
	display: none;
}
fieldset {
border:none;
}




ul{
	list-style-type: square;
	margin-left: 3em;
	margin-bottom: 1em;
}
.detallado ol {
	margin-left: 1.5em;
	margin-bottom: 3px;
	display:block;
}
.detallado ol li {list-style-type:none;}
ol {
	margin-left: .8em;
	margin-bottom: 0.8em;
	list-style-position:inside;
}
ul ul{
	list-style-type: disc;
	margin-left: 4em;
}

ul ul ul{
	list-style-type: none;
	margin-left: 5em;
}

label{
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	 color: #334d55;
}

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}
#siteInfo {
	padding: 40px 0;
	font-size: 13px;
	clear: both;
	color: #fff;
	line-height: 22px;
	background-image: url(img%20portal/bgSiteInfo.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #394453;
}

.foot { 
	background-image: url(img%20portal/logoFootIVAP.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	max-width: 1010px;
	margin: 0 auto;
	min-height:80px;
}
.txt {
	margin-top: 0;
	margin-right: 180px;
	margin-left: 320px;
	margin-bottom: 0;
}
.super { float:right; display:block;}

.sep { display:inline-block; padding:0 8px;}
.foot a { color:#90222b; text-decoration:none;}

.colfoot { float:left; width:33%; color:#494949; padding:27px 0;}
.botoncurso li {
	list-style-type:none;
	display: inline;
}
.leccion {
	float:right;
	width: 48%;
	margin-bottom: 35px;
}
.contenido {
	width: 48%;
	float: left;
	margin-bottom: 35px;
}
.colLogo img { margin-top:16px;}
.copy { line-height:34px;}
#solicitar .email {
	margin-right: 22px;
}
.arriba {
	border-bottom:1px solid #e1e6e8;
	padding:8px 2px;
	margin-bottom:28px;
	text-align:right;
}
#solicitar .boton {
	width: 174px;
}
#solicitar input {
	width: 92%;
}
#ins ul {
	list-style-type: none;
	margin: 0px;
}
#ins a:hover {
	background-color:#409218;
}

a.recordar {
	display: block;
	padding-top: 12px;
	padding-bottom:20px;
	margin-top:15px;
	border-top:1px solid #e1e6e8;
}
.formuser {

}
.formuser img {
	float: left;
	padding: 7px;
	background-color: #FFFFFF;
	border: 1px solid #E4E4E4;
	margin-right: 10px;
}

#user span {
	margin-right: 6px;
	margin-top: 5px;
	display: block;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}
.bot_newuser .boton {
	margin: 0px;
	padding: 0px;
}
.formuser p {
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 25px;
}

.bot_newuser {
	margin-top: 6px;
}
.error {
	margin-bottom: 16px;
	padding:10px 14px;
	border:2px solid #a10101;
	background-color:#fff;
	color: #a10101;
	font-size:15px;
	font-weight:500;
}
.ok {
	margin-bottom: 16px;
	color: #5f9c1a;
	padding:10px 14px;
	background-color: #fff;
	border:2px solid #5f9c1a;
	font-size:15px;
	font-weight:500;
}

#user span.comentario {
	font-weight: normal;
	color: #666666;
	margin-top: 0px;
	display: inline;
	text-align: left;
	font-size: 80%;
	margin-left: 6px;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
}
.feature a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin-right: 15px;
}
.pagerror{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 520px;
	margin-top: -92px;
	margin-left: -260px;
	background-color: #FFFFFF;
}.logo {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 520px;
	margin-top: -159px;
	margin-left: -260px;
	text-align: right;
	background-color: #FFFFFF;
	display: none;
}
.logo img {
	border: none;
	float:none;
	margin:0;
}

.text_error {
	font-size: 70%;
	font-weight: bold;
	margin: 0px;
}
.pagerror .error {
	margin-bottom: 0px;
	padding-bottom: 10px;
}
.infoerror a {
	color: #555555;
}

.pagerror .infoerror {
	font-size: 65%;
	text-align: left;
	font-weight: normal;
	color: #555555;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F3F3F3;
	padding-top: 5px;
	margin-top: 5px;
}

.feature .recorrido {
	margin-bottom: 20px;
	color: #555555;
	line-height:20px;
	border-bottom:1px solid #e1e6e8;
	font-size:11px;
	padding:11px 0 14px;
}
.recorrido a {
	margin-right: 5px;
	margin-left: 5px;
	text-decoration:none;
}
.feature .comentario {
	font-size: 85%;
	color: #777777;
	margin-bottom: 3em;
	padding: 7px;
	text-align: right;
}
#respuesta {overflow:hidden; }
#respuesta li { margin:0px!important;}
#respuesta img {float:none; margin-right:0px; }
#respuesta li img {float:none; margin-right:0px; margin-left:-1em;}
* {zoom:1;}
.oculto {position:absolute; top:-999em; display:none;}
html>body .oculto {display:block;}
.volver { text-align:right; font-size:12px;
padding-bottom:8px;
}
.volver a { 
	display:inline-block;
	background: #90222b;
	line-height:28px;
	color:#fff;
	padding:0 18px;
	border-radius:25px;
}
.botoncurso .entrarcurso a {
	box-shadow:inset #bd4904 0 -1px;
	text-shadow:rgba(0,0,0,0.1) 0 2px 5px;
	border-radius:19px;
	color:#fff;
	background: #90222b;
	line-height:37px;
	border:none;
}
.botoncurso .entrarcurso a:active, .volver a:active, .boton:active, #solicitar input.recordar:active, a.nuevo_usuario:active, .boton:focus, #pan .menuEntrarAula a:active { background: #81030e;}
.clear {clear:both;}
#content .feature .botoncurso li {
	background-image: none; display:inline; margin:0; padding:0;
}
.feature {
	padding:5px 0 30px 28px;
	min-height:340px;
}
.feature ul, .feature ol {margin:0 0 18px 10px;}
.feature ul li {
	list-style-type:circle;
	margin:0 0 3px 12px;
}
.feature ol li {
	list-style-type:decimal;
	margin:0 0 3px 24px;
	list-style-position:outside;
} 
.extra span {
	float: right;
}
.extra {
	padding:8px 10px;
	border-top:1px solid #e1e6e8;
}
.extra h3 {font-size:15px; margin:0; padding:0; text-transform:none;} 
.extra ul {padding:0; margin:0 0 10px 0;}
.extra li {background-image:none; line-height:18px; padding-left:15px;}
.leccion a {
	display: block;
	padding-left: 30px;
	padding-bottom: 8px;
}

#UserRegistrado  { float:left; width:48%;}
#NewUser {float:left; width:48%; margin-right:3%;}
#UserRegistrado .boton {margin-left:0;}
#UserRegistrado fieldset {margin:0;}
#UserRegistrado .decoracion {padding-bottom:0;}

.feature .error strong, .feature .error a, .feature .error b, .feature .ok strong, .feature .ok b, .feature .ok a {
	color:#FFFFCC;
}
.oculto {position:absolute; top:-9999px;}

#navBar .cursos {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 900;
	line-height: 22px;
	margin: 0;
	padding: 38px 10px 20px;
	background-color: #81030e;
}
.listcursos {
	padding:8px 23px 0 0;
}
#navBar h3 {
	margin: 0px;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 17px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom:1px solid #d7e2e8;
	box-shadow:#fff 0 1px;
}
#navBar ul, #navBar li {margin:0; padding:0; list-style-type:none;} 
#navBar a {
	display: block;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 24px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #90222b;
	font-size: 13px;
	line-height: 18px;
	transition: background .3s;
	background-image: url(img%20portal/bullCursos.png);
	background-position: 6px 14px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #e1e6e8;
	box-shadow: #fff 0 1px;
	font-weight: bold;
}
#navBar a:hover {background-color:#fcfdfe;}
#navBar ul { margin:0 0 12px 0;}
#entraraula a {
	background-color: #fbd40a;
	display: block;
	text-align: center;
	line-height: 34px;
	text-decoration: none;
	position: absolute;
	width: 134px;
	height: 34px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:600;
	border-radius:1px;
	top: 32px;
	z-index: 999;
	color: #474127;
	right: 32px;
}

#entraraula div {
	display: block;
	position: absolute;
	text-align: right;
	width: 903px;
	margin-top: -28px;
	color: #666;
	font-size: 11px;
	height: 15px;
	z-index: 9999;
}
.vPortada { display:block; position:absolute; top:0; left:0; width:220px; height:100%; z-index:9999; text-indent:-999em;}


.botoncurso {
	overflow:hidden;
	height:52px;
}
.botoncurso ul, .botoncurso li {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
.botoncurso a {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	color: #90222b;
	text-align: center;
	float: left;
	font-weight: bold;
	border-radius: 30px;
	background-color: #fff;
	width: 192px;
	margin: 0 12px 0 0;
	line-height: 35px;
	border: 1px solid #cd9296;
}
.botoncurso a:active {background-color: #fae1e3;}
.boxContact {
	float: right;
	width: 405px;
	height:114px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image: url(img%20portal/bgHeader.png);
}
.boxContact li { display:block; float:right; line-height:20px; padding:45px 8px 0 38px;}
.boxContact span { display:block;}
.itemInfoContact { font-size:19px;}
.itemContact { font-size:12px;}

.colfoot strong { display:block; text-transform:uppercase;}
.social { float:right; width:20%;}
.social ul, .social li { margin:0; padding:0; list-style-type:none;}
.social ul { padding-top:4px; display:block;}
.social li { display:inline;}
.social a { display:block; float:left; width:32px; height:32px; background-color:#D33C3E; margin-right:7px; text-indent:-9999em; background-image:url(img%20portal/social_iconos.jpg); background-repeat:no-repeat;}
.social li:last-child a { margin-right:0;}

.fb a { background-position:0 0;}
.tw a { background-position:-32px 0;}
.gg a { background-position:-64px 0;}
.ln a { background-position:-96px 0;}
.wp a { background-position:-128px 0;}

.imgBienvenida { background-image:url(img%20portal/bgBienvenida.png); background-repeat:no-repeat; background-position:right bottom;
 background-color:#ad1001; height:147px; position:relative; margin:0 10px 12px 0;}
 .imgBienvenida h2 { padding:0; margin:0; width:54%; position:absolute; top:62px; left:21px; color:#fff; font:300 25px/34px 'Roboto', sans-serif;}

.captchaContacto img { vertical-align:middle; margin-right:12px;}
.tabInfo { width:100%; border-collapse:collapse; margin:-10px 0 32px;}

.tabInfo th, .tabInfo td { padding:11px 13px; text-align:right;}
.tabInfo th { border-bottom:2px solid #ded9ca; padding:0 13px 3px;} 
.tabInfo .celdaEspecial {background-color:#eae6dc; text-align:left; width:36%;}

.tabInfo td { font-size:14px; border-bottom:1px solid #ded9ca;}



.headerAzul { background-color:#0a93b8; height:55px; }
.linksFooter { padding: 14px 0 28px; }

/* footer */

#bottomFooter { background-color:#707070; padding:12px 0;  color:#fff;}

.subFooter a { color:#fff; color:rgba(255,255,255,0.8); transition: all .3s; text-decoration:none;}

#bottomFooter, #footer { font-size:11px;}
#footer { padding:48px 0 35px; background-color: #ECECEC;}
#footer img { max-width:100%; height:auto; }
#footer .titFoot { font:600 13px/20px 'Roboto Condensed', sans-serif; text-transform:uppercase; margin-bottom:8px;}

#footer .iconsSocials { padding:22px 0 10px; margin-left:-5px; display:block; }

.container .eight.columns{
	width: 480px;
}
.container .column, .container .columns {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}
#footer a { color: #811519; text-decoration:none;}
#navBar h4 { font-size:13px;}



/* actualización responsive */
#total, .container {
	width:92%;
	max-width: 1010px;
	margin: 0 auto;
}
.txtMasthead img {
	max-width: 486px;
	width: 100%;
	height: auto;
}

.txtMasthead {
	float: right;
	width: calc(100% - 222px);
}
@media (min-width:1100px) {
	#total {
		background-image: url(img%20portal/shadowTotal.png);
		background-repeat: repeat-y;
		background-position: 0 0;
	}
	#content {
		float: right;
		width: 730px;
	}
	#navBar {
		width: 280px;
	}
	#navBar .cursos { 
		padding-left: 0;
	}
}



.columns, textarea, input {
	max-width: 100%;
}

@media (min-width:800px) {

	.col2 { width:49%; }

	.colright { float:right;}
	.colleft { float:left;}
}