﻿/*ESTILOS MASTER Y WIZARD (CUENTA NUEVA) _________________________________________________________________________________________*/

.notavariosverde 
{
    background: #E0FFF9;
    padding: 10px;
    border-radius: 12px 12px 12px 12px;
}

body
{
    font-family: Arial, Helvetica Condensed, Sans-Serif;
    padding-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, h7, ul, li, p
{
    margin: 0px;
    padding: 0px;
}

a { color: #0000FF; }

a:hover 
{    opacity: 0.5; /*browsers modernos*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*Opacidad para IE 8,9*/
    filter: alpha(opacity=50); /*Opacidad para IE 5,6,7,8,9*/
    -moz-opacity:0.5; /*Firefox 0.9*/
    -khtml-opacity: 0.5; /*Safari pre-webkit*/  
    text-decoration: none;
}

.margbottom-titulo { margin-bottom: 20px; }

ul, li, ol { list-style: none; }

label
{
    color: #009DDC;
    font-weight: normal;
    margin-bottom: 0px;
}

textarea { resize: vertical; }

input, textarea, select
{
	border: 1px solid #009DDC; 
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 6px 12px;
}

input[type=checkbox] /*para aumentar el tamaño de los checkboxes*/
{
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari y Chrome */
  -o-transform: scale(1.3); /* Opera */
  padding: 8px;
}

.checkbox.avisopriv label input { border: none; }

a.links-def-home 
{ 
    color: #000DFF; 
    padding:5px;     
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; 
    cursor: pointer;
}

a.links-def-home:hover { border-bottom: 1px solid #000DFF;  border-top: 1px solid #000DFF; text-decoration:none; }

.tooltip { position:fixed; }

.media { margin-top: 0px; }

/*ESTILOS PARA ERRORES______________________________________________________________________________________________*/
input.input-validation-error, select.input-validation-error, textarea.input-validation-error
{
    border: 1px solid #FF0000;
    background: #ffebeb;
}

/*comScore*/
.img-comScore { display: none; }

/*NO AGRUPAR PLACEHOLDERS*/
/*texto azul inputs*/ 
.loginbox form#frmLogin input::-webkit-input-placeholder { color: #009DDC !important; } 
.loginbox form#frmLogin input:-moz-placeholder { color: #009DDC !important; }
.loginbox form#frmLogin input::-moz-placeholder { color: #009DDC !important; }
.loginbox form#frmLogin input:-ms-input-placeholder { color: #009DDC !important; }
/*texto gris inputs*/
*::-webkit-input-placeholder { color: #8E8E8E !important; }
*:-moz-placeholder { /* FF 4-18 */ color: #8E8E8E !important; }
*::-moz-placeholder { /* FF 19+ */ color: #8E8E8E !important; }
*:-ms-input-placeholder { /* IE 10+ */ color: #8E8E8E !important; }
/* PLACEHOLDER PARA TEXTAREA */
.container.general select.form-control select{ color: #8E8E8E !important; }
.container.general select.form-control select option:checked { color: #000 !important; }
/*fin PLACEHOLDERS*/

.container
{
    padding: 0px;
}

.row
{
    margin: 0px;
}

.row-list
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #DDDDDD;
    padding: 10px 0px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
    border: none;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a
{
    text-shadow: none;
}

.col-md-4.logo
{
    padding-left: 0px;
}

.col-md-8.loginhome
{
    padding-right: 0px;
    overflow: hidden;
}

.col-md-8.loginhome #data_user span {float: left;}

.col-md-8.loginhome #data_user span.span-icon-ps { margin-right: 8px; }

.logo_occ
{
    margin-top: 15px;
}

.container > .navbar-header
{
    margin: 0px;
}

.counter 
{
    width: auto;
    display: block;
    background: #e2e2e2;    
    color: #848484;
    margin: 0px;
    padding: 10px 12px 15px 12px;
}

.counter div
{
	margin: 0px;
}

.counter p
{
	text-align: center;
    margin: 0px;
}

.counter .numero_ofertas
{
    font-weight: bold;
    font-size: 150%;
}

.counter .vac
{
    font-size: 90%;
}

.loginbox
{
	height: 73px;
	display: block;
    /*border: 1px solid #FFF;*/
}

.loginbox a:hover
{
    text-decoration: none;
    color: #bcbcbc;
}

.loginbox .Boton_login
{
	margin: 0px;
    padding-top: 1px;
}

.Boton_login input#login.btn-occ
{
    width: 100% !important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}

.loginbox div.fbconnect, .loginbox span.forget_password
{
    font-size: 90%;
}

.loginbox, .counter
{
    float: right;
}

.ico_subir_upload { margin-right: 8px; }

.loginbox form#frmLogin input#login_user, .loginbox form#frmLogin input#login_password
{
    border: 1px solid #FFF;
}

.valid-msg-obj, .field-validation-error 
{
    font-size: 90%; 
    width: 100%;
}

.field-validation-error
{
    color: #FF0000;
    float: right;
    text-align: right;
}

.aviso_campos_obl
{
    color: #FF0000;
    text-align: right;
    margin-bottom: 25px;
}

.aviso_campos_obl span.circ_rojo
{
    margin-left: 10px;
    position: relative;
    top: 5px;
}

.info_user_esp
{
    height: 73px;
    padding: 10px 0 0px 15px;
    width: auto;
    float: right;
}

#data_user { padding-right: 15px; }

#data_user, ul.menu_user_login
{
    float: right;
    font-size: 90%;
}

ul.menu_user_login
{
    padding-left: 15px;
    margin: 0px;
    list-style-type: none;
    border-left: 1px solid #848484;
}

span#user_name_login
{
    font-weight: bold;
}

span#cv_number_login
{
    margin-left: 10px;
}

ul.menu_user_login li 
{
	float: left;
	cursor: pointer;
}

ul.menu_user_login a.ico_carrito_nh 
{
	background: url("/Content/Responsivo/img/sprite-home-icons.png") -95px -249px no-repeat;
	display: block;
	height: 20px;
	width: 22px;
	text-indent: -999999999999px;	
	margin-right: 10px;
}

ul.menu_user_login a
{
    text-decoration: underline;
    color: #000;
}

.msj_avisopriv a
{
    color: #0000FF;
}

.msj_avisopriv .checkbox span
{
    color: #000;
}

.tucuenta .control-label { width: 140px; }
.datospersonales .control-label { width: 190px; }

.tucuenta .control-label, .datospersonales .control-label, .intereseslaborales .control-label,
.educacion .control-label, .row.info-adicional .control-label
{
    margin-right: 20px;
}

.tucuenta .control-label, .datospersonales .control-label, .intereseslaborales .control-label,
.educacion .control-label, .div-encabezado-cv .control-label, .group-exp-lab .control-label,
.end-exp-a label, .giro-exp-b label, .div-puesto-exp label, .div-inicio-educ label, .div-termina-educ label,
.div-activ-texta label, .modal-edit-expp .form-group label.control-label, 
.modal-inter-sub label.control-label.col-sm-2, .div-gris-areas-ep .lbl-p-txt.control-label.col-sm-2,
.row.info-adicional .control-label
{   
    padding: 0px !important; 
    text-align: left !important;
}

.lbl-p-txt {float:left;}

.modal-edit-expp .div-inicio-estudios, .modal-edit-expp .div-termina-estudios,
.modal-edit-expp .div-activ-texta
{
    float: left; 
    width: 100%;
}

.validation-summary-errors ul
{
    padding: 15px;
    text-align: right;
    background: #FFEBEB;
    color: #FF0000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 95%;
    line-height: 1.5em;
}

.validation-summary-errors ul li
{
    list-style: none;
}

.valid-msg-intersubarea 
{ 
    width: 100%; 
    float: left; 
    margin-bottom: 15px;
}

.form-control
{
    box-shadow: none;
    border: 1px solid #009ddc;
    color: #000;
}

.User, .Password, .Boton_login
{
	float: left;
}

.User, .Password
{
	width: 190px;
}

.Boton_login
{
    width: 68px;
}

.User
{
	margin: 0px;
}

.forget_password, .fbconnect, .inscribete
{
    margin-top: 5px;
    display: block;
}

.inscribete
{
    overflow: hidden;
    float: left;
}

.forget_password, .inscribete
{
    font-size: 90%;
}

.fbconnect
{
	cursor: pointer;
	float: left;
	color: #3b5998;
}

.fbconnect:hover
{
    color: #bcbcbc;
}

.copyocc
{
    color: #848484;
}

.forget_password a, .inscribete a
{
    color: #848484;
}

.btn-login-occ
{
    background:#009ddc;
    color: #FFF;
    font-weight: bold;
}

.btn-login-occ:hover
{
    background: #45b6dd;
    color: #FFF;
}

a.icon-photo-small 
{
    background:url("/Content/Responsivo/img/sprite-home-icons.png") -96px -214px no-repeat;
    width: 28px;
    height: 30px;
    display: block;
    text-indent: 100%;
    overflow: hidden;
    margin: 0px auto;
}

.tucuenta .form-group .circ_rojo, .datospersonales .form-group .circ_rojo,
.intereseslaborales .form-group .circ_rojo, .div-li-areasub .circ_rojo, .aviso_campos_obl .circ_rojo,
.e-d-viajar .circ_rojo, .e-d-reubicarte .circ_rojo, .div-institucion .circ_rojo,
.div-estudios .circ_rojo, .div-niv-estudios .circ_rojo, .div-inicio-estudios .circ_rojo,
.div-termina-estudios .circ_rojo, .div-nivel-ingles .circ_rojo, .div-nivel-espl .circ_rojo,.div-otro-idioma .circ_rojo,
.div-nivel-idioma .circ_rojo, .div-encabezado-cv .circ_rojo, .group-exp-lab .circ_rojo,
.exp-prof-container .form-group .circ_rojo, .end-exp-a .circ_rojo, .giro-exp-b .circ_rojo,
.div-puesto-exp .circ_rojo, .div-inicio-educ .circ_rojo, .div-termina-educ .circ_rojo,
.div-activ-texta .circ_rojo, .div-pais-exp .circ_rojo, .div-year-exp .circ_rojo, .div-comen-exp .circ_rojo,
.div-nom-curso .circ_rojo, .div-desc-curso .circ_rojo, .explab-extr-quest .circ_rojo, .estud-extr-quest .circ_rojo,
.colum-edit-persdata .circ_rojo
{
    float: right;
    position: relative;
}

.div-nivel-ingles .circ_rojo, .div-nivel-espl .circ_rojo
{
    top: 18px;	
}

.div-nivel-idioma .circ_rojo
{
    top: -37px;
}

.tucuenta .form-group .circ_rojo, .datospersonales .form-group .circ_rojo
{
    bottom: 20px;
}

.datospersonales .div-dp-cump .circ_rojo 
{
	bottom: -14px;
}

.circ-dp-cump { bottom: 10px; right: 0px; }

.circ_rojo
{
    width: 5px;
    height: 5px;
    background: #FF0000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: block;
}

.navbar-form .form-control
{
    width: 175px;
}

.form-group, .cump_b, .cump_c {overflow: hidden;}

.tucuenta .form-group, .datospersonales .form-group, .intereseslaborales .form-group,
.form-group, .row.educacion .form-group, .row.experiencia-profesional .form-group,
.row.info-adicional .form-group
{
    margin: 0px 0px 10px 0px;
}

.recomend
{
    margin-top: 6px;
}

.msj_avisopriv, .recomend
{
    font-size: 90%;
    color: #848484;
}

.form-control::-moz-placeholder
{
    color: #009ddc;
}

.form-control:-ms-input-placeholder 
{
    color: #009ddc;
}

.form-control::-webkit-input-placeholder 
{
    color: #009ddc;
}

.movilm
{
    margin-bottom: 0px;
}

.general
{
    background: #FFF;
    padding: 30px 15px;
    z-index: -1;
}

.general h1
{
    color: #009DDC;
    font-size: 180%;
    font-weight: bold;
    /*z-index: -1;*/
}

.links_certif a:hover
{
    color: #CCC !important;
    text-decoration: none !important;
} 

.alert.alert-warning.alert-dismissible
{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.cuentaok
{
    text-align: center;
    background: #009DDC;
    color: #FFF;
    border: 1px solid #009DDC;
    font-size: 130%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.cuentaok H1
{
    color: #FFF;
    font-weight: 500;
}

.cuentaok p
{
    font-weight: 200;
    margin-bottom: 0px;
}

.alert.alert-warning.alert-dismissible .close
{
    font-size: 30px;
    font-weight: 100;
    text-shadow: none;
    opacity: 0.5; /*browsers modernos*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*Opacidad para IE 8,9*/
    filter: alpha(opacity=50); /*Opacidad para IE 5,6,7,8,9*/
    -moz-opacity:0.5; /*Firefox 0.9*/
    -khtml-opacity: 0.5; /*Safari pre-webkit*/   
    color: #FFF;
}

.alert.cuentaok
{
    padding: 15px 0px 0px 0px;
}

.alert.alert-warning.alert-dismissible .close 
{
    position: relative;
    right: 21px;
    top: -2px;
}

.alert-dismissable, .alert-dismissible 
{
	padding-right: 20px;
}

.segm
{
    background: #6CC8E5;
    margin-top: 15px;
    padding: 15px 0px;
    font-size: 115%;
    height: auto;
    overflow: hidden;
}

.segm p
{
    width: 450px;
    margin: 0px 10px 0px 10px;
    text-align: center;
}

.segm p, .segm a.imgco
{
    float: left;
}

.segm p span
{
    width: 450px;
    display: block;
    margin-bottom: 15px;
}

.segm div
{
    width: 680px;
    margin: 0px auto;
}

a.imgco, a.flechaco { display: block; }

a.imgco  
{
    height: 94px; 
    width: 94px; 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") 0px -171px no-repeat; 
}

a.flechaco 
{ 
    height: 37px; 
    width: 37px; 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -97px -172px no-repeat;
    margin: 0 auto;
}

.bg_gris
{
    background: #EFEFEF;
    overflow: hidden;
    padding: 3%;
}

.row.educacion .bg_gris.div-idiomas-edu, .row.experiencia-profesional .bg_gris.div-gris-areas-ep {margin-top: 15px;}

.div-li-areasub
{
    margin-bottom: 10px;
    overflow: hidden;
}

#areasub
{
    display: none;    
}

#contadorcaracteres
{
    display: none;    
}

.txt-azul-occ
{
    color: #009ddc;
}

.txt-negro
{
    color: #000;
}

.txt-blanco
{
    color: #FFF;
}

.txt-rojo
{
	color: #FF0000;
}

.txt-gris-a 
{
	color: #BBB;
}

.txt-gris-b 
{
    color: #686868;
}

.txt-gris-c 
{
	color: #959595;
}

.bg-verde 
{
   background: #009534;	
}

.bg-gris 
{
   background: #BBBBBB;	
}

.arrow-up 
{
	border-bottom: 12px solid #EFEFEF;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    width: 0;
    position: relative;
    top: 0px;
    left: 240px;
}

.btns-mt
{
    margin-top: 70px;
    float: left;   
    width: 100%;
}

.row.titulo-cvv .btns-mt, .row.objetivo-cvv .btns-mt
{
    margin-top: 10px;	
}

.row.titulo-cvv .btns-mt input, .row.objetivo-cvv .btns-mt input  { float: right; }

.e-d-viajar, .e-d-reubicarte, .group-niv-ingl, .group-niv-idioma, .group-exp-lab,
.explab-extr-quest, .estud-extr-quest
{
    margin-bottom: 15px;
    overflow: hidden;
}

.row-aint-subar 
{
	background: #F8F8F8;
	border-bottom: 1px solid #DDD;
	display: block;
	padding: 15px;
	overflow: hidden;
}

.titulo-aint-subar 
{
	width: 85%;
    float: left;
    word-wrap: break-word;
}

.ico-action-all 
{
	float: right;
	width: 15%;
	position: relative;
	top: 0;
	right: 0;	
}

.ico-action-all div
{
    float: right;	
}

.ico-action-all a, a.ico-trashbin
{
    text-indent: -99999999px;
    overflow: hidden; 
    display: block;
    cursor: pointer;
}

a.a_edit 
{ 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -130px -90px no-repeat; 
    height: 25px; 
    width: 25px;
}

a.a_delete 
{ 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -128px -113px no-repeat; 
    height: 25px; 
    width: 22px;
}

a.a_add 
{ 
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -100px -90px no-repeat;
    height: 27px; 
    width: 26px; 
}

a.ico-trashbin
{
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -135px -190px no-repeat;
    height: 23px; 
    width: 25px; 
}

a.ico-trashbin-azul
{
    background: url("/Content/Responsivo/img/sprite-home-icons.png") -135px -167px no-repeat;
    height: 23px; 
    width: 25px; 
}

.ico-action-all a:hover 
{ 
    opacity: 0.4; /*browsers modernos*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /*Opacidad para IE 8,9*/
    filter: alpha(opacity=40); /*Opacidad para IE 5,6,7,8,9*/
    -moz-opacity:0.4; /*Firefox 0.9*/
    -khtml-opacity: 0.4; /*Safari pre-webkit*/
}

.modal-open /*Para abrir ventana modal*/
{
    overflow: scroll;
}

.modal-dialog 
{
	margin: 50px 10px 10px 10px;
}

.modal-header 
{
	background: #E8E8E8;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
}

.modal-title 
{
	text-align: center;	
	color: #8C8C8C;
	font-weight: bold;
}

.modal-header .close 
{
	margin-top: -7px;
}

button.close 
{
	font-size: 40px;
	font-weight: normal;	
}

.modal-body { text-align: center; overflow: hidden; }

.modal-footer { border-top: 1px solid #C0C0C0; }

.modal-footer input { float: right; }

.modal-footer input.btn-gris { margin-right: 2%; }

/*INICIO AUTOCOMPLETE ESTILOS*/
.ui-autocomplete 
{
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}


/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall*/
* html .ui-autocomplete 
{
    height: 100px;
}
/*FIN AUTOCOMPLETE ESTILOS*/

.titulo-aint-subar span.guion {margin: 0px 5px;}

.labels-skills 
{
    width: 100%;
    float: left; 	
}

.labels-skills .tagSkill 
{
    width: auto; 
    background: #DBDBDB;
    padding: 6px 10px;
    display: block;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0px 5px 5px 0px;
}

.labels-skills .tagSkill div span span { word-wrap:break-word; }

span.equis { float:right; }

.msj-tooltip-content
{
    padding: 10px;
    font-weight: 400;
    text-align: left;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    display: block;	
    float: left;
    margin: 10px 0px;
}

.alert-dismissable .close, .alert-dismissible .close 
{
	top: -9;
	right: 0;
}

.arrow 
{
	position: relative;
	background: #FFF;
    top: -10px;
}

.arrow:after, .arrow:before 
{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow:after 
{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	margin-left: -10px;
}

.arrow:before 
{
	border-color: rgba(168, 168, 168, 0);
	border-bottom-color: #a8a8a8;
	border-width: 11px;
	margin-left: -11px;
}

.msj-tooltip  
{
    overflow: hidden; 
    float: left;
    width: 100%;
}

.msj-tooltip-content button.close { font-size: 28px;}

.tooltip-skills 
{
    margin-top: 4px; 
    float: left;
    width: 36%;
}

.wrap-skills .valid-msg-obj { width: 50%; float: right; margin-right: 20%; }

.msj-tooltip.tooltip-certif { width: 60%; }
	
.arrow_box 
{
	position: relative;
	background: #ffffff;
	top: 13px;
	left: -9px;
}

.arrow_box:after, .arrow_box:before 
{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after 
{
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}

.arrow_box:before 
{
	border-color: rgba(168, 168, 168, 0);
	border-right-color: rgba(0, 0, 0, 0.2);
	border-width: 11px;
	margin-top: -11px;
}

.close-nojs { display: none; }

.wrap-skills .valid-msg-obj, .form-group.div-il-obj .valid-msg-obj,
#areasub .valid-msg-obj span.field-validation-error, .div-encabezado-cv .valid-msg-obj,
.bg_gris.div-estudios-edu .valid-msg-obj, .div-idiomas-edu .valid-msg-obj, 
.modal-edit-idioma span.field-validation-error, .modal-edit-edu span.field-validation-error,
.cump_b span.field-validation-error, .cump_c span.field-validation-error, .modal-edit-expp .div-institucion 
span.field-validation-error, .modal-edit-expp .div-estudios span.field-validation-error, 
.dropdlist-aexp span.field-validation-error, .row.info-adicional .valid-msg-obj
{ font-size: 100%; }

.row.educacion .cump_b span.field-validation-error, .row.educacion .cump_c span.field-validation-error { font-size: 90%; }

.row.intereseslaborales .form-group.div-il-obj .valid-msg-obj, 
.row.intereseslaborales #interestareas_container #areasub .div-li-areasub.subar-ld .valid-msg-obj,
.row.experiencia-profesional .bg_gris.div-gris-exppro .end-exp-a span.field-validation-error,
.row.experiencia-profesional .bg_gris.div-gris-exppro .giro-exp-b span.field-validation-error,
.row.experiencia-profesional .bg_gris.div-gris-exppro .div-puesto-exp span.field-validation-error,
.row.experiencia-profesional .bg_gris.div-gris-exppro .div-activ-texta span.field-validation-error,
.row.educacion .div-institucion span.field-validation-error, .row.educacion .div-estudios span.field-validation-error,
.row.educacion .div-niv-estudios span.field-validation-error, .row.educacion .div-otro-idioma span.field-validation-error,
.row.educacion .div-nivel-idioma span.field-validation-error, .modal-edit-idioma .div-otro-idioma span.field-validation-error,
.row.info-adicional .valid-msg-obj
{ overflow: hidden; float: right;  margin-top: 5px;}

.row.intereseslaborales .form-group.div-il-obj .valid-msg-obj
{ margin-right: 5.5%; width:93%; }

.row.intereseslaborales #interestareas_container #areasub .div-li-areasub.subar-ld .valid-msg-obj,
.row.info-adicional .valid-msg-obj
{ margin-right: 2.33333%; width:97.77%; }

.selec-inst 
{ 
    width: 100%; 
    margin-bottom: 30px;
    display: block;
    text-transform: uppercase;	
}

.row.experiencia-profesional .bg_gris.div-gris-exppro .end-exp-a span.field-validation-error,
.row.experiencia-profesional .bg_gris.div-gris-exppro .giro-exp-b span.field-validation-error,
.row.experiencia-profesional .bg_gris.div-gris-exppro .div-puesto-exp span.field-validation-error,
.row.experiencia-profesional .bg_gris.div-gris-exppro .div-activ-texta span.field-validation-error,
.row.educacion .div-institucion span.field-validation-error, .row.educacion .div-estudios span.field-validation-error,
.row.educacion .div-niv-estudios span.field-validation-error,
.row.educacion .div-nivel-idioma span.field-validation-error
{ margin-right: 2.888%; width:97.22%; }

.modal-edit-idioma .div-otro-idioma span.field-validation-error 
{ margin-right: 22.7%; }

.text-box-skills input.sinjs-box-skills  /*este estilo es para habilidades sin JS*/
{
    border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 10px;
}

.deleteSkill
{
    cursor: pointer;   
    color: #000; 
}

.deleteSkill:hover 
{
	text-decoration: none;
	color: #000; 
}

.max-carac 
{
	width: 100%;
	float: left;
}

span.num-caract
{
	float: right;
	display: block;
	margin-top: 3px;
	text-align: right;
}

.subar-ld select.select-sinjs-il 
{ 
    float: left;
    margin-top: 10px; 
    width: 97.22222% !important;
}

span.num-caract label { color: #009DDC; }

#areasub .valid-msg-obj { width: 100%; display: block; overflow: hidden; }

.dropdlist-aexp { margin-bottom: 30px; overflow: hidden; float: right; width: 73%; }

.div-inicio-estudios select, .div-termina-estudios select,
.div-inicio-educ select, .div-termina-educ select, .div-gris-areas-ep select.select-area-pe
{
	margin-bottom: 10px;
}

.checkbox.check-estudios 
{
	width: 120px;
	display: block;	
}

.checkbox.check-exp-prof { display: block; margin-left: 20px; }

#divenglishcertifications
{
    display: none;    
}

a.ico-certif-ingles 
{ 
    text-indent: 100%; 
    white-space: nowrap;
    text-decoration: none;
    display: block;
    height: 46px;
    width: 48px;
    overflow: hidden;
    background: url("/Content/Responsivo/img/sprite-home-icons.png") 1px -116px no-repeat;
    cursor: pointer;
}

a.ico-certif-ingles, .msj-tooltip.tooltip-certif { float: left; }

.msj-tooltip.tooltip-certif .msj-tooltip-content 
{
    margin-top: 0px; 
    margin-left: 17px;
    width: auto;
}

a.ico-certif-ingles:hover 
{ 
    opacity:0.4; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /*Opacidad para IE 8,9*/
    filter: alpha(opacity=40); /*Opacidad para IE 5,6,7,8,9*/
    -moz-opacity:0.4; /*Firefox 0.9*/
    -khtml-opacity: 0.4; /*Safari pre-webkit*/
}

.div-certif-ingles { margin-bottom: 20px; overflow: hidden; }

.div-encabezado-cv .circ_rojo 
{
    top: -15px;
    left: -8px;
}

.check-exp-prof 
{
	float: left;
}

.group-exp-lab span.circ_rojo { left: -715px; }

.div-gris-exppro .div-inicio-educ span.circ_rojo, .div-gris-exppro .div-termina-educ span.circ_rojo { top: 16px; }

.div-gris-exppro .div-activ-texta span.circ_rojo { bottom: 0px; }

.btn-nojs a.btn-cancelar-nojs {margin-left: 10px;}

a.btn-cancelar-nojs {padding-top:12px !important; padding-bottom:12px !important;}

.row.educacion .div-nivel-idioma span.field-validation-error 
{ margin-right: 32%; margin-top: 0; }

/*EMPIEZA RADIO BUTTON ESTILOS*/
.btn-group-radio-occ input[type=radio] 
{
    visibility: hidden !important;
    position: absolute !important;
    /*top: -9999px !important;*/
    /*left: -9999px !important;*/
}

.btn-radio-1, .btn-radio-4, .btn-radio-9, .btn-radio-14
{
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
}

.btn-radio-2, .btn-radio-5, .btn-radio-6, .btn-radio-7,
.btn-radio-10, .btn-radio-11, .btn-radio-12
{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.btn-radio-3, .btn-radio-8, .btn-radio-13, .btn-radio-15, .group-niv-idioma .btn-radio-12
{
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
}

.btn-group-radio-occ input[type=radio]:checked + .btn-occ-radio
{
    color: #FFF;
    outline: 0;
    background: #053363;
    background-image: -webkit-linear-gradient(top, #053363, #3276b1);
    background-image: -moz-linear-gradient(top, #053363, #3276b1);
    background-image: -ms-linear-gradient(top, #053363, #3276b1);
    background-image: -o-linear-gradient(top, #053363, #3276b1);
    background-image: linear-gradient(to bottom, #053363, #3276b1);
}

.group-niv-ingl > .btn-occ-radio, .e-d-reubicarte > .btn-occ-radio, .e-d-viajar > .btn-occ-radio,
.group-niv-idioma > .btn-occ-radio, .group-exp-lab > .btn-occ-radio, .explab-extr-quest > .btn-occ-radio,
.estud-extr-quest > .btn-occ-radio, .explab-extr-quest > .btn-occ-radio, .estud-extr-quest > .btn-occ-radio
{
    background: #009ddc;
    border: 1px solid #144ab1;
    color: #FFF;
    padding: 10px 0px;    
    text-align: center;
}

.group-exp-lab span.txt-texplab { float: left;}

.row.intereseslaborales .e-d-reubicarte > .btn-occ-radio, .row.intereseslaborales .e-d-viajar > .btn-occ-radio
{
	width: 15%;
}

.row.info-adicional .explab-extr-quest > .btn-occ-radio, .row.info-adicional .estud-extr-quest > .btn-occ-radio 
{
	width: 25%;
}

.btn-group-occ.btn-group-radio-occ.group-exp-lab label, .explab-extr-quest label, .estud-extr-quest label { float: left; }

.group-niv-ingl > .btn-occ-radio, .group-niv-idioma > .btn-occ-radio, .group-exp-lab > .btn-occ-radio
{
	width: 100px;
	cursor: pointer;
}
/*TERMINA RADIO BUTTON ESTILOS*/


/*BOTONES NARANJA, GRIS, AZUL, VERDE*/
.btn-atras, a.btn-cancelar-nojs { padding: 5px 10px; }

.btn-occ, a.btn-occ
{
    font-family: Arial, Helvetica Condensed, Sans-Serif;
    font-weight: bold;
    font-size: 100%;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-occ:hover {text-decoration: none;}

.btn-naranja
{
    background-color: #FF6600;
    color: #FFF;
    border: 1px solid #FF6600;
}

.btn-naranja:hover
{
    background: #FF8F43;
    border: 1px solid #FF8F43;
    color: #FFF;
}

a.btn-naranja:visited 
{
    color: #FFF;
}

.btn-gris
{
    background-color: #DBDBDB;
    color: #4C4C4C;
    border: 1px solid #DBDBDB;
}

.btn-gris:hover
{
    background: #BCBCBC;
    border: 1px solid #BCBCBC;
    color: #4C4C4C;
}

.btn-grisob
{
    background-color: #565656;
    color: #FFF;
    border: 1px solid #565656;
}

.btn-grisob:hover
{
    background: #BCBCBC;
    border: 1px solid #BCBCBC;
}

.btn-morado
{
	background-color: #8E0CE2;
	border: 1px solid #8E0CE2;
	color: #FFFFFF;
}

.btn-morado:hover
{
	background-color: #9B40E2;
	border: 1px solid #9B40E2;
}

.btn-verde
{
	background-color: #009534;
	border: 1px solid #009534;
	color: #FFFFFF;
}

.btn-verde:hover
{
	background-color: #3DAD5A;
	border: 1px solid #3DAD5A;
}

.btn-azulclaro
{
    background-color:#66C5E2;
    border: 1px solid #66C5E2;
	color: #FFFFFF;
}

.btn-azulclaro:hover
{
    background-color: #6ED3EA;
    border:  1px solid #6ED3EA;
}

.btn-azulocc
{
	background-color: #009DDC;
	border: 1px solid #009DDC;
	color: #FFFFFF;
}

.btn-azulocc:hover
{
	background-color: #45B6DD;
	border: 1px solid #45B6DD;
	color: #FFF !important;
}

.btn-azuloscuro
{
	background-color: #358CD3;
	border: 1px solid #358CD3;
	color: #FFFFFF;
}

.btn-azuloscuro:hover
{
	background-color: #53A7E0;
	border: 1px solid #53A7E0;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.btn-azulverdoso
{
	background-color: #5CB3BF;
	border: 1px solid #5CB3BF;
	color: #FFFFFF;
}

.btn-azulverdoso:hover
{
	background-color: #69CAD1;
	border: 1px solid #69CAD1;
}

.btn-azul-ry
{
	background-color: #0066CC;
	border: 1px solid #0066CC;
	color: #FFFFFF;
}

.btn-azul-ry:hover
{
	background-color: #237EC9;
	border: 1px solid #237EC9;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
}

.btn-default-occ 
{
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}

.btn-default-occ:hover 
{
    color: #333 !important;
    background-color: #E6E6E6 !important;
    border: 1px solid #ADADAD;
}

.btn-default-occ:active 
{
    color: #333;
}

#addSkill.btn-azulocc { padding-top: 6px !important; padding-bottom: 6px !important;}
/*FIN BOTONES NARANJA, GRIS, AZUL, VERDE*/

/*OH SNAP NOTIFICACIONES*/
.alertsaved
{
    padding: 15px;
    margin: 0px auto 20px auto;
    border: 1px solid #eed3d7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    position: fixed;
    top: 40%;
    right: 14%;
    z-index: 1040;
    font-weight: bold;
}

.alertsaved-green 
{
    color: #FFF;
    background-color: #37BC9B;
    width: 70%;
    text-align: center;
}

/*NOTIFICACIONES SIN JS*/
#messageaccount 
{ 
    background-color: #37BC9B; 
    color: #FFF; 
    padding: 2%;  
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

/*MENU P*/
ul#menup
{
    padding: 0px;
    font-size: 90%;
}

#menup
{
    list-style: none;
    width: 100%;
}
 
#menup li 
{
    float: left;
    text-align: center;
    position: relative;
    border: none;
}
 
#menup li a 
{
    font-family: Arial, Helvetica, sans-serif;
    color: #848484;
    outline: 0;
    text-decoration: none;
}
 
#menup li:hover a, #menup li:hover .drop 
{
    color: #009ddc;
}
  
/* Drop Down */
.dropdown_candidatos,
.dropdown_empresas,
.dropdown_servicios,  
.dropdown_occeducacion,
.dropdown_ayuda
{
    margin: -11px auto 4px auto;
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 10px 5px 10px 5px;
    border: 1px solid #CCC;
    /* Gradient background */
    background:#FFF;
    /* Rounded Corners */
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}
 
.dropdown_candidatos { width: 580px; }
.dropdown_empresas { width: 230px; }
.dropdown_servicios { width: 200px; }
.dropdown_occeducacion { width: 190px; }
.dropdown_ayuda { width: 360px; }
 
#menup li:hover .dropdown_candidatos,
#menup li:hover .dropdown_empresas,
#menup li:hover .dropdown_servicios, 
#menup li:hover .dropdown_occeducacion,
#menup li:hover .dropdown_ayuda
{
    left: -1px;
    top: auto;
}
 
/* Columns */
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px 0px 0px 10px;
}

.col_1 { width: 270px; }
.col_2 { width: 270px; }
.col_3 { width: 410px; }
.col_4 { width: 550px; }
.col_5 { width: 690px; }
 
 
/* Right alignment */
#menup .menu_right 
{
    float: right;
    margin-right: 0px;
}

#menup li:hover .align_right 
{
    left: auto;
    right: 8px;
    top: auto;
}
 
/* Drop Down style menu escritorio css puro */
#menup li:hover div ul li
{
    list-style-type: disc;
    color: #848484;
}
 
#menup li:hover div a 
{
    font-size: 12px;
    color: #848484;
}

#menup li:hover div a:hover 
{
    color: #029feb;
}

#menup li ul 
{
    list-style: none;
    padding: 0;
    margin: 0px;
}

#menup li ul li 
{
    font-size: 12px;
    line-height: 24px;
    position: relative;
    padding: 0;
    margin: 0;
    float: none;
    text-align: left;
}

#menup li ul li:hover 
{
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}


/*WIZARD*/
.wizard
{
    width: auto;
    margin: 0px auto 35px auto;
}

.wizard HR
{
    border: 1px solid #E2E2E2;
    width: 100%;
    margin: 0px auto;
    position: relative;
    top: 14px;
}

.col-md-2.paso1, .col-md-2.paso2, .col-md-2.paso3, .col-md-2.paso4, .col-md-2.paso5
{
    padding: 0px;
}

p.circ_wizard
{
    height: 26px;
    width: 26px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    margin: 0 auto 10px auto;
}

p.text_wizard
{
    text-align: center;
    font-size: 85%;
}

.activeb
{
    background: #009ddc;
}

.inactiveb
{
    background: #E2E2E2;
}

.active
{
    color: #009ddc;
}

.inactive
{
    color:#E2E2E2;
}

/*FOOTER*/
.footerhome
{
    width: 100%;
    font-size: 110%;
}

#breadscontainer 
{
    background: url("https://static.occ.com.mx/Content/Home/img-default/punta_liston_gris_breadcrumb.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 80%;
    height: 30px;
    width: 100%;
}

.crumbs 
{
    background: none repeat scroll 0 0 #e5e5e5;
    display: block;
    height: 30px;
}

#languages ul 
{
    list-style: outside none none;
    margin: 4px 0 0 5px;
}

#languages 
{
    display: none;
    float: right;
    height: 11px;
    width: 130px;
}

#sitemapcontainer 
{
    border: 1px solid #ffffff;
    font-size: 70%;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

#sitemapcontainer ul 
{
    display: inline-block;
    line-height: 1.6em;
    list-style: outside none none;
}

#sitemapcontainer ul li 
{
    color: #009ddc;
    font-weight: bold;
}

#sitemapcontainer ul li a 
{
    color: #848484;
    font-weight: normal;
    text-decoration: none;
}

#sitemapcontainer ul li a:hover 
{
    color: #009ddc;
}

.col-md-10.foot_left 
{
    float: left;
    width: 794px;
    padding: 0px;
}

.col-md-2.foot_right
{
    float: right;
    overflow: hidden;
    text-align: left;
    width: 126px;
    padding: 0px;
}

.links_certif a 
{
    color: #848484;
    line-height: 1.6em;
}

.topfoot 
{
    float: left;
    margin-bottom: 10px;
    height: 220px;
}

ul.footer_candidatos, ul.footer_empresas, ul.footer_ayuda, ul.footer_occedu 
{
    float: left;
    height: auto;
    width: 145px;
}

.lineazul 
{
    border-right: 1px dashed #48ced5;
}

.lineazul, .paddingf 
{
    padding: 0 10px;
}

ul.siguenos 
{
    margin: 0 0 10px;
    padding: 0;
    width: 116px;
}

ul.siguenos a.fb_footer, ul.siguenos a.tw_footer, ul.siguenos a.yt_footer 
{
    display: block;
    height: 20px;
    text-indent: -99999px;
    width: 21px;
}

ul.siguenos li 
{
    float: right;
    margin-left: 4px;
}

ul.siguenos a.fb_footer 
{
    background: url("https://static.occ.com.mx/Content/Home/img-default/facebook_gris_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

ul.siguenos a.fb_footer:hover 
{
    background: url("https://static.occ.com.mx/Content/Home/img-default/facebook_gris_footerhov.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

ul.siguenos a.tw_footer 
{
    background: url("https://static.occ.com.mx/Content/Home/img-default/twitter_gris_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

ul.siguenos a.tw_footer:hover 
{
    background: url("https://static.occ.com.mx/Content/Home/img-default/twitter_gris_footerhov.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

ul.siguenos a.yt_footer 
{
    background: url("https://static.occ.com.mx/Content/Home/img-default/youtube_gris_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

ul.siguenos a.yt_footer:hover 
{
    background: url("https://static.occ.com.mx/Content/Home/img-default/youtube_gris_footerhov.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#foot_right
{
	width: 126px;
	overflow: hidden;
	text-align: left;
	float: right;
}

#foot_right a
{
	color: #848484;
	line-height: 1.6em;
}

#foot_right a:hover
{
	color: #009DDC;
}

.certificado 
{
    display: block;
    float: left;
}

#joblinks 
{
    font-size: 70%;
    text-align: center;
    width: 100%;
    padding: 15px;
}

#joblinks ul 
{
    line-height: 2em;
    margin: 10px auto;
    text-align: center;
    padding-left: 0px;
    width: 100%;
}

#joblinks ul li 
{
    color: #848484;
    display: inline;
    list-style: outside none none;
    margin-right: 10px;
}

#joblinks ul li a 
{
    color: #848484;
}

#joblinks ul li a:hover
{
    color: #CCC;
    text-decoration: none;
}

.navbar-inverse .navbar-nav > li > a:hover
{
    color: #CCC;
}

/* Sobreescribe el comportamiento de default de bootstrap
   en donde las listas horizontales truncaran los términos que sean
   demasiado largos para caber en la columna izquierda 
*/
.dl-horizontal dt 
{
    white-space: normal;
}

.row.educacion #schoolrows, .row.educacion #languagerows { margin-bottom: 35px; }

.row.info-adicional .div-comen-exp textarea.form-control.txtarea-li-obj, 
.row.info-adicional .div-desc-curso textarea.form-control.txtarea-li-obj { min-height: 170px; }

@media (min-width:991px)
{
    #languagecontrolselector select.form-control, 
    .row.educacion .div-otro-idioma span.field-validation-error { width: 494px !important; }
    
    .row.educacion .div-otro-idioma span.field-validation-error { margin-right: 32%; }
    
}

/*MEDIA QUERIES*/
@media (max-width:991px)
{
    .col-md-4.logo
    {
        width: 140px;
        padding-right: 0px;
        float: left;
    }
    
    img.logo_occ
    {
        width: 150px;
        height: 24px;
    }
    
    .col-md-8.loginhome
    {
        width: 610px;
        float: right;
        padding-left: 0px;
    }
    
    ul.footer_ayuda.lineazul
    {
        border: none;
    }
    
    .col-md-2.foot_right
    {
        width: 100%;
    }
    
    #foot_right 
    { 
        width: 100%; 
        padding-top: 10px; 
        border-top: 1px dotted #009DDC; 
    }
    
    .certificado
    {
        width: 330px;
        float: left;
    }
    
    .certificado a
    {
        float: left;
    }
    
    .certificado img 
    { 
        margin-right: 15px; 
        margin-top: -10px;
    }
    
    ul.siguenos
    {
        float: right;
    }
    
    .links_certif
    {
        display: block;
        width: 180px;
        float: left;
        margin: 10px 0px 0px 10px;
    }
    
    .col-md-2.paso2, .col-md-2.paso3, .col-md-2.paso4, .col-md-2.paso5,
    .col-md-2.paso6 /*wizard general*/
    {
        display: none;
    }
    
    .wizard-datp .paso1, .wizard-datp .paso3, .wizard-datp .paso4, 
    .wizard-datp .paso5, .wizard-datp .paso6 /*wizard para datos personales*/
    {
        display: none;
    }
        
    .wizard-datp .col-md-2.paso2 /*wizard para datos personales*/
    {
        display: block;
    }
    
    .wizard-habilid .paso1, .wizard-habilid .paso2, .wizard-habilid .paso3, 
    .wizard-habilid .paso5, .wizard-habilid .paso6 /*wizard para habilidades*/
    {
        display: none;
    }
        
    .wizard-habilid .col-md-2.paso4 /*wizard para habilidades*/
    {
        display: block;
    }
    
    .wizard-intlab .paso1, .wizard-intlab .paso2, .wizard-intlab .paso4, 
    .wizard-intlab .paso5, .wizard-intlab .paso6 /*wizard para intereses laborales*/
    {
        display: none;
    }
        
    .wizard-intlab .col-md-2.paso3 /*wizard para intereses laborales*/
    {
        display: block;
    }
    
    .div-select-sinjs-li select.form-control.select-sinjs-il { width: 98% !important; }
    
    .wizard-exp-prof .paso1, .wizard-exp-prof .paso2, .wizard-exp-prof .paso3, 
    .wizard-exp-prof .paso4, .wizard-exp-prof .paso6 /*wizard experiencia profesional*/
    {
        display: none;
    }
        
    .wizard-exp-prof .col-md-2.paso5 /*wizard experiencia profesional*/
    {
        display: block;
    }
    
    .wizard-educacion .paso1, .wizard-educacion .paso2, .wizard-educacion .paso3, .wizard-educacion .paso4, 
    .wizard-educacion .paso5 /*wizard educación*/
    {
        display: none;
    }
        
    .wizard-educacion .col-md-2.paso6 /*wizard educación*/
    {
        display: block;
    }
    
    .labels-skills .tagSkill   { word-wrap: break-word; width: 99.333%; }
    
    .row.educacion .div-nivel-idioma span.field-validation-error 
     { margin-right: 3.8888%; margin-top: 0; }  
     
     .text-box-skills input::-webkit-input-placeholder { color: #FFF !important; }
     .text-box-skills input:-moz-placeholder { /* FF 4-18 */ color: #FFF !important; }
     .text-box-skills input::-moz-placeholder { /* FF 19+ */ color: #FFF !important; }
     .text-box-skills input:-ms-input-placeholder { /* IE 10+ */ color: #FFF !important; }  
     
                
}

@media (min-width:768px) /*1024 a 768 escritorio-tablets*/
{
    body
    {
         background: #F4F4F4;
    }
    
    .navbar-inverse
    {
        background: none;
    }
    
    .titulomov
    {
        display: none;
    }   
    
    .menupm
    {
        display: none;
    } 
        
    .menuocchome
    {	
	    width: 100%;
	    float: left;
        position: relative;
        text-align: left;
        z-index: 500;
    }

    .tucuenta
    {
        width: 532px;
        overflow: hidden;
        margin: 0 auto;
    }
    
    .tucuenta input.form-control
    {
        width: 360px;
    }
    
    .datospersonales
    {
        width: 550px;
        overflow: hidden;
        margin: 0 auto;
    }
    
    .datospersonales input.form-control,
    .datospersonales select.form-control
    {
        width: 306px;
    }
    
    .btn-mostrar-edos input { float: right; width: 306px; margin-right: 15px; }
    
    .btn-mostrar-edos { margin-top: 10px; overflow: hidden; }
    
    .intereseslaborales
    {
        width: 90%;
        overflow: hidden;
        margin: 0 auto;
    }
    
    .div-il-obj textarea.form-control
    {
        width: 70%;
    }
    
    .div-il-obj .control-label, .e-d-viajar .control-label,
    .e-d-reubicarte .control-label, .div-il-sal .control-label,
    .explab-extr-quest .control-label, .estud-extr-quest .control-label
    {
        width: 22%;
    }
    
    .area-ld .control-label, .subar-ld .control-label, .div-estudios-edu .control-label,
    .div-idiomas-edu .control-label, .div-exper-int .control-label, .div-otros-cursos .control-label
    {
        width: 20%;
    }
    
    .row.experiencia-profesional .div-inicio-educ select, .row.experiencia-profesional .div-termina-educ select,
    .row.educacion select.select-inicio-estudios, .row.educacion .div-termina-estudios select
    {
        width: 100% !important;
	}
    
    #areasub .area-ld select.form-control, #areasub .subar-ld select.form-control, .div-estudios-edu select.form-control, 
    .div-estudios-edu input.form-control, .div-idiomas-edu select.form-control, .div-idiomas-edu input.form-control,
    .div-inicio-educ select, .div-termina-educ select, .row.info-adicional .bg_gris select, 
    .row.info-adicional .bg_gris input.form-control,
    .row.info-adicional .div-comen-exp textarea.form-control.txtarea-li-obj,
    .row.info-adicional .div-desc-curso textarea.form-control.txtarea-li-obj
    {
        width: 74.666666% !important;
    }
    
    .btn_agregar_il
    {
        margin-left: 22%;
        float: left;
    }
    
    .de_salary, .hasta_salary, .div-il-paymeth, .div-li-curren
    {
        float: left;
        width: 17%;
        margin-right: 1%;
    }
    
    .de_salary select, .hasta_salary select, .div-il-paymeth select, .div-li-curren select
    {
        width: 90%;
    }
    
    .recomend
    {
        width: 360px;
        margin-left: 165px;
    }
    
    .msj_avisopriv
    {
        width: 355px;
        margin-left: 165px;
        text-align: justify;
    }
       
    .datospersonales input.datospersonales
    {
        width: 153px;
    }
    
    select#day, select#month, select#year
    {
        width: 95px;
        float: left;
        margin-right: 10px;
    }
    
    input#birthdate
    {
        float: left;
        margin-top: 10px;
        margin-left: 210px;
    }
       
    .cump_c span.circ_rojo
    {
        top: 15px;
        position: relative;
    }
    
    .btns-mt input, .btns-mt a
    {
        float: right;
        margin-left: 15px;
        width: 260px;
    }
    
    .btn-radio-2, .btn-radio-3, .btn-radio-5, .btn-radio-6, .btn-radio-7, .btn-radio-8,
    .btn-radio-10, .btn-radio-11, .btn-radio-12, .btn-radio-13, .btn-radio-15
    {
        margin-left: -5px;
    }
         
    .e-d-viajar
    {
        margin-top: 20px;
    }   
    
    .intereseslaborales .aviso_campos_obl
    {
        width: 97.11111111111111111%;
    }
    
    #interestarearows { margin-bottom: 40px; }
    
    .div-il-obj .circ_rojo
    {
        left: -2.88888%;
    }
    
    .div-il-obj .circ_rojo
    {
        top: -6px;
    }

    #areasub .div-li-areasub .circ_rojo, .de_salary .circ_rojo, .hasta_salary .circ_rojo, 
    .div-il-paymeth .circ_rojo, .div-li-curren .circ_rojo, .div-institucion .circ_rojo,
    .div-estudios .circ_rojo, .div-niv-estudios .circ_rojo, .div-otro-idioma .circ_rojo,
    .div-pais-exp .circ_rojo, .div-year-exp .circ_rojo, .div-nom-curso .circ_rojo
    {
        top: -20px;
    }
    
    .group-niv-idioma .circ_rojo, .group-niv-ingl .circ_rojo { top: 17px; right: 320px;}
    
    .div-inicio-estudios .circ_rojo, .div-termina-estudios .circ_rojo { top: 15px;}
    
    .e-d-viajar .circ_rojo, .e-d-reubicarte .circ_rojo
    {
        top: 18px;
        right: 28.6666666666666666%;
    }

    .modal-dialog 
    {
        margin: 30px auto;
        width: 680px;
    }
    	
	.modal-input-certif 
	{
	    width: 49% !important;
	    float: left;
	    margin-right: 1%;
	    overflow: hidden;
	    min-height: 80px;
	}
	
	.modal-input-certif label span.field-validation-error { width: 25em; text-align: right; float: left; }
	
	.modal-input-certif label.form-control, 
	.modal-input-certif input, .modal-input-certif label.control-label,
	.modal-edit-expint label.control-label, .modal-other-studies label.control-label
	{ width: 100% !important; text-align: left !important;}
		
		
	.modal-edit-expint label.control-label, .modal-other-studies label.control-label {padding: 0px;}
	
	.modal-edit-edu .div-inicio-estudios, 
	.modal-edit-edu .div-termina-estudios 
	{
	    width: 100%; 
	    float: left;
	    display: block;	
	    margin-bottom: 0px;
    }
    
    .modal-edit-edu .radio input[type="radio"], .modal-edit-edu .radio-inline input[type="radio"], 
    .modal-edit-edu .checkbox input[type="checkbox"], .modal-edit-edu .checkbox-inline input[type="checkbox"] 
    {
        margin-left: -20px;
    }
		
	.modal-edit-edu input.form-control, .modal-edit-edu .div-niv-estudios select, 
	.modal-edit-idioma .div-otro-idioma select { width: 46%;}
	
	.modal-edit-edu label.control-label, .modal-edit-idioma label.control-label { padding: 0px; text-align: left;}
	
	.modal-edit-edu label.control-label, .modal-edit-expp label.control-label { width: 25%; }
	
	.modal-edit-idioma label.control-label { width: 30%;}
	
	.modal-edit-idioma .group-niv-idioma { text-align: left; }
	
	.modal-edit-idioma .group-niv-idioma > .btn-occ-radio { width: 90px; font-size: 85%; }
	
	.text-box-skills input, #addSkill.btn-occ { float: left; }
	.text-box-skills input { width:80%; border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; }
	#addSkill.btn-occ { width: 18.6%; border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; }
	
    .msj-tooltip.tooltip-skills .msj-tooltip-content 
	{ width: 80%;}
	
	.num-caract-obj { width: 94%; margin-right: 6%; }
    
    .circ-sinjs { top: 25px !important; }
        
    .check-estudios, .check-exp-prof, .div-inicio-estudios select.select-inicio-estudios, 
    .div-termina-estudios select.select-fin-estudios 
    {
        float: left;
	}
	
	.row.educacion p.aviso_campos_obl
	{
	    margin-right: 2.77777%;
    }
    
    .div-certif-ingles 
    {
	    width: 74.6666%;
	    margin-left: 23.555%;
    }
    
    .group-exp-lab .circ_rojo, .explab-extr-quest .circ_rojo, .estud-extr-quest .circ_rojo  { top: 20px; }  
    
    .end-exp-a input, .giro-exp-b input, .div-puesto-exp input, .div-activ-texta textarea,
    .modal-edit-expp input.form-control, .modal-edit-expp textarea { width: 74.6667%; }  
    
    .div-gris-areas-ep select.select-area-pe { float: right; }          
    
    .row.datospersonales .div-dp-cump .cump_a, .row.datospersonales .div-dp-cump .cump_c, 
    .row.datospersonales .div-dp-cump .cump_b { width: 95px; float:left; margin-right: 10px; }
    
    .modal-edit-edu .cump_c, .modal-edit-edu .cump_b { width: 21.55555%; }
    
    .cump_c, .cump_b { width: 20%; margin-right: 3%; float: left;}    
    
    .div-inicio-educ .cump_c, .div-inicio-educ .cump_b, 
    .div-termina-educ .cump_c, .div-termina-educ .cump_b { float:left; }
    
    .div-termina-educ select, .div-inicio-educ select { float: left; margin-right: 10px; }
        
    .div-gris-exppro label.control-label, .div-gris-areas-ep .lbl-p-txt
    { width: 20%; margin-right: 20px;}
    
    .div-encabezado-cv .control-label  { width: 30% !important; }
    
    .group-exp-lab .control-label { width: 200px !important; }
    
    .div-gris-exppro .end-exp-a span.circ_rojo, .div-gris-exppro .giro-exp-b span.circ_rojo,
    .div-gris-exppro .div-puesto-exp span.circ_rojo { top: -19px; } 
     
    .row.educacion .form-group.div-nivel-ingles label.col-sm-2, .div-nivel-espl label.col-sm-2 { width: 19%; margin-left: 3%; }  
    
    .alertsaved { font-size: 140%; }    
    
    .row.titulo-cvv .btns-mt input, .row.objetivo-cvv .btns-mt input  { width: auto; }

    .row.titulo-cvv .btns-mt input.btn-gris, .row.objetivo-cvv .btns-mt input.btn-gris { margin-left: 0%; }

    .row.titulo-cvv .btns-mt input.btn-naranja, .row.objetivo-cvv .btns-mt input.btn-naranja { margin-left: 2%; }   
    
    ul.nav.nav-tabs li a { background: #EFEFEF; }
         
    ul.nav.nav-tabs li.active a { background: #FFF !important; }
}


@media (max-width:767px) /*CELULARES Y ALGUNAS TABLETS*/
{        
    body
    {
        background: #FFF;
    }
    
    input, select
    {
        height: 42px !important;
    }
    
    .navbar-header
    {
        background: #009ddc;
    }
   
    .navbar-inverse
    {
       background: #FFFFFF !important;
    }
    
    .container.footerhome
    {
        display: none;
    }
   
    .navbar-toggle
    {
        float: left;
        margin-left: 5px;
        margin-right: 0px;
    }
    
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus
    {
       background: #009ddc;
    }
    
    .titulomov
    {
       width: auto;
       display: block;
       float: right;
       margin-right: 15px;
    }
    
    .navbar-collapse.menuocchome
    {
        margin: 0px;
        padding: 0px;
    }
    
    .menuocchome
    {
        background: #FFF;
    }
    
    ul#menup
    {
        display: none;
    }
        
    img.logo_occ
    {
        width: 139px;
        height: 22px;
    }
    
    .col-md-2.paso2, .col-md-2.paso3, .col-md-2.paso4, .col-md-2.paso5,
    .col-md-2.paso6
    {
        display: none;
    }
    
    .general h1
    {
        font-size: 100%;
    }
    
    .tucuenta, .datospersonales, .intereseslaborales
    {
        width: 100%;
        overflow: hidden;
    }
    
    .tucuenta input.btn-cuentanueva
    {
        width: 100%;
    }
    
    .tucuenta .form-group .circ_rojo, p.aviso_campos_obl .circ_rojo, .datospersonales .form-group .circ_rojo
    {
        position: relative;
        right: 6px;
    }
    
    .tucuenta .form-group span.circ_rojo
    {
        top: -23px;
    }
    
    .datospersonales .form-group span.circ_rojo
    {
        top: -23px;
    }
    
    .datospersonales .div-dp-cump span.circ_rojo 
    {
        top: -10px;
	}
    
    .msj_avisopriv .checkbox label, .msj_avisopriv .checkbox label#dataprotection 
    {
        float: left;    
    }
    
    .msj_avisopriv input#dataprotection
    {
        height: auto !important;
    }
    
    .control-label { text-align: left; padding: 0px;}
    
    .intereseslaborales .control-label, .modal-body .control-label {width: 100%;}
    
    .btn_agregar_il
    {
        margin-top: 6px;
        float: left;
    }
    
    .btn-mostrar-edos { margin-top: 15px; }

    .btn-mostrar-edos input { width: 100%; }  
    

    /*Damos estilos al menú*/
    .nav.menupm 
    {
        position: absolute;
        width: 230px;
        height: 100vh;
        top: 0;
        left: -230px; /*Ocultamos el menú en la parte izquierda para que no se vea a menos que pulsemos sobre la hamburguesa*/
        background-color: #FFF;
        /*transition: all .5s ease; /*Damos a la caja del menú una transición para que tenga un desplazamiento suave*/
    }

    .log_nombre
    {
        text-align:center;
        color: #009CDB;
     }
     
     .nav.menupm span 
     {
        background: #FFF;
        width: 100%;
        display: block;
        padding: 10px;
        text-align: center;
     }
     
     .nav.menupm span IMG { width: 65%; }
     
     
     /*ICONOS MENU*/
     a.icono_be { background: url("/Content/Responsivo/img/sprite-menu-movil.png") 7px -66px no-repeat; }
     a.icono_nots { background: url("/Content/Responsivo/img/sprite-menu-movil.png") 7px -390px no-repeat; }
     a.icono_ecv { background: url("/Content/Responsivo/img/sprite-menu-movil.png") 8px -178px no-repeat !important; }
     a.icono_exit { background: url("/Content/Responsivo/img/sprite-menu-movil.png") 7px -140px no-repeat; }
     a.icono_uvt { background: url("/Content/Responsivo/img/sprite-menu-movil.png") 8px -250px no-repeat; }
     a.icono_aviso { background: url("/Content/Responsivo/img/sprite-menu-movil.png") 10px -356px no-repeat; }
     a.icono_login { background: url("/Content/Responsivo/img/sprite-menu-movil.png") 9px -30px no-repeat; }
     a.icono_rc { background: url("/Content/Responsivo/img/sprite-menu-movil.png") 8px -105px no-repeat; }
     a.icono_ccn { background: url("/Content/Responsivo/img/sprite-menu-movil.png") 7px -215px no-repeat; }
     a.icofbcon { background: #3b5998 url("/Content/Responsivo/img/sprite-menu-movil.png") 12px -286px no-repeat; color: #FFF !important; }

     /*Estilos de los li del menú*/
     .nav.menupm ul { padding-left: 0px; }
   
     .nav.menupm ul li { border-bottom: 1px solid #BCBCBC !important; overflow: hidden;}
   
     .nav.menupm ul li a  
     {
        color: #848484;      
        padding: 15px 10px 15px 40px;
        display: block;
        overflow: hidden;
     }
   
     li.nav__item 
     {
        display: block;
        width: 100%;
        margin: 0 auto;
        position: relative; /*Le damos una posición relativa para posteriormente añadirle el triangulo que indica que se está en la página actual del menú*/     
        background-color: #E8E8E8;     
        text-align: left;
     }
   
     .nav__item:hover
     {
        color: #BCBCBC;
        text-decoration: none;
     }    
   
     .menu-toogle.menupm
     {
        margin-bottom: 0px;
     }

     /*Estos son los estilos de la hamburguesa del menú que abre y cierra el mismo*/
     .menu-toogle 
     {
        position: absolute; /*Lo posicionamos absolutamente para poder darle una posición y poder moverlo según el menú esté abierto o cerrado*/
        /*width: 35px;*/
        line-height: 1.1;
        text-align: center;
        top: 9px; /*Le damos una posición top y left en donde queramos que se encuentre la hamburguesa del menú*/
        left: 15px; 
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        /*transition: all .5s ease; /*Añadimos una transición para que realice un desplazamineto suave*/
        z-index: 2000;
        background: url("/Content/Responsivo/img/icon_nav.png") no-repeat 0 0;
        width: 29px;
        height: 25px;
        margin-top: 4px;
     }

     /*Estos son los estilos que le dan la funcionalidad al menú*/
     /*El checkbox según esté activado o no hará que el menú aparezca o desaparezca*/
     .checkbox.menupm
     {
        display: none; /*Ocultamos el checkbox pues no nos interesa que se vea*/
     }
    
     .checkbox.menupm:checked ~ .nav 
     {
        left: 0px; /*Le quitamos el left negativo para que el menú vuelva a su posición original*/
        position: fixed; /* Fijamos el menú lateral para que se desplace cuando hagamos scroll*/
     }
    
     .checkbox.menupm:checked ~ .body-content 
     {
        margin-left: 230px; /*Cuando el checkbox asigna un margen al contenedor principal para que se desplace junto con el menú*/
     }
    
     .checkbox.menupm:checked ~ .menu-toogle 
     { 
        left: 238px;
        position: fixed; /*Fijamos la hamburgues para que se desplace junto con el menú*/
     }
    
     .nav.menupm
     {
        z-index: 3000; /*sirve para poner el menu móvil encima de todo el contenido*/
     }
    
     /*TERMINAN estilos del menú*/
    
    
     .navbar-header
     {
        padding: 15px 0px;
     }
    
     .logo_occ
     {
        margin-top: 0px;
     }
    
     .aviso_campos_obl span.circ_rojo 
     {
        margin-left: 15px;
        position: relative;
        top: 9px;
     }
    
     .body-content
     {
        width: 100%;
     }
    
     input#birthdate
     {
        margin-top: 10px;
     }
    
     select#day, select#month, select#year
     {
        width: 100%;
     }
    
     .datospersonales .control-label
     {
        width: 100%;
        margin-right: 0px;
     }
    
     input.datospersonales
     {
        width: 100%;
     }
    
     img.imgco, img.flechaco
     {
        display: none;
     }
    
     .alert.alert-warning.alert-dismissible
     {
        padding-top: 5px;
     }
    
     .alert.alert-warning.alert-dismissible .close
     {
        float: none;
        margin: 0px auto;
        font-size: 200%;
     }
     
     .alert.alert-warning.alert-dismissible.cuentaok .close 
     {
          right: 0px;
	 }
    
     .alert.alert-warning.alert-dismissible H1
     {
          width: 80%;
          margin-left: auto;
          margin-right: auto;
     }
    
     .segm div, .segm p
     {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
     }
        
      .segm p span
      {
          width: 100%;
          padding: 0px 10px;
          font-size: 80%;
      }
     
      a.imgco, a.flechaco { display: none; }
    
     .btn_agregar_il input.btn-grisob, .btn_agregar_il { width: 100%; }
    
     .btn-gris.btn-intereseslab, .btn-gris.btn-bskills, .btn-gris.btn-educacion, 
     .btn-gris.btn-experiencia-l, .btns-mt input.btn-occ.btn-gris  { margin-right: 3.222222%; }
    
     .btns-mt.btn-intlab input, .btns-mt.btns-skills input, .btns-mt a, 
     .btns-mt.btns-educ input, .btns-mt.btns-explab input, .btns-mt input
     {
         width: 100%;
         display: block;
         float: left;
     }
     
     .btns-mt.datp a {margin-top: 10px;}
    
     .btns-mt.datp input, .btns-mt.btn-intlab input, .btns-mt.btns-skills input, 
     .btns-mt.btns-skills input, .btns-mt.btns-educ input, .btn-gris.btns-educ a, 
     .btns-mt.btns-explab input, .btns-mt input
     {
         float: right;
     }
    
     .de_salary { margin-right: 4%; }
    
     .de_salary, .hasta_salary
     {
         float: left;
         width: 48%;
         margin-bottom: 10px;
     }
    
     .div-il-paymeth, .div-li-curren
     {
         float: left;
         width: 100%;
         margin-bottom: 10px;
     }
    
     .btn-group-radio-occ > .btn-occ-radio
     {
         width: 33%;
     }
    
     .btn-group-radio-occ 
     {
         margin-left: 2px;
     }
    
     .btn-group-radio-occ > .btn-occ-radio, .txtdav
     {
         float: left;
     }
    
     .txtdav
     {
         width: 100%;
         margin-bottom: 5px;
     }
    
     .bg_gris
     {
         padding: 5% 3%;
     }
    
     .moneda-il, .modo-pago-il
     {
         display: none;
     }

     .div-il-obj .circ_rojo
     {
         top: -164px;
     }

     .div-li-areasub .circ_rojo, .de_salary .circ_rojo, .hasta_salary .circ_rojo, 
     .div-il-paymeth .circ_rojo, .div-li-curren .circ_rojo, .div-institucion .circ_rojo,
     .div-estudios .circ_rojo, .giro-exp-b .circ_rojo, .div-puesto-exp .circ_rojo,
     .div-niv-estudios .circ_rojo
     {  
         top: -24px;
     }
     
     .div-inicio-educ .cump_b .circ_rojo, .div-termina-educ .cump_b .circ_rojo, .div-termina-educ .cump_c .circ_rojo,
     .div-inicio-educ .cump_c .circ_rojo { top: -32px; }
     
     .end-exp-a .circ_rojo, .div-nom-curso .circ_rojo, .div-pais-exp .circ_rojo, .div-year-exp .circ_rojo { top: -22px; }
     
     .div-activ-texta .circ_rojo { top: -121px; }
     
     .group-exp-lab .circ_rojo, .explab-extr-quest .circ_rojo, .estud-extr-quest .circ_rojo { top: -56px; }
    
     .div-il-obj .circ_rojo, .div-li-areasub .circ_rojo, .de_salary .circ_rojo, 
     .hasta_salary .circ_rojo, .div-il-paymeth .circ_rojo, .div-li-curren .circ_rojo, 
     .e-d-viajar .circ_rojo, .e-d-reubicarte .circ_rojo, .div-estudios-edu .circ_rojo,
     .group-niv-ingl .circ_rojo, .div-nivel-ingles .circ_rojo, .div-nivel-espl .circ_rojo, .div-otro-idioma .circ_rojo,
     .div-nivel-ingles .circ_rojo, .div-nivel-espl .circ_rojo, .div-nivel-idioma .circ_rojo, .end-exp-a .circ_rojo,
     .giro-exp-b .circ_rojo, .div-puesto-exp .circ_rojo, .div-inicio-educ .circ_rojo,
     .div-termina-educ .circ_rojo, .div-activ-texta .circ_rojo, .group-exp-lab .circ_rojo, 
     .explab-extr-quest .circ_rojo, .estud-extr-quest .circ_rojo, .div-pais-exp .circ_rojo,
     .div-year-exp .circ_rojo, .div-nom-curso .circ_rojo, .div-comen-exp .circ_rojo, .div-desc-curso .circ_rojo
     {
         right: 6px;
     }
    
     .e-d-viajar .circ_rojo, .e-d-reubicarte .circ_rojo 
	 {
	     top: -62px;
	 }
    
     .btn-datospersonales
     {
         width: 100%;
     }
    
     .intereseslaborales .control-label
     { 
         margin-right: 0px;
         width: 88%;
     }   
     
     .div-select-sinjs-li select.form-control.select-sinjs-il { width: 100% !important; } 
    
     .modal-title 
     {
	     font-size: 15px;
     }
    
     .modal-footer input 
	 {
	     width: 48% !important;
	     float: right;
	 }

     .modal-footer input.btn-gris 
     {
	     margin-right: 2% !important;
     }
    
     .text-box-skills input
     {
         -webkit-border-radius: 5px 5px 0px 0px;
         border-radius: 5px 5px 0px 0px;
         -moz-border-radius: 5px 5px 0px 0px;
         float: left;
	 }
	
	 .text-box-skills input#skillsbox, #addSkill.btn-occ 
	 {
	     float: right;
	 }
	
	 .wrap-skills .valid-msg-obj { width: 100%; float: right; margin-right: 0; }
	
	 #addSkill.btn-occ 
	 {
	     border-radius: 0px 0px 5px 5px;
	     -webkit-border-radius: 0px 0px 5px 5px;
	     -moz-border-radius: 0px 0px 5px 5px;
	     width: 100%;
	 }
	 
	 .cump_c, .cump_b { margin-right: 0; }
    
     .msj-tooltip-content { width: 100%; }
	 
	 .subar-ld select.select-sinjs-il { width: 100% !important; }
	 
     .div-inicio-estudios .circ_rojo, .row.experiencia-profesional .div-inicio-educ .circ_rojo,
     .row.experiencia-profesional .div-termina-educ .circ_rojo { top: 7px; }
         
     .div-termina-estudios .circ_rojo { top: 8px; }
     
     .check-estudios input, .check-exp-prof input { margin: 2px 0px 0px !important; height: 10px !important; }
     
     .check-estudios label { padding: 0px; }
     
     .check-estudios span, .check-exp-prof span { padding-left: 18px; }
     
     .row.educacion #educationcontrolselector .form-group.div-inicio-estudios .cump_b, 
     .row.educacion #educationcontrolselector .form-group.div-termina-estudios .cump_b { margin-bottom: 15px; }
     
     .msj_avisopriv .checkbox.avisopriv label { padding-left: 28px; }
     
     .row.educacion .checkbox.check-estudios label, .row.experiencia-profesional .checkbox.check-exp-prof 
     { padding-left: 8px; }
     
     .row.educacion .div-nivel-idioma span.field-validation-error 
     { margin-right: 0; }
     
     .row.educacion .checkbox.check-estudios label span,
     .msj_avisopriv .checkbox.avisopriv label span,
     .row.experiencia-profesional .checkbox.check-exp-prof span { margin-left: 5px; }
          
     .div-nivel-ingles .circ_rojo, .div-nivel-espl .circ_rojo { top: 8px; }
     
     .div-nivel-idioma .circ_rojo { top: -236px; }
     
     .div-otro-idioma .circ_rojo { top: -24px; }
     
     .div-certif-ingles a.ico-certif-ingles { margin: 0 auto; }
     
     .row.intereseslaborales .e-d-reubicarte > .btn-occ-radio, 
     .row.intereseslaborales .e-d-viajar > .btn-occ-radio 
     { width: 33% !important; }
     
     .btn-radio-4, .btn-radio-5, .btn-radio-6, .btn-radio-7, .btn-radio-8, 
     .btn-radio-9, .btn-radio-10, .btn-radio-11, .btn-radio-12, .btn-radio-13
     { width: 100% !important; }
     
     .btn-radio-4, .btn-radio-9 
     { 
         border-radius: 5px 5px 0px 0px !important; 
         -moz-border-radius: 5px 5px 0px 0px !important;
         -webkit-border-radius: 5px 5px 0px 0px !important;
         -khtml-border-radius: 5px 5px 0px 0px !important;
     }
     
     .btn-radio-8, .btn-radio-13, .btn-radio-12
     { 
         border-radius: 0px 0px 5px 5px !important; 
         -moz-border-radius: 0px 0px 5px 5px !important;
         -webkit-border-radius: 0px 0px 5px 5px !important;
         -khtml-border-radius: 0px 0px 5px 5px !important;
     }
     
     span.txt-texplab { width: 100%; }
     
     .group-exp-lab .btn-occ-radio, .row.info-adicional .explab-extr-quest > .btn-occ-radio, 
     .row.info-adicional .estud-extr-quest > .btn-occ-radio { width: 50%; }
     
     .group-exp-lab span.circ_rojo { left: -6px; }
     
     .arrow-up { left: 30px; }    
     
     .container.general {padding: 15px; }
     
     .modal-input-certif label { width: 100%; text-align: left; }
     
     .check-exp-prof { margin-left: 0%; }
     
     .row.datospersonales .div-dp-cump .cump_a, .row.datospersonales .div-dp-cump .cump_c, 
     .row.datospersonales .div-dp-cump .cump_b { width: 100%; float:left; margin-bottom: 5px; }
     
     input[type=checkbox] /*para aumentar el tamaño de los checkboxes*/
     {
       -ms-transform: scale(1.8); /* IE */
       -moz-transform: scale(1.8); /* FF */
       -webkit-transform: scale(1.8); /* Safari y Chrome */
       -o-transform: scale(1.8); /* Opera */
       padding: 8px;
     }
     
     .div-gris-exppro .div-activ-texta span.circ_rojo { top: 8px; }
     
     h1.margbottom-titulo { font-size: 120%; }
     
     .btn-nojs input.btn-occ.btn-grisob, .btn-nojs a.btn-occ.btn-gris.btn-cancelar-nojs { float: left; width: 47.8%; }
     
     .btn-nojs a.btn-occ.btn-gris.btn-cancelar-nojs { margin-left: 3.2222%; }
     
     a.btn-cancelar-nojs { padding-top:10px !important; padding-bottom:10px !important; }
     
     .tooltip-skills { width: 100%; }
     
     .row.intereseslaborales .form-group.div-il-obj .valid-msg-obj,
     .row.intereseslaborales #interestareas_container #areasub .div-li-areasub.subar-ld .valid-msg-obj,
     .row.experiencia-profesional .bg_gris.div-gris-exppro .end-exp-a span.field-validation-error,
     .row.experiencia-profesional .bg_gris.div-gris-exppro .giro-exp-b span.field-validation-error,
     .row.experiencia-profesional .bg_gris.div-gris-exppro .div-puesto-exp span.field-validation-error,
     .row.experiencia-profesional .bg_gris.div-gris-exppro .div-activ-texta span.field-validation-error,
     .row.educacion .div-institucion span.field-validation-error, .row.educacion .div-estudios span.field-validation-error,
     .row.educacion .div-niv-estudios span.field-validation-error, .row.educacion .div-otro-idioma span.field-validation-error,
     .modal-edit-idioma .div-otro-idioma span.field-validation-error, .row.info-adicional .valid-msg-obj
     { margin-right: 0;  width:100%; }
     
     .dropdlist-aexp { width: 100%; }
     
     .row.intereseslaborales .btns-mt a.btn-default-occ, .row.habild-skills .btns-mt a.btn-default-occ,
     .row.experiencia-profesional .btns-mt a.btn-default-occ, .row.educacion .btns-mt a.btn-default-occ, 
     .btns-mt.btn-intlab a, .btns-mt.btns-explab a, .btns-mt.btns-educ a, .btns-mt.btns-skills a
     { width: 100%; margin-top: 10px; }
     
     .alertsaved { font-size: 90%; }
     
     span#pic_user_login img { width: auto !important; }
     
     span#pic_user_login { margin-left: 86px; }
     
     .modal-dialog { padding-bottom: 30px; }
     
     .row.titulo-cvv .btns-mt input, .row.objetivo-cvv .btns-mt input  { width: 46.555%; float: right; }

     .row.titulo-cvv .btns-mt input.btn-gris, .row.objetivo-cvv .btns-mt input.btn-gris { margin-left: 0%; }

     .row.titulo-cvv .btns-mt input.btn-naranja, .row.objetivo-cvv .btns-mt input.btn-naranja { margin-left: 2.444%; }
                     
}


/*PARA ARREGLAR EL CÍRCULO ROJO DE LAS PREGUNTAS ¿ESTAS DISPUESTO A VIAJAR Y ESTAS DISPUESTO A REUBICARTE? MEDIDAS PARA MOVIL*/
@media (min-width: 546px) and (max-width: 767px) 
{
     .e-d-viajar .circ_rojo, .e-d-reubicarte .circ_rojo { top: -15px; }    
}

@media (min-width: 992px) and (max-width: 1200px) 
{
     .group-exp-lab  span.circ_rojo { left: -520px; }
}


/*ESTOS MEDIA QUERIES SON PARA ARREGLAR EL BOTÓN DE AGREGAR AREA Y SUBAREA DE INTERESES LABORALES*/
@media (min-width: 992px) and (max-width: 1200px) 
{
     .btn_agregar_il { margin-left: 22.444444444444444444%; }   
             
}

@media (min-width: 768px) and (max-width: 991px) 
{
     .btn_agregar_il { margin-left: 23%; }
     
     .num-caract-obj { width: 95%; margin-right: 5%; }
     
     .group-exp-lab  span.circ_rojo { left: -305px; }  
     
     .row.educacion .div-otro-idioma span.field-validation-error { margin-right: 3%; }

     /*Estilos para el div de numero de ofertas*/
     .counter { padding: 7px; margin-left: 40px; }
     .counter .numero_ofertas { font-size: 110%; }
     .counter .vac { font-size: 85%; }
}

/*PARA ARREGLAR UNA VALIDACION DEL NIVEL DE IDIOMA*/
@media (min-width: 992px) and (max-width: 1199px) 
{
     .row.educacion .div-nivel-idioma span.field-validation-error { margin-right: 21.555%; margin-top: 0; } 
                 
}

@media (min-width: 991px) and (max-width: 1199px) 
{
     .row.educacion .div-otro-idioma span.field-validation-error { margin-right: 21.666%; }
}

@media (max-width: 480px)
{
    .btns-mt.datp a, .btns-mt.datp input { width: 100%; }
    
    .btns-mt.datp a { margin-top: 10px; overflow: hidden; float:left;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    /* Safari only override */
    ::i-block-chrome,select 
    {
        line-height: 27px !important;
    }
}

.inputtext_error
{
    background-color : #ffebeb;
    border : 1px solid #FF0000;
}

.inputtext_solved
{
    background-color : #ffffff;
    border : 1px solid #009ddc;
}

.areagrey_solved
{
    background-color : #EFEFEF;
    border : none;
}

span#pic_user_login 
{
    width: 25px;
    height: 28px;
    display: block;
    margin-right: 10px;
}

