/*----------------------------------------------------------
No modificar estos estilos, favor de consultar primero
si se tiene que mover algo, morozco@occ.com.mx  ó  
ebalderas@occ.com.mx
----------------------------------------------------------*/
body
{
    background-color: #F4F4F4;
    font-size: 100.1%;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #0024E1;
    text-decoration: underline;
}

a:visited
{
    color: #505ABC;
}

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

a:active
{
    color: #12EB87;
}

body, p, div, h1, h2, h3, h4, h5, h6, 
class, a, dt, dl, dd, span, img
{
	padding: 0;
	margin: 0;
}

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;
}

select
{
	margin: 0px;
	display: inline;
}

label
{
	display: block;
}

#wrap_d
{
	clear: both;
    float: left;
    margin: 0 25px;
    overflow: hidden;
    width: 930px;
    font-size: 80%;
    line-height: 1.5em;
    text-align: justify;
}

#wrap_d h2
{
	color: #009DDC;
	margin: 0px 0px 20px 0px;
	font-size: 180%;
}

#wrap_d h3.subtitulo
{
	padding: 10px;
	border-bottom: 1px solid #848484;
	background: #F4F4F4;
	margin: 0px 0px 20px 0px;
}

.bullet
{
	background: url("https://h3.occ.com.mx/Content/Home/img-default/bullet_flecha_azul_occ.png") no-repeat 0% 11%;
	padding-left: 20px;
}

#wrap_d ul li.bullet 
{
    list-style: none outside none;
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

#wrap_d ul
{
	margin: 0px;
	padding: 0px;
}

/*Boton Gris*/

/*boton login*/
.stylebtnlogin
{
	background-color: #00688F;
	background: -moz-linear-gradient(center top , #56B6CC 0%, #2A84A5 50%, #046990 50%, #2A84A5) repeat scroll 0 0 transparent;
	background-image: -webkit-linear-gradient(bottom, rgb(4,105,144) 36%, rgb(42,132,165) 68%);
	background-image: -o-linear-gradient(bottom, rgb(4,105,144) 36%, rgb(42,132,165) 68%);
	border: 1px solid #046990;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.6), 0 0 3px #FFFFFF inset;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #000000;
	width: 187px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	padding: 10px 0;
	cursor:pointer;
}

.stylebtnlogin:hover
{
	background: -moz-linear-gradient(center top , #7ADEEF 0%, #00AEEF 50%, #0085FF 50%, #00AEEF) repeat scroll 0 0 transparent;
	background-color: #56B6CC;
}

/*Boton gris claro*/
.stylebtngray_d, .stylebtngray_buscar_ba, .stylebtngray_buscarem_ba, .stylebtngray_exam_cap, .bmapa,
.btnreinterar
{
    background: #DBDBDB;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #4C4C4C;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 25px;
    width: auto;
    text-align: center;
    cursor: pointer;
}

/*rollover boton gris claro*/
.stylebtngray_d:hover, .stylebtngray_buscar_ba:hover, .stylebtngray_buscarem_ba:hover, 
.stylebtngray_exam_cap:hover, .bmapa:hover,
.btnreinterar:hover
{
    background-color: #BCBCBC;
    border: 1 solid #BCBCBC;
}

/*Botón gris claro cuando es link*/
a.btnreinterara, a.stylebtngray_d
{
	color: #565656;
	text-decoration: none;
	margin: 0px 0px 5px 2px;
}

/*Botón Anaranjado sin ancho específico*/
.stylebtnpostularse, .stylebtnpostularse_bottom, .stylebtnsavecap, .publicar_oferta
{
	background-color: #FF6600;
	border: 1px solid #FF6600;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-left: 5px;
	cursor:pointer;
}

/*
Desarrollador: Francisco Rodríguez
Fecha: 17/06/2015
Ticket: 6500
Descripción: Modificar el estilo visual del botón "Buscar" dentro de la sección "Búsqueda Avanzada".
*/

.barra_ba .btn_margin_right input.stylebtnpostularse 
{  
    padding: 4px 16px;
    font-size: 100%;
    width: auto;
}

/*rollover botones anaranjados*/
.stylebtnpostularse:hover, .stylebtnpostularse_bottom:hover, .stylebtnsavecap:hover, .publicar_oferta:hover
{
    
	background-color: #FF8F43;
	color: #FFF;
	text-decoration: none;
}

/*es para darle un ancho específico al botón de postularse*/
.stylebtnpostularse, .stylebtnpostularse_bottom, .stylebtnsavecap
{
	width: 156px;
}

/*Botón gris oscuro*/
.gris_oscuro
{
	background-color: #808285;
	background: -moz-linear-gradient(center top , #D1D1D1 0%, #A5A5A5 50%, #828282 90%, #828282) repeat scroll 0 0 transparent;
	background-image: -webkit-linear-gradient(bottom, rgb(130,130,130) 36%, rgb(209,209,209) 68%);
	background-image: -o-linear-gradient(bottom, rgb(130,130,130) 36%, rgb(209,209,209) 68%);
	border: 1px solid #7F7F7F;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.6), 0 0 4px #FFFFFF inset;
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #000000;
	margin-left: 5px;
	cursor:pointer;
}

/*botones anaranjado y gris oscuro cuando son links*/
a.publicar_oferta, a.gris_oscuro
{
	color: #FFF;
	text-decoration: none;
}


a.stylebtnsavecapa
{
	color: #FFF;
	text-decoration: none;
}

#wrap_d label
{
	color: #009DDC;
}

textarea
{
	/*position: absolute;*/
}


/*estilos colores de letra*/

a.line
{
	background: #DDD;
	padding: 5px;
	text-decoration: none;
}

.anaranjado
{
    color: #FF7600;
    font-size: 130%;
}

a.greenblue_link
{
	color: #00688F;
	font-size: 80%;
	margin-left: 17px;
}

.bluegreentext
{
	color:#2E8FA3;
}

.blacktext
{
	color: #000;
}

.grisc4, a.grisc4
{
	color: #C4C4C4;
}

a.gris93
{
	color: #939393;
}

.occblue, a.occblue, input.occblue, li.occblue
{
	color: #009DDC;
}

 a.occbluebold
{
	color: #009DDC !important; 
	font-weight: bold;
}

#dataprotection
{
	text-align: left;
	
}

span#login_error_message_desc
{
    color: #FF0000;
    float: left;
    font-size: 12px;
    height: 20px;
    margin-top: 4px;
    text-align: left;
    width: 440px;
}

ul#menu li.occejecutivo a:hover
{
	color: #005695; 
}

.redf, .validation-summary-errors
{
	padding-right: 6px;
}

.redf
{
	color: #FF0000;
}

.anuncioamarillo
{
	background: #FEFDAF;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.anuncioam_confirm
{
	float: none;
	color: #11A654;
	background: #FBFAB6;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
}

.notavariosverde
{
	background: #E0FFF9;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.notavariosazul
{
	background: #EEF9FF;
	padding: 10px;
	border-radius: 12px 12px 12px 12px;
}

input.radionoborder
{
	border: 0px;
}

#msgnotfound
{
	width: 640px;
	display: block;
	height: 86px;
}

#msgnotfound span p.tnoresults
{
	font-size: 290%;
	color: #000;
	margin: 10px 0px;
}

#msgnotfound span p.realizanvab
{
	font-size: 165%;
	color: #939393;
}

.control-msgnotfound input.search_bh.stylebtnaranja
{
    width: 300px;
}

#fieldsearch_notf
{
	height: auto;
	float: left;
	width: 650px;
	margin: 20px 0px 0px 0px;
}

.col_denuncia #remLen
{
    display:inline;
}

.marginbtn /*clase para separar botones de borde*/
{
	margin: 0px 0px 3px 6px;
}

.btn_width
{
	width: 100%;
}

.radiomargin p
{
	margin: 0px 0px 5px 0px;
}

.formcombo
{
	margin-bottom: 15px;
}

.field-validation-error
{
	font-size: 90%;
	color: #FF0000;
}

.input-validation-error 
{
    border: 1px solid red;
    background-color: #FEE;
}

.termcond label, .termcond input
{
	display: inline;
	float: left;
}

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

.banner_920x90
{
     overflow: hidden;
     height: 90px;
     width: 980px;
     margin: 10px auto 0px auto;
     text-align: center;
     clear:both;
     float: left;
}

.banner_960x100
{
     overflow: hidden;
     height: auto;
     width: 960px;
     margin: 10px auto;
     float: left;
}

.banner_960x60
{
     overflow: hidden;
     height: 60px;
     width: 980px;
     margin: 10px auto 0px auto;
     float: left;
     text-align: center;
}

.occm_add 
{
    border: 1px solid #EDEDED;
    font-size: 70%;
    margin: 10px 0;
    padding: 5px;
}

#remLen {width: 30px; float:left;}

.rfcmensaje div
{
  	display:inline-block;
	zoom:1;
	*display:inline;
	width:300px;
}

#language_required{
  border-bottom: 1px dashed #FF7600;
  padding-bottom:10px;
  margin-bottom: 10px;
  overflow:hidden;
  padding-left:2px:
}
#language_required div
{
    padding-top:10px;
}

#language_required input
{ 
    margin-top:10px;
}
#read_languages-1
{
    padding-top:10px;
}

#industec_exp1 select#area1
{
    float:left;
}
#industec_exp1 select#year1
{
    float:left;    
    margin-left:4px;
}
#industec_exp2 select#area2
{
    float:left;
}
#industec_exp2 select#year2
{
    float:left;    
    margin-left:4px;
}
#industec_exp3 select#area3
{
    float:left;
}
#industec_exp3 select#year3
{
    float:left;    
    margin-left:4px;
}

#industec_exp1 select#area1
{
    float:left;
}
#industec_exp1 select#year1
{
    float:left;    
    margin-left:4px;
}
#industec_exp2 select#area2
{
    float:left;
}
#industec_exp2 select#year2
{
    float:left;    
    margin-left:4px;
}
#industec_exp3 select#area3
{
    float:left;
}
#industec_exp3 select#year3
{
    float:left;    
    margin-left:4px;
}
#industec_exp1, #industec_exp2, #industec_exp3 {
                height: 50px;
}
#industec_exp1 P#error_area1, #industec_exp2 P#error_area2, #industec_exp3 P#error_area3, 
#industec_exp1 P#error_year1, #industec_exp2 P#error_year2, #industec_exp3 P#error_year3 {
                margin-top: 25px;
                position: absolute;
}

#sugestedModulesIndexList
{
    margin:0 0 0 10px; 
    padding:0 0 0 5px; 
    
}

UL#sugestedModulesIndexList A
{
    float:none;
    color: #009DDC;
}

DIV#sugestedModulesIndexList A
{
    float:none;
    color: #666666;
    
}

DIV#sugestedModulesIndexList UL
{
    margin:0; 
    padding:0;    
}
.rowGuardarOFerta
{
    height:50px; 
    width:910px; 
    float:left;
}
.checkGuardarOFerta
{
    float:left;
    height:35px; 
    text-align:center; 
    padding-top:15px; 
    width:50px;
}
.row1Descripcion
{
     background:#EEF9FF; 
     height:50px; 
     width:860px; 
     float:left;
}
.row2Descripcion
{
     background: transparent; 
     height:50px; 
     width:860px; 
     float:left;
}
.nombrePaquete
{
     color:#009DDC; 
     font-weight: bold; 
     font-size:100%; 
     padding: 3px 0 0 5px;
}
.descPaquete
{
    padding-left:5px;
}
#IdPdaProfileText
{ 
    width: 195px; 
    border: 1px solid #009DDC; 
    display: inline-block; 
    float: right; 
    font-size: .80em; 
    background: #FCFCFC; 
    overflow:auto; 
    position: relative; 
    margin-left:10px;
    font-size: 90%; 
    padding:5px; 
    height:250px;
}
#pdatexts 
{ 
    display: none
}
#IdPdaProfileId
{
    height:263px; 
    padding:3px; 
    width:500px
}

#right_col
{
    float: right;
}

.letList
{
    list-style:disc;
    padding: 0 0 0 25px !IMPORTANT;     
}

.txt-msj.txt-blanco { display: none; }