* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
html { height: 100%; background:#ffffff; }
body { margin: 0px auto; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003366; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3f78bb', EndColorStr='#ffffff',GradientType=0); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3f78bb', EndColorStr='#ffffff',GradientType=0)"; 
	background: -ms-linear-gradient(top, #3f78bb 0%, #ffffff 100%);
	background: -moz-linear-gradient(top, #3f78bb 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #3f78bb 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #3f78bb 0%, #ffffff 100%); 
}
.secc { position:relative; }
.todo { position:relative; background:#FFFFFF; display: block; width:1000px; min-height:820px; text-align: left; margin: 0px auto; }
.shad, .todo {
	-webkit-box-shadow: 0px 0px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 0px 5px 0px #4a4a4a;
	box-shadow: 0px 0px 5px 0px #4a4a4a;
	border:1px #365285 solid;
}
.cabeza { position:relative; height:131px; display:block; width:100%; border-bottom:2px #568ac6 solid;
	background:#adceff url('/empleabilidad/web/img/headbg.jpg') right no-repeat;
}
.logo img { float:left; width:11%; margin:10px 13px; border:1px solid #7b8aa9; }
.textum { float:left; width:80%; margin: 10px 0px; padding:5px 15px; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ffffff',GradientType=1); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ffffff',GradientType=1)"; 
	background: -ms-linear-gradient(left, #ffffff 0%, rgba(255,255,255,.90) 50%, rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(left, #ffffff 0%, rgba(255,255,255,.90) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255,255,255,.90) 50%, rgba(255,255,255,0) 100%); 
	background: -o-linear-gradient(left, #ffffff 0%, rgba(255,255,255,.90) 50%, rgba(255,255,255,0) 100%);
}
.cabeza h1 { font-size:26px; }
.cabeza h2 { font-size:17px; }
.cabeza h1, .cabeza h2 { color:#000; margin:0px; }
#google_translate_element { position:absolute; top:0px !important; right:0px; z-index:1 !important; outline:#FFF 1px solid; outline-offset:-1px; padding:0px !important; margin:0px; }
.casito { background:#FFFFFF; padding:20px; position:relative; }
.pie { position:absolute; left:0px; bottom:0px; text-align:right; border-top:2px #568ac6 solid; width:100%; padding:5px; }
.pie a { text-decoration:none; }
.pie a:hover { color:#000000; }
h3 { color: #1E579D; font-size:15px; font-weight:bold; padding:0px; }
h4, .pie a { color: #3475B6; font-size:12px; font-weight:bold;}
.closs, .recep { margin:2px; border-radius:50%; border:2px solid #568ac6; color:#FFF; padding:4px 6px 5px 6px; font-weight:bold; font-family:Verdana; font-size:14px; cursor:pointer; line-height:13px; z-index:3 !important; }
.closs { background:red; }
.closs:hover { background:#b43c57; border:2px solid #DDD; }
.recep { background:#6fa0e9; }
.recep:hover { background:#adceff; border:2px solid #DDD; }
.red { color:#FF0000; }
.muted { color:#666 !important;}
.bolder { font-weight:bold; }
/* Página inicio */
/* Carrusel */
.carrusel { position:relative; margin:10px auto; display:block; clear:both; width:70%; }
.carrusel img { width:100% !important; height:auto; }
.carrusel div { position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:5; }
.carrpun { position:absolute; z-index:15 !important; bottom:5px; left: 46%; -webkit-transform: translateX(-50%); transform: translateX(-50%); list-style:none; }
.carrpun li { font-size:10px; font-weight:bold; padding:4px; text-align:center; border:1px solid #666666; border-radius:8px; background:#FFFFFF; margin-right:5px; float:left; cursor:pointer; }
/* Carrusel */
/* etiquetas en portfolio personal */
.secc { display:block; }
.secc::after { content:''; display:block; clear:both; }
.tag, .tagon, .tagof, .tagox { 
	border:1px solid #666; text-align:center; font-weight:bold; background:#eee; color:#1d809f !important; 
	padding:4px 12px; font-size:13px; border-radius:6px; float:left; margin-right:4px; 
	}
.tagon, .tagof, .tagox { cursor:pointer; }
/* etiquetas en portfolio personal */
.normal { padding: 6px; text-align:left; }
.cuadros { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #4269B3; border-bottom: 1px solid #E3EBEE; margin:20px auto; }
.cuadros a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #4269B3; text-decoration:none; }
.cuadros a:hover { color: #000; }
.lin4 { margin:15px 25px; list-style:none; padding:5px; text-align:center; }
.impor { border:3px solid #000000 !important; }
.lin4 img { width:80%; height:auto; }
.lin4 span { display:block; }
.lin4 li { float:left; width:22%; background:#FFF; padding:17px 20px; border-radius:8px; border: 1px #BBC9EC solid;
	color: #325A9C; font-weight: bold; margin:10px; cursor:pointer; }
.lin4 li:hover { background: #F1F2F7; color:#000000; }
.m10b { margin-bottom:10px; }
.m20a { margin:20px auto; }
.m30a { margin:30px auto; }
.mt80 { margin-top:80px !important; }
.w80 { width:80%; }
.w90 { width:90% !important; }
.w100 { width:100% !important; }
.pad { padding:8px 15px; }
.pad10 { padding:10px !important; }
.pad20 { padding:20px; }
.pad30 { padding:30px; }
.right { float:right; }
.center { text-align:center; }
.aleft { text-align:left; }
.aright { text-align:right; }
.curbox { position:relative; float:left; padding:6px; }
.curbox img { width: 50%; height:auto; border-radius:6px; border:1px solid #71A2EA; }
.curbox .nom {font-size:12px; font-weight:bold; color:#335BB9; }
.curbox p { margin:15px 5px; }
.mitad { float:left; width:48%; margin:5px; }
.col2all div { float:left; width:46%; margin:3px; }
.col3all div { float:left; width:32%; margin:3px; }
.col4all div { float:left; width:24%; margin:3px; }
.col4all img { width: 60%; }
.col5all div { float:left; width:20%; }
.col5all img { width: 75%;  }
.casito h1 { margin:10px auto; font-weight: bold; text-align:left; font-size: 15px; border-bottom: 1px solid #E3EBEE; padding: 2px 6px; }
.casito h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #4269B3; margin:30px auto; text-align:center; }
.resalt { font-size:16px; font-weight:bold; color:#0066CC; border-bottom:1px solid #0066CC; }
.boto { display:table; float: left; margin-left:20px; }
.boto a { padding:17px 20px; border-radius:8px; border: 1px #BBC9EC solid; display:table-cell; vertical-align:middle; 
	text-decoration:none; color:#325A9C; font-weight: bold; font-size:13px; text-align:center; }
button, .boton { background:#FFF; cursor:pointer; font-family:Arial; }
button, .boton { padding:10px 20px; border-radius:8px; border: 1px #BBC9EC solid; vertical-align:middle; 
	text-decoration:none; color:#325A9C; font-weight: bold; font-size:13px; text-align:center; }
button:hover, .boton:hover, .boto a:hover { background: #F1F2F7; color:#000000; }
.round { border: 1px #CCC solid; border-radius: 12px; -o-border-radius: 12px; -webkit-border-radius: 12px; }
.border { border: 1px #BBC9EC solid; }
.rounded { border-radius: 12px; -o-border-radius: 12px; -webkit-border-radius: 12px; }
.listado { margin:20px auto; list-style-type: square; }
.pax li { padding:6px 0px !important; }
.listado a { color: #275078; font-weight: bold; text-decoration:none; }
.listado a:hover { color: #000000; }
.small button { font-size:13px; padding:5px 15px !important; }
.bgligth { background:#F9F9F9; }
.bgt { background:#F2F5FA; }
.bgg { background:#148d01; color:#FFF !important; }
.bga { background:#e21b1e; color:#FFF !important; }
.switch-field { display: flex; overflow: hidden; }
.switch-field input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; }
.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.switch-field label:hover { cursor: pointer; }
.switch-field input:checked + label { background-color: #7ea4d1; color:#FFF; box-shadow: none; }
.switch-field label:first-of-type { border-radius: 4px 0 0 4px; }
.switch-field label:last-of-type { border-radius: 0 4px 4px 0; }
textarea {
	border-radius:5px; width:100%; margin:10px auto; padding:3px 6px; font-family:Arial; font-size:13px;
	background-color: #f5f5f5;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
input[type=text], input[type=password] { border:2px solid #CCCCCC !important; padding:5px 10px !important; border-radius:5px !important; }
select { padding:5px 10px !important; border:2px solid #CCC !important; border-radius:5px !important; margin-bottom:10px; }
input[type=text]:focus, input[type=password]:focus, select:focus { border:2px solid #4269b3 !important; }

.black { color: #000;}


.clear { clear:both; }
.cur:hover {color: #1A4FA6 !important;}

li a:hover {color:#000 !important;}

.cur { cursor:pointer; cursor:hand; }


ul { list-style: circle; }


.txtaz { color: #003366; font-size: 12px; font-weight: bold; }
.txtbl { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #4269B3; }
.txtn { color: #000000; font-size: 12px; font-weight: bold; text-decoration:none }
.txtn a { color: #275078; font-size: 12px; font-weight: bold; text-decoration:none }
.txtn a:hover{ color: #000; }
.c { text-align:center; }



table.sortable { border-spacing: 0; margin:20px auto; border: 1px solid #000; border-collapse: collapse; }
table.sortable th, table.sortable td { padding:3px 6px; border:1px solid #999999; background: #fff; }
table.sortable th a { text-decoration:none; color:#325A9C; }
table.sortable th { background:#f2f5fa; font-weight:bold; color:#4269c2; font-size:14px; vertical-align:top; }
table.sortable td { font-size: 13px; vertical-align:top; }
table.sortable tr:nth-child(even) td { background-color: #f5f7fa !important; }
table.sortable tr.sortbottom td { background-color: #f5f7fa; border-width: 1px 1px 0px 1px; font-weight: bold; }
.hid { display: none; }

.round { border:1px #B6CCE4 solid; border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; }
.onme { cursor:pointer; }
.onme:hover { -webkit-box-shadow: 0px 0px 8px 0px #B6CCE4;
	-moz-box-shadow: 0px 0px 8px 0px #B6CCE4;
	box-shadow: 0px 0px 8px 0px #B6CCE4;
	border:1px #8EB7D5 solid;
}
.foto { float:left; margin: 0px 12px 12px 0px; }
.fotoright { float:right; margin: 0px 0px 12px 12px; }
.onit:hover { background: #E0EDFC; cursor:pointer; }
.reds { color:#F00; font-size:9px; }
.lin4 li, .sortable th {
	/* Old browsers */
	background: #e8f5ff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZjVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y5ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e8f5ff 0%, #f7f9fc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f5ff), color-stop(100%,#f7f9fc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8f5ff 0%,#f7f9fc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8f5ff 0%,#f7f9fc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8f5ff 0%,#f7f9fc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e8f5ff 0%,#f7f9fc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f5ff', endColorstr='#f7f9fc',GradientType=0 ); /* IE6-8 */
}
.secc:after, .cabeza:after, .lin4:after, .carrpun:after, .carrusel:after { content:''; display:block; clear:both; }
/* Diagramas Gantt */
.ganttc { overflow:hidden; padding: 0px; height:200px; width:98%; margin: 10px auto; position:relative; background: #f6f8fc; }
.ganttc * { font-size: 12px; font-weight: normal; margin:0px; padding:0px; }
.ganttc li { list-style: none; }
.ganttc .ganttc-left { position: absolute; left: 0; bottom: 0; top: 0; width: 10%; border-right: 1px solid #DDDDDD; z-index: 2; }
.ganttc .ganttc-left:before { position: absolute; right: -7px; pointer-events: none; width:7px; top:0; bottom:0; content:""; z-index: 3; }
.ganttc .ganttc-left .lbls-group {  }
.ganttc .ganttc-left .lbls-group .lbls { width: 100%; text-align:center; }
.ganttc .ganttc-left .lbls-group .lbls strong {
    display: block; padding: 0 10px; color: #484A4D; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-weight: bold; line-height: 24px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;
}
/* data section */
.ganttc .ganttc-right { position: relative; overflow-x: scroll; overflow-y: hidden; margin: 0px 0px 0px 10%; white-space: nowrap; }
/* Gantt Chart Section Header */
header .ganttc-right-ds, header .ganttc-right-ms { overflow: hidden; }
header .ganttc-right-m { float: left; text-align: center; }
header .ganttc-right-m strong { display: block; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font-weight: bold; 
    color: #484A4D; line-height: 25px; height: 25px; }
.ganttc-right-ds .ganttc-right-d { float: left; height: 25px; width: 25px; }
.ganttc-right-ds .ganttc-right-d span { text-indent: 0; text-align: center; font-size: 11px; line-height: 25px; }
.ganttc-right-ds .ganttc-right-d .today span { color: white; }
.ganttc-right-d span { display: block; border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; text-indent: -12000px;
    font-weight: bold; color: #484A4D;
}
.ganttc-right-d.weekend span { background: #E0E0E0; }
/* Gantt Chart Section Items */
.ganttc-right-item { position: relative; }
.ganttc-right-item .ganttc-right-ds .ganttc-right-d { border-top: 1px solid #DDDDDD; }
/* Gantt Chart Block */
.ganttc-right-blk { background: #268bd2; position: absolute; top: 0; z-index: 2; margin: 4px 3px; height: 19px; border-radius: 3px; opacity: .7; }
.ganttc-right-blk-lbl { display: block; cursor: pointer; color: white; padding: 0px 1px; font-size: 11px; text-align: center;
    line-height: 20px;
}
/* Gantt Chart Time */
.gchart .time { border: 2px solid #1DA7A9; bottom: 0; position: absolute; text-indent: -12000px; top: 0; width: 22px;
    background: #FFFFFF; opacity: 0.7; z-index: 1;
}
.gchart .time:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #1DA7A9;
    content: ""; left: 5px; position: absolute; top: 0;
}
/* Legend */
.gchart.gchart-legend { padding: 10px 10px 0px 10px; }
.gchart-lg-items, .gchart-lg-item { position: relative; float: left; }
.gchart-lg-item.color { background: #E0E0E0; border: 1px solid #DDDDDD; height: 25px; width: 25px; }
.gchart-lg-item.description { padding: 0px 10px; margin: 0px 10px 10px 0px; border: 1px solid #DDDDDD; height: 25px; }
.gchart-lg-items .gchart-lg-item { float: left; }
.gchart-lg-items .gchart-lg-item span { text-indent: 0; text-align: center; font-size: 11px; line-height: 25px; }
.gchart-lg-item span { display: block; text-indent: -12000px; font-weight: bold; color: #484A4D; }
/* Diagramas Gantt */


@media (max-width:1000px) {
	.todo, .ganttc { width:100%; }
	.lin4, .lin4 li { margin:5px !important; }
	}
@media (max-width:800px) {
	.lin4 li { width:45%; }
	.mitad { width:100%; margin:5px; float:none; }
	}