@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(nav.css);

a, a:visited { color:#0c7451; text-decoration:none;}
a:hover { color:#33956e;}
.button:visited, .button { color:#444;}
.oculto { position:absolute; top:-9999em;}
body {
	  font-family: 'Open Sans', sans-serif;
	  font-weight: 400;
	  color: #555555;
	  line-height:22px;
	  font-size:14px;
	  background-color:#efefef;
}
html { background-color:#383838;}
.mgbottom { margin-bottom:22px;}
input, select, textarea,input[type="text"], input[type="submit"], input[type="password"], td, th { font:400 14px/22px 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {
	color: #444;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold; 
	font-weight: 600;
	margin-bottom:.7em;
}
h1 {
	font-size: 32px;
	line-height: 39px;
	margin-bottom: .5em;
}
h2 {
	font-size: 22px;
	line-height: 30px;
}
h3 { font-size: 20px; line-height: 26px;}
h4 { font-size:17px; line-height:23px;}
.tabbed h2, .tabbed h3, .tabbed h4 { margin-top:1em;}
.tabbed .crumbs { padding-bottom:20px; margin-left:0;}
.logo {
	margin-top: 11px;
	display: inline-block;
}
.ri { float:right;}
.le { float:left;}
.contentBody { padding:35px 0; background-color:#fff;}
.button, input[type="submit"]  { font-size:13px; font-weight:600; font-family: 'Open Sans', sans-serif; line-height: 32px; padding:0 25px;}
p a.button { line-height:32px;}
select { padding:6px 0;}

.formatoTexto li { list-style-type:disc; margin-left:42px;}
.formatoTexto li li { list-style-type:circle; margin-left:35px;}
/* naver */
#header { height:82px;}
.naver.enabled a { float: none; line-height:38px; margin:0; padding:0 15px; border-top:1px solid #ddd;}
.naver.enabled li:first-child a { border:none;}
.naver.enabled .ri { float:none; display:block; }
.naver-handle  { margin-top:26px; float:right;}
.naver.enabled .naver-wrapper { clear:both; box-shadow:rgba(0,0,0,0.3) 0 2px 8px; background-color:#fff;}
.navbar-primary.naver.enabled { height:auto; padding-bottom:10px; position:absolute; top:0; right:0; z-index:99;}

/* nav */ 

.nav li, .nav  { margin:0; padding:0; list-style-type:none;}
.nav li { display:inline;}
.nav a { display:block; float:left; color:#444;}
.nav a:hover { color:#0c7451;}

#topNav {
	background-color:#0c7451;
	 line-height:42px;	
	 color:#fff;
	 font-size:12px;
}
#topNav a { color:#fff; text-decoration:none;}
.infoContact li { opacity:.7; transition:all .5s;}
.infoContact li:hover { opacity:1;}
.infoContact li, .infoContact { margin:0; padding:0;}
.icontop {display:inline-block; width:16px; height:16px; vertical-align:middle; background-image: url(../img/iconTop.png); margin:-4px 8px 0 0;}
.phone { background-position:0 0;}
.skype { background-position:-16px 0;}

.infoContact li { display:block; float:left; margin-right:28px; line-height:42px;}
.infoContact li:last-child { margin:0;}

#topNav .nav a { color:#fff; padding:0 25px; line-height:42px;}
#topNav .nav .entraraula {
	background-color: #0a6446;
	font-weight: bold;
	font-weight: 600;
}
.navbar-primary { height:82px;}
.navbar-primary a { line-height:82px; padding:0 6px; margin-left:10px; font-size:13px;}
.nav .active a { font-weight:bold;}

/* infoBoxes */
.infoBoxes .container { padding:50px 0;}
.bgGris .container { background-color:#fff;}
.container-image { text-align:center; padding:8px 0;}

/* footer */
.footer-main {
	padding: 18px 0;
	background-color:#3f3f3f; 
	color:#ababab;
	overflow:hidden; 
	font-size: 13px;
}
.footer-main p {
	margin: 12px 0 0;
}

.footer-links {padding:12px 0; font-size:12px; letter-spacing: 0.01em; background-color:#383838;  }
.footer-links p { margin: 0}
.footer-links a { color:#ababab; transition: color .3s;}
.footer-links a:hover { color:#fff;}

/* breadcrumbs */
#breadcrumbs h1 { margin:0 10px; font-size:24px; line-height:32px; font-weight:400;}
.crumbs { line-height:16px; font-size:11px; margin:0 20px 0 42px; text-transform:uppercase;}
.crumbs a { display:inline-block; color:#0c7451;}
.crumbs a:after { display:inline-block; width:26px; text-align:center;  content: '»' ;
	font-size: 16px;
	color: #666;
}

/* accordion curso*/
#accordian li { margin:0;}
#accordian h2 {
	font-weight: bold;
	font-size: 14px;
	background-color: #0c7451;
	padding: 4px 10px 4px 46px;
	cursor: pointer;
	color: #b1ddce;
	position: relative;
	border-radius: 2px;
	margin: 0 0 5px;
	transition: all .3s;

}
#accordian h2:hover { color:#fff;}
#accordian .active h2 { color:#fff;}
#accordian ul .contentAccordian {
	display: none;
}

.arrowAccordian {
	position:absolute;
	top:50%;
	left:20px;
	width: 0px;
	margin-top:-2px;
	height: 0px;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #fff transparent transparent transparent;
}
.active .arrowAccordian  {
	border-width: 4px 0 4px 4px;
	margin-top:-4px;
	left:21px;
	border-color: transparent transparent transparent #fff;
}
.padContent { padding:10px;}

.tabCatalogoCurso { margin-bottom:14px;}
.tabCatalogoCurso td, .tabCatalogoCurso th { font-size:90%; padding:6px 8px; text-align:left;} 
.tabCatalogoCurso th { font-weight:bold; font-size:11px; text-transform:uppercase; padding:9px 8px; border-bottom:1px solid #dcdcdc;}

.tabCatalogoCurso tr:nth-child(even) td {background: #efefef}
.tabCatalogoCurso tr:nth-child(odd) td {background: #FFF}

.celdaDatos { width:102px;}
.tabCatalogoCurso a { font-size:14px;}
/* lateral cursos */

.promoSeccion  { margin-bottom:12px; text-align:center;}
.promoSeccion img { max-width:100%; height:auto; margin:auto; }
.navVertical { padding:6px 8px 0; margin-bottom:25px;}
.navVertical h2 { font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; margin:0;}
.navVertical li { margin:0; padding:0; display:inline;}
.navVertical a { display:block; padding:9px 1px; border-bottom:1px solid #ddd; font-size:90%;}

.catalogoEstrecho .active .arrowAccordian { left:13px;}
.arrowAccordian { left:17px;}

.catalogoEstrecho ul { padding:0 0 15px; margin:0;}
.catalogoEstrecho li { display:inline;}
.catalogoEstrecho a { display:block; border-bottom:1px solid #ddd; padding:6px 1px;}
.catalogoEstrecho h3 { font-size:13px; font-weight:600px; border-bottom:1px solid #ddd; margin-bottom:0;}
.container .dateList { float:right; max-width:100%; margin-bottom:12px; margin-top:12px;}
.dateList li {
	position: relative;
	background-color: #E3E3E3;
	line-height: 28px;
	padding:0 4px 0 8px;
	font-size: 13px;
	font-weight:600;
	margin:0 0 5px;
	list-style-type:none;
	height:28px;
}
.dateList li li { padding:0 4px; background-color:#fff; position:absolute;
right:3px; top:3px; line-height:22px; height:22px; width:45px; text-align:center; margin:0; list-style-type:none;}
.dateList li ul { margin:0; padding:0;}

.boxCertificado { border-bottom:2px solid #ddd; padding:25px 0;}
.boxCertificado h2 { margin:0 0 18px; font-size:28px; padding:0; line-height:32px;}
.codeCertificado { display:block; font-size:16px; line-height:28px; color:#333;}
.familiaCertificado { margin-bottom:8px;}


.boxCertificado:last-child { border-bottom:none; margin-bottom:0;}

.tabber { margin-bottom:35px;}
.tabber .tabber-handle { display: block; float: left;  position:relative; font-weight:500; 
line-height: 34px; margin: 0px 1px 1px 0; padding:7px 18px 6px; background-color:#fff;}
.tabber .tabber-handle.active { border:1px solid #ddd; background-color:#fff; border-top:2px solid #187454;
border-bottom-color:#fff; margin:0 0 -1px; padding-top:6px; }

.tabber .tabber-tab { border:1px solid #ddd; padding: 20px; margin-bottom:2px;}
.tabber-handle.mobile {  font-weight:600; color:#06639f; line-height:38px; background-color:#ebebeb;}

.tabber .button { margin:0;}
.mobile a.button { margin:0 0 15px 0;}

/* tabla contenidos del certificado */
.tabContenidosHorizontal { margin-bottom:15px; border-collapse:collapse;}
.tabContenidosHorizontal td, .tabContenidosHorizontal th { vertical-align:top; padding:6px; font-size:13px; line-height:17px; text-align:left;}
.tabContenidosHorizontal td { border-bottom:1px solid #ccc;}
.tabContenidosHorizontal th {
	background-color: #484848;
	color: #FFFFFF;
	padding:10px 6px;
}
.cod { font-size:12px; color:#A5A5A5;}
.tabContenidosHorizontal .horasModulo { font-weight:600; text-align:center;}

/* formulario */
.boxForm input[type="text"], .boxForm input[type="password"], .boxForm textarea, .boxForm select { width:100%; box-sizing:border-box;}

.boxFormSolicitar {
	background-color: #ebebeb;
	border-radius: 10px;
	padding: 30px 0 1px;
	margin-bottom:10px;
}
.padForm { padding:0 30px;}

.boxFormConsultanos textarea { height:140px;}
.botoncurso li { margin:0; padding:0; display:inline;}

.captchaContacto input { margin-bottom:6px;}
.captchaContacto img { margin-bottom:16px;}

/* campus */ 
.fotoPerfil img { width:92px; margin:0 auto 18px; height:auto; border-radius:3px; }
.userNavbar-top img { height:30px; border-radius:30px; width:auto; margin:0 15px; margin-left:6px; vertical-align:middle;}
.nomUser { display:inline-block; opacity: .7;}
.datosPerfil  { margin-bottom:18px; }
.datosPerfil p { margin:0; }

.tabAccesoBasico { border-collapse:collapse; margin-bottom:15px;}
.tabAccesoBasico td, .tabAccesoBasico th {  line-height:18px; border-bottom:1px solid #ddd; padding:8px 6px; vertical-align:top; font-size:13px; min-width:80px; text-align:left;}
.tabAccesoBasico th {
	border-bottom: 2px solid #0c7451;
	font-weight: bold;
}
.tabAccesoBasico tr td:first-child {width:20px; text-align:center;}
.tabAccesoBasico .nombrecurso { display:block; font-size:14px; margin-bottom:4px; font-weight:600;}
.smallFont { font-size:11px; text-transform:uppercase; color:#848484;}

.tabCerrada { border-collapse:separate;}
.tabCerrada td { background-color:#EBEBEB; border-top:1px solid #fff;}
.numCampus { background-color:#ebebeb; border-radius:26px; margin:0 6px; font-size:12px; font-weight:bold; padding: 0 6px;}


.headerCampusCertificado { padding:20px; background-color:#ebebeb; border-radius:3px; margin-bottom:18px;}
.headerCampusCertificado .familiaCertificado { margin-bottom:6px; font-size:14px;}
.headerCampusCertificado h2 { margin:0 0 18px;}
.headerCampusCertificado .codeCertificado { font-size:13px; line-height:18px;}

.tabbed .boxCertificado:first-child { padding-top:10px;}
.recordarContraseña { border-top:1px solid #ddd; padding-top:15px;}
.boxCertificado  .dateList { margin-top:0;}

.formInline select, .formInline input { width:auto; display:inline-block;}


/* mensajes del sistema */
.systemmsg {
	margin-bottom: 15px;
	color: #FFF; 
	padding: 9px 12px;
	border-radius:2px;
}
.error {
	background-color: #c21229;
}
.ok {
	background-color: #93ae1d;
}

/* buttons */

.button, .button:hover, .button:visited, input[type="submit"].button {
	background:#fff;
	border-color: #82B1A0;
	color:#0c7451;
	text-shadow:none;
	text-transform:uppercase;
	font-size:12px;
	height:33px;
	line-height:33px;
	border-radius:35px;
	padding:0 26px;
	transition:all .3s;
}
input[type="submit"].button { line-height:inherit;}

.button:hover {background:#e7eeec;}
.button:active { box-shadow:inset rgba(0,0,0,0.1) 0 2px 1px; outline:none;}

.button.button-primary, .button.button-primary:visited, input[type="submit"].button-primary {
	background: #2b8c67;
	background: -moz-linear-gradient(top,  #2b8c67 0%, #0c7451 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b8c67), color-stop(100%,#0c7451));
	background: -webkit-linear-gradient(top,  #2b8c67 0%,#0c7451 100%);
	background: -o-linear-gradient(top,  #2b8c67 0%,#0c7451 100%);
	background: -ms-linear-gradient(top,  #2b8c67 0%,#0c7451 100%);
	background: linear-gradient(to bottom,  #2b8c67 0%,#0c7451 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b8c67', endColorstr='#0c7451',GradientType=0 );

	border-color: #21785a;
	color: #fff;
	text-shadow: none;
	text-shadow:rgba(0,0,0,0.35) -1px -1px 1px;
}
.catalogoEstrecho a.active, .navVertical a.active { font-weight:bold;}

.botoncurso .button { margin-right:4px;}

.buttonsTopper { padding-top:14px;}

.comentario { margin-top:28px; font-size:12px;}
.container .columns.msgSistem {margin:0 auto; float:none; display:block; font-size:16px; line-height:23px;}
.iconGood {background-image: url(../img/IconGood.png); background-position:center 0; background-repeat:no-repeat; height:108px;}
.iconError {background-image: url(../img/iconError.png); background-position:center 0; background-repeat:no-repeat; height:108px;}

.arriba { text-align:right;}
.detallado { padding-top:22px;}

/* retoques Campus */
.centro { width:92px;}
.headFecha { font-size:11px; color:#939393;}
.fecha { font-weight:bold; font-size:14px; padding-top:2px;}
.tabAccesoBasico .nombrecurso { font-size:14px; font-weight:bold; line-height:20px; padding-top:2px; display:block;}
.tabAccesoBasico td { padding-top:15px; padding-bottom:15px;}
.btnExtraCampus { padding-top:10px;}
.smallFont { color:#939393;}
.tabCerrada td { text-shadow:rgba(255,255,255,0.7) 1px 1px;}
.tabAccesoBasico { width:100%;}

/* añadiendo masters */

.navbar-primary .nav { text-align:right;}
.navbar-primary a { display:inline-block; float:none;}
.navbar-primary.naver.enabled a { display:block;}

.navbar-primary.enabled .nav { text-align:left;}
.navbar-primary.naver.enabled { width:100%;	max-width:420px;}

/* campus masters */
.headPrecio { font-size:11px; color:#939393;}
.precio { font-weight:bold; font-size:21px; padding-top:2px;}

.headerCampusMaster { background-color:#ebebeb; margin-bottom:18px; padding:14px 10px; border-radius:5px;}
.headerCampusMaster h2 { margin:0; padding:0; font-size:24px; line-height:32px; font-weight:600;}
.tabMaster-primary { width:100%; margin:0;}
.tabMaster-primary td { border-bottom:none; min-width: 97px;}
.tabMaster-primary tr td:first-child { text-align:left; width:auto;}

.contentAccordian .padContent { padding:0;}
.catalogoEstrecho .arrowAccordian { left:11px;}

/* social bar */
.followBar { text-align:right; line-height:43px; margin:0; padding:0;}
.followBar a {
	vertical-align: middle;
	display: inline-block;
	width: 43px;
	height: 43px;
	overflow: hidden;
	margin: 0;
	line-height: 43px;
	margin-top: -3px;
	border-radius: 2px;
	background-image: url(../img/iSocials.png);
}
.followBar a:not(:last-child) {
	margin-right: 5px;
}
.iTw { background-position:-43px -43px;}
.iTw:hover { background-position:-43px 0;}

.iFb { background-position:0 -43px;}
.iFb:hover { background-position:0 0;}

.iYt { background-position:-86px -43px;}
.iYt:hover { background-position:-86px 0;}


* {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.buttonsTopper a { 	background-image: url(../img/iconVictoriaFormacion.png); background-position:20px center; background-repeat:no-repeat; display:block; line-height:38px; padding-left:72px;}

#socialBoxes .container .columns, #footer .container .columns  {padding-left:0; padding-right:0;}

.container .columns:first-child {padding-left:14px;}
.container .columns:last-child {}

.txt-section { padding-bottom:12px;}

.columns.omega.dateList { width:100%; float:none;}
.pActual { font-weight:bold; font-size:14px; padding-top:2px;}

input.discountCode { display:inline-block; max-width:130px; padding:4px;}
.btnCloseAddPromo { font-size:22px; font-weight:bold; margin:-5px 5px 0 0; display:inline-block; vertical-align:middle; line-height:30px;}
.pAnterior { text-decoration:line-through;}
.comprobar { margin-left:5px;}

#codepromo.promoError { border-color:#D53032;}

.loadPromo { color:#999;}
.loadPromo:after { display:inline-block; width:30px; line-height:30px; height:30px;	background-image: url(../img/load.gif); background-position:center center; background-repeat:no-repeat; content:" "; vertical-align:middle;}
input.codeError { border-color:#D53032;}
.campo-inline input { width:45%; display:inline-block;}

.boxForm .campo-inline input[type="text"] { width:48%;}
.box_pagomodalidad { background-color:#ebebeb; padding:18px 10px; margin-bottom:22px; border-radius:3px;}
.box_pagomodalidad label { cursor:pointer;}

.pago_forma { display:inline-block; margin:0 20px 0 0;}
.boxForm h2 { margin-top:20px;}
.datosFacturacion:before {
	content:"";
	width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #dddddd transparent;
display:block;
margin-top:-10px;
}
.datosFacturacion { padding:0 20px; border:2px solid #dddddd; margin-top:20px;}
.pago_datos2 { border-collapse:collapse; width:100%; margin-bottom:22px;}
.pago_datos2 td, .pago_datos2 th { border:1px solid #ddd; padding:9px; text-align:left;}
.pago_datos2 th { font-weight:bold; background-color:#f4f4f4; width:33%;}
.pago_datos2 caption { text-align:left; font-size:17px; text-transform:uppercase; font-weight:700; padding:15px 0 9px;}
#accordian.catalogoEstrecho h2 { font-weight:600; font-size:13px; padding:8px 10px 8px 28px; margin-bottom:2px; line-height:20px; }

.datosPerfil p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:100%;
}

#header .container .f_right {

	float: right;

}


/* logueando */

.wrap-logueado {
   position: absolute;
   right: 10px;
   top: 50%;
   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
	z-index: 9999;
	color: #fff;
}
.spaceForProfile {
    margin-right: 50px;
}
.iLogueado {
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-image: url('../img portal/iUserLogin.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.logueado {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    max-width: 100vw;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, .2) 0 8px 10px -3px;
    padding: 10px 17px;
    box-sizing: border-box;
    text-align: right;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
}
.usuario-logeado {
    text-overflow: ellipsis;
}
.logueado a {
    color: rgba(255, 255, 255, 1);
    font-size: 13px;
    text-decoration: none;
}
.logueado a:hover {
    color: rgba(255, 255, 255, 0.8);
}
.logueadoOpen .logueado {
    display: block; 
}

.contentBody .mini_margin {
	margin-left: 25px;
}



.features-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-bottom: 12px;
}

.features-list dt {
	width: 68%;
}
.features-list dd {
	width: 32%;
}
.features-list dt,
.features-list dd {
	background-color: #E3E3E3;
	border:3px solid #E3E3E3;
	padding: 2px 7px;
    font-size: 13px;
    font-weight: 600;
	margin-bottom: 4px;
}
.features-list dd {
	background-color: #fff;
	text-align: right;
}

.contentBody .textfieldRequiredState .textfieldRequiredMsg,
.contentBody .textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.contentBody .textfieldMinValueState .textfieldMinValueMsg,
.contentBody .textfieldMaxValueState .textfieldMaxValueMsg,
.contentBody .textfieldMinCharsState .textfieldMinCharsMsg,
.contentBody .textfieldMaxCharsState .textfieldMaxCharsMsg {
	margin-left: 0;
	transform: translateY(-18px);
	font-size: 12px;
}
.contentBody .checkboxRequiredState .checkboxRequiredMsg {
	display: block;
	border: 1px solid #f9d2d2;
	color: #CC3333;
	font-size: 12px;
	line-height: 15px;
	padding:5px 8px;
	border-radius:1px;
	margin-bottom: 12px;
}

#header-topper {
	padding: 0;
}

.bgTopper img {
	max-width:100%;
	height:auto;
}

#section-topper .container {
	padding: 50px 0;
	/* background-image: url(../img/arrowTop.png);
	background-repeat: no-repeat;
	background-position: left 0; */
}

#header-topper .container,
#section-topper .container,
.bgGris .container {
	background-color: #fff;
}

#header-topper ~ #section-topper {
	padding: 0;
}

#breadcrumbs .container {
	background-color: #fff;
	padding: 32px 0 22px;
	/* background-image: url(../img/arrowTop.png);
	background-repeat: no-repeat;
	background-position: left 0; */
	border-bottom: 2px solid #ebebeb;
}
#header-topper ~ #breadcrumbs .container {
	padding-top: 20px;
}
#header-topper ~ #breadcrumbs .crumbs {
    margin-left: 24px;
}

.flex {
	display: -ms-flexbox;
	display: flex;
}

.link-sepe {
	display: inline-block;
	max-height: 34px;
	margin-left: 10px;
}

.pt-3 {
	padding-top: 32px;
}

.course-data ul,
.list {
	margin-left: 24px;
	list-style: disc;
}

.course-data ul li,
.list li {
	margin-bottom: 6px;
}