﻿/*body
{
	margin-top:0px;
	font-size: 11px;
	font-family:Verdana;
	color: #857D74;
	background-color:#dddddd;
}*/

/*legend
{
	font-weight:bold;
	color:#D97900;
	
}*/

/*prueba
{
	font-weight:bold;
	color:Blue;
	text-align:left;
	width:100px;
}*/




/*#div_General
{
	width:1299px;
	background:#FFFFFF;
	position:relative;
	top: 0px;
    left: 0px;
}
*/

/*#div_General1
{
	width:1862px;
	background:#FFFFFF;
	position:relative;
	top: -18px;
    left: 150px;
    height: 1136px;
}*/

/*.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}*/

/*#tbl_Main1
{
	width:1000px;
	margin-top: 0px;
	border: solid 1px #dddddd;
}*/


/*#tbl_Main
{
	width:1300px;
	margin-top: 0px;
	border: solid 1px #dddddd;
}*/

/*#td_Header
{
	width:1000px;
	height:125px;
	background-image: url('./../images/headerBackground.gif');
	background-repeat: repeat;
}*/

/*#td_LeftMain
{
	width:230px;
	height:300px;
	border-right: solid 1px #e1d3bd;
	background-image: url('./../images/leftBackground.gif');
	background-repeat: repeat;
	
}*/

/*#td_RightMain
{
	width:1000px;
	height:600px;
	text-align:left;
	padding-top: 5px;
}*/

/*#td_RightMainLoguin
{
	width:1000px;
	height:600px;
	text-align:center;
	padding-top: 5px;
}*/

/*#div_Header
{
	width:1300px;
	height:125px;
	position:relative;
	margin-left:0px;
}*/

/*#tbl_MenuHeader td
{
	width:135px;
}*/

/*#tbl_MenuHeader
{
	width:1000px;
}*/

/*#tbl_MenuHeader a
{
	color:#41647b;
	font-weight:bold;
}

#tbl_MenuHeader a:hover
{
	color:#D97900;
	font-weight:bold;
}*/


/*#div_Footer
{
	width:1000px;
	height:15px;
	background-color:#41647b;
	text-align:center;
	color:#ffffff;
	position:relative;
	font-weight:bold;
}*/

/*
#pn_LoginRequest
{
	width:200px;
	background-color:#dddddd;
}

#div_LoginRequest
{
	margin-top:5px;
}

#div_LoginRequestOptions
{
	width:200px;
	height:80px;
	background-color:#ffffff;
}


#div_LoginRequestOptions td
{
	height:20px;
}

#div_LoginRequestOptions a
{
	color:#D97900;
}

#div_LoginRequestOptions a:hover
{
	color:#41647b;
	font-weight:bold;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#tbl_LoginHeader
{
	background-color:#000000; 
	color:#FFFFFF; 
	text-align:left;
	width:300px;
}

#tbl_LoginHeader a
{ 
	color:#FFFFFF; 
}

#tbl_LoginHeader a:hover
{ 
	color:#FFFFFF; 
	font-weight:bold;
}

#tbl_Login
{
	background:#FFFFFF; 
	height:130px; 
	width:300px;
	color:#000000;
}

#div_NavigationMenu
{
	text-align:left;
	position:relative;
	width: 277px;
	top:10px;
    left: 0px;
}

#div_NavigationMenu ul
{
	list-style:none;
	margin:0;
}

#div_NavigationMenu ul li
{
	height:10px;
	padding:5px;
	background-color: #D3DEEF;
    border-top: none;
}

#div_NavigationMenu ul a
{
	color:#4d6098;
	text-decoration:underline;
}

#div_NavigationMenu ul a:hover
{
	color:#D97900;
	text-decoration:underline;
	font-weight:bold;
	font-style:italic;
}

.menuHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #4d6098;
	font-weight: bold;
	margin-top:1px;
    padding: 5px;
    cursor: pointer;
}

.menuContent
{
    padding-left: 5px;
	background-color: #D3DEEF;
}

.accordionLink
{
    color: #FFFFFF;
}

.currentLink
{
	font-weight:bold;
	list-style-image:~/Images/movements.jpg;
}

#div_Main
{
	margin-top:8px;
	margin-left:5px;
	width:85%;
    height: 1101px;
}

#div_Main1
{
	margin-top:190px;
	margin-left:0px;
	width:1000px;
    height: 710px;
}

#fs_Main
{
	width:604px;
	font-weight:bold;
    height: 601px;
}*/

#fs_MainBolsaEmpleo {
    /*width: 80%;*/
    /*border-color: #008000;*/
}

/*
#fs_IngresoBolsaEmpleo
{
    width: 500px;
    font-weight: bold;
    height: 235px;
    border-color: #008000;
}

.Letras
{
    font-family: Verdana;
    font-size: small;
    color: #276321;
}

.Titulo_Medium
{
    font-family: Verdana;
    font-size: 12px;
    color: #FF9933;
    font-weight: bold;
}

.Titulo_Large
{
    font-family: Verdana;
    font-size: 16px;
    color: #CC6600;
    font-weight: bold;
}

.Letra_Legend
{
    font-family: Verdana;
    font-size: 11px;
    color: #3399FF;
    font-weight: bold;
}




#fs_MainActualizar
{
	width:604px;
	font-weight:bold;
    height: 735px;
}

#fs_Main1
{
	width:650px;
	font-weight:bold;
    height: 745px;
}

#tbl_Info
{
	/*width:570px;
    /*height: 541px;
}



#tbl_Info1
{
	width:637px;
    height: 700px;
}

.td_Label
{
	width:130px;
	height:25px;
}

.td_Input
{
	width:180px;
	height:25px;
}

.td_Error
{
	width:260px;
	height:25px;
	color:Red;
}*/

/*
.tblSuccess
{
	border-bottom:#339933 1px solid;
	border-left:#339933 1px solid;
	border-right:#339933 1px solid;
	border-top:#339933 1px solid;
	color:#339933;
	background-color:#AFE0AF;
	width:550px;
	text-align:center;
	font-weight:bold;
	font-size:10pt;
	margin-left:8px;
	margin-top: 3px;
	margin-bottom:3px;
}

.tblFailed
{
	border-bottom:#EE3325 1px solid;
	border-left:#EE3325 1px solid;
	border-right:#EE3325 1px solid;
	border-top:#EE3325 1px solid;
	color:#EE3325;
	background-color:#FFA196;
	width:550px;
	text-align:center;
	font-weight:bold;
	font-size:10pt;
	margin-left:8px;
	margin-top: 3px;
	margin-bottom:3px;
}

.tblInformation
{
    
	border-bottom:#339933 1px solid;
	border-left:#339933 1px solid;
	border-right:#339933 1px solid;
	border-top:#339933 1px solid;
	color:#339933;
	background-color:#AFE0AF;
	width:550px;
	text-align:center;
	font-weight:bold;
	font-size:10pt;
	margin-left:8px;
	margin-top: 3px;
	margin-bottom:3px;
	height:25px;
	color:Blue;
}

.gridCourses
{
	width:350px;
	border: solid 1px #4D6098;
	font-size:7pt;
}*/

.altItem {
    /*background-color: #F3EFDC;*/
    /*color:#4D6098;*/
    color: #000;
    /*height:20px;*/
}
/*
.item
{
	background-color:#FFFFE6;
	color:#4D6098;
	height:20px;
}*/

.header {
    /*height:20px;*/
    /*background-color: #4D6098;*/
    /*background: #B10E11 !important;*/
    background: rgba(255,184,25,0.8);
    font-weight: bold;
    color: #FFFFFF;
    font-size: 16px !important;
}

.gridPeriods {
    width: 450px;
    /*border: solid 1px #4D6098;*/
    font-size: 7pt;
}

.pointer {
    cursor: pointer;
}

#div_SearchResult {
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
}

.div_PopupInfo {
    background-color: #e1eaf1;
    text-align: left;
    font-size: x-small;
    width: 260px;
    /*border: none 1px #CCCCCC;*/
    display: block;
}

.MyCalendar .ajax__calendar_container {
    /*border:1px solid #ccb38b;*/
    background-color: #e1d3bd;
    color: #D97900;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #583012;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #583000;
    font-weight: bold;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #FFFFF1;
    font-weight: bold;
}

.gridPeriods {
    width: 450px;
    /*border: solid 1px #4D6098;*/
    font-size: 7pt;
}

.gridSchedules {
    /*border: solid 1px #4D6098;*/
    font-size: 7pt;
    font-weight: normal;
    text-align: center;
    margin-right: 64px;
}

px;
}

.gridBoletinesIngreso {
    /*border: solid 1px #4D6098;*/
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    margin-right: 64px;
    width: 800px;
}



.gridBoletinesIngresoBolsaEmpleo {
    /*width:500px;*/
}


.gridListarSeccionesBoletines {
    /*border: solid 1px #4D6098;*/
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    margin-right: 64px;
    width: 1000px;
}

.gridBoletinesActualiza {
    /*border: solid 1px #4D6098;*/
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    margin-right: 64px;
    width: 900px;
}


.gridHistorico {
    /*border: solid 1px #4D6098;*/
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    margin-right: 10px;
    width: 780px;
}

.gridGroups {
    width: 500px;
    /*border: solid 1px #4D6098;*/
    font-size: 7pt;
    font-weight: normal;
    text-align: center;
}

.center {
    /*text-align:center;*/
}

.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #D71829;
    font-weight: bold;
}

.style2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.style4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #D61626;
}

.style5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

a:link {
    color: #CC0000;
    text-decoration: none;
}

a:visited {
    color: #CC0000;
    text-decoration: none;
}

a:hover {
    color: #CC0000;
    text-decoration: none;
}

a:active {
    color: #CC0000;
    text-decoration: none;
    text-align: center;
}

.style7 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #333333;
}

/* ESTILOS NUEVOS */

p, li {
    font-size: 12px;
    font-family: Arial, Helvetica;
    text-align: justify !important;
}

    p.espacios {
        font-weight: bolder;
        font-size: 14px;
        text-align: justify !important;
        color: #CF0A2C;
        /*text-justify: inter-word !important;*/
    }

    p.subtitulos {
        font-weight: bold;
        font-size: 14px;
    }

span.asteriscos {
    color: #CF0A2C;
}

label {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

input {
    color: #000;
    font-size: 14px !important;
    font-weight: bold;
}

img {
    margin: 0 auto;
    width: 374px;
}

div .imagen {
    left: 35%;
}

header {
    border-bottom: 3px solid rgba(255,184,25,0.8);
    background: #B10E11
}




h1 {
    font-size: 22px !important;
    text-align: center;
    margin-top: 2% !important;
}

textarea {
    vertical-align: top !important;
}

​


#textIli {
    vertical-align: top !important;
}

td {
    font-size: 12px;
    font-weight: bold;
}

span.capacidad {
    font-size: 10px;
    color: #CF0A2C;
}

.table th, .table td {
    /*border-top: 1px solid #fff !important;*/
}

input.cancelar {
    background: #B10E11;
    color: #fff;
    border: none;
    padding: 2%;
    font-weight: bold;
    font-size: 14px;
}

input.ingresar {
    background: rgba(255,184,25,0.8);
    color: #000;
    border: none;
    padding: 2%;
    font-weight: bold;
    font-size: 14px;
    margin-right: 2%;
}

input[type="file"] {
    /*display: none;*/
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

footer {
    background: #000;
    color: #fff;
    padding: 1% 2%;
}

.chkAcepto {
    margin-left: 2% !important;
}

.chkAcepto2 {
    /*margin-left: 4% !important;*/
}

.footer {
    font-size: 14px;
}

.campos {
    margin-top: 1%;
    border-top: 2px solid #f6f6f6;
    padding-top: 2%;
}

.formulario {
    border: 1px solid #e9ecef !important;
    padding: 2% 2% 0 2%;
}

body {
    background-image: url(../../BolsaEstilo/images/irongrip.png);
    background-repeat: repeat;
    background-position: top left;
}

.principal {
    padding: 2%;
}


/* ESTILOS NUEVOS */

@media screen and (max-width: 320px) {
    p, li {
        font-size: 12px !important;
    }

    label {
        text-align: left !important;
        font-size: 12px;
        font-weight: bold;
    }

    div .imagen {
        left: 3%;
        width: 100% !important;
    }

    img {
        width: 250px;
    }
}

@media screen and (max-width: 375px) {
    p, li {
        font-size: 12px !important;
    }

    label {
        text-align: left !important;
        font-size: 12px;
        font-weight: bold;
    }

    div .imagen {
        left: 3%;
        width: 100% !important;
    }

    img {
        width: 250px;
    }
}

@media screen and (max-width: 425px) {
    p, li {
        font-size: 12px !important;
    }

    label {
        text-align: left !important;
        font-size: 12px;
        font-weight: bold;
    }

    div .imagen {
        left: 3%;
        width: 100% !important;
    }

    img {
        width: 250px;
    }
}

@media screen and (max-width: 768px) {
    p, li {
        font-size: 12px !important;
    }

    label {
        text-align: left !important;
        font-size: 12px;
        font-weight: bold;
    }

    div .imagen {
        left: 35%;
        width: 100% !important;
    }

    img {
        width: 250px;
    }
}
