/*****************************************************************************/
/*****************************************************************************/
/************************************************** RESETEO TODOS LOS ESTILOS*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: top}

html, body {
height: 100%;
}

html {overflow-y:scroll;}

body {
     line-height: 1;
     background-repeat:no-repeat;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

/*table {
     border-collapse: collapse;
     border-spacing: 0
}*/

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

em { font-style:italic;}
strong { font-weight:bold;}

.ocultarmail {unicode-bidi:bidi-override; direction: rtl;} 

.sup {vertical-align:super}
.sub {vertical-align:sub} 

/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/





















/*****************************************************************************/
/*****************************************************************************/
/******************************************** CARGO ESTILOS DE LA APLICACION */
body { background-color:#f1efed; color:#000; }

.rotis { font-family:'Cuprum';}
/********************************/
/* PATRON INDEX */

.fondo        { position:absolute; height:100%; min-height:550px; width:100%; }    

#contenedor {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: auto!important;
	min-height: 100%; min-width:960px;
	height: 100%; z-index:2;
}
#contenido {
	width:100%; margin:0 auto; 
	/*top: -98px;*/
	padding-top:12px;
	position: relative;
	display: block;
	padding-bottom:366px; /*mismo alto que el que tenga el pie*/
	/*background:url(/img/fondos-secciones/fondo-1.jpg) no-repeat center top;*/
	
	z-index:888;
}
#contenido.detail { padding-top:100px;}
#cabecera {
	width:100%; margin:0 auto; 
	height: 115px;
	position: relative;
	display: block;
	background:url(/img/fondo-cabecera.png) repeat center top;
	z-index:999;
}
#menu {
	width:725px; float:right; 
	height: 39px;
	position: relative;
	display: block;
        float: right;
	/*background:url(/img/img-menu.png) no-repeat center bottom;*/
	top:-57px;
	font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:15px;
	z-index:1000;
}
#pie { 
	position: absolute;
	bottom: 0; 
	height: 400px;
	width: 100%;
	clear: both;
	background:url(/img/img-foot.png) repeat center bottom;
	font-family:Arial, Helvetica, sans-serif; color:#fff;
	z-index:9999;
}

#sliderPadre { border-bottom: 1px solid #00b1ac;}

.contenidoImpar      { width:100%; background-color:#fff;}
.contenidoPar        { width:100%; background-color:#ebebeb;}
.contenidoLatino     { width:100%; background:url(/img/presencia.jpg) top center no-repeat #0f7583;}
.contenidoResultados { width:100%; background-color:#0e7581;padding-bottom:20px;}


.contenidoResultados .fondo-contenido>div { display:table-cell; width:960px; height:100%; font-family:Arial!important; text-align:center;}
.contenidoResultados .fondo-contenido>div span.bebas_neue { font-size:45px; color:#00d5cf;}
.contenidoResultados .fondo-contenido>div span            { font-size:16px; color:#b8e1e0;}


.fondo-contenido   { margin:0 auto; width:940px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; /*background-color:#fff; border:1px solid #dfdfdf; border-bottom:none;*/ padding:30px 25px;}
.fondo-contenido p { line-height:18px;}

.fondo-contenido.index  .titulo{font-size:40px; color:#004954; letter-spacing: -2px; line-height:37px;}
.fondo-contenido.index         {font-size:17px; line-height:23px;}
/*.fondo-contenido-bottom { background:url(/img/sombra-contenido.png) no-repeat bottom left; margin:0 auto; width:976px; height:35px;}*/

.fondo-contenido-presencia   { margin:0 auto; width:940px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; /*background-color:#fff; border:1px solid #dfdfdf; border-bottom:none;*/ padding:30px 25px;}
.fondo-contenido-presencia p { line-height:18px;}
.fondo-contenido-presencia a { color:#90c3c4;}

.fondo-contenido-presencia.index  .titulo{font-size:40px; color:#00c7c3; letter-spacing: -2px; line-height:37px;}
.fondo-contenido-presencia.index         {font-size:17px; color:#90c3c4; line-height:23px;}



.contenido { margin:0 auto; width:960px;}
/********************************/


/*CABECERA*/
#cabecera #logo-cidaut       { height:71px; width:232px; padding:3px; float:left;}
#cabecera #busqueda          { height:71px; width:262px; padding:14px; float:right; text-align:right; font:13px Arial, Helvetica, sans-serif; color:#30aba8;}
#cabecera #busqueda   a      { color:#30aba8; text-decoration:none;}
#cabecera #busqueda   a:hover{ color:#30aba8; text-decoration:underline; }
#cabecera #busqueda      div { padding-top:0;}
/*fin CABECERA*/





/*MENU*/
#menu .contenido        { padding:9px; width:auto; }
#menu .contenido li     { float:left; padding-top:6px; height:17px;}
#menu .contenido li.enl       { padding:6px 12px 24px 12px;}
#menu .contenido li.enl:hover { background-color:#06292e;  cursor:pointer;}

#menu a       { color:#fff; text-decoration:none;}
#menu a:hover { color:#fff; text-decoration:none;}


#nav li            { float:left; position:relative;}
#nav li div.cont   { position:absolute; display:none; left:-400px; margin-top:24px; padding:13px; color:#fff; background-color:#06292e; font-size:13px; top:23px;}
#nav li div a      { text-decoration:none; }
#nav li div a:hover{ text-decoration:underline;}

#nav .submenu      { position:relative; float:left; padding:0 20px 0 15px;}
#nav .submenu li   { clear:both;}
#nav .submenu .tit { text-indent:-10px; margin-top:5px;}
.tick:before{content:"> ";  }
/*fin MENU*/






/*PIE*/
#pie #cinta                  { background:url(/img/img-foot-cinta.png) no-repeat; width:270px; height:260px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#002e35; text-align: center; display: table;}
#pie #cinta  #colaboraciones { display: table-cell; vertical-align: middle; margin: 0 auto; width: 100%;}
#pie #cinta  div             { text-align:center; padding-bottom:15px;}

#pie .direccion              { width:auto; float:left; font-size:13px; padding-top:35px; margin-right:17px; line-height:16px; color:#99d7d5;}
#pie .direccion  .nomEmpresa { font-size:16px; padding-bottom:5px;  color:#00d5cf;}
#pie .direccion          div { padding-bottom:25px;}
#pie .direccion       a      { color:#99d7d5; text-decoration:underline;}
#pie .direccion       a:hover{ color:#99d7d5; text-decoration:none;}

#pie .menu         { text-align:center; padding:20px 0 20px 0; width:100%; clear:both; font-size:13px;}
#pie .menu  a      { color:#fff; text-decoration:none; font-weight:bold;}
#pie .menu  a:hover{ color:#fff; text-decoration:underline; font-weight:bold;}

#pie .politica         { text-align:center; width:100%; clear:both; font-size:12px;}
#pie .politica  a      { color:#fff; text-decoration:none; }
#pie .politica  a:hover{ color:#fff; text-decoration:underline; }

#pie .direccion span   { white-space: nowrap;}
#pie .direccion.ES     { width:170px;}
#pie .direccion .tel a { text-decoration:none; font-weight:bold;}
/*fin PIE*/





/****************************************************/
/*CONTENIDO INDEX*/

.bloque         { width:265px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.bloque .titulo { width:100%; border-bottom:1px solid #004954; border-top:3px solid #004954; height:30px; padding:5px 0 0 2px; margin-bottom:15px; font-size:24px;}

.bloque div { padding-bottom:10px; }

.bloque_not         { width:530px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.bloque_not .titulo { color:#00c7c3; width:100%; /*border-bottom:1px solid #004954;*/ border-top:2px solid #004954; height:30px; padding:5px 0 0 2px; margin-bottom:15px; font-size:24px;}

.bloque_not div { padding-bottom:10px; }

.bloque_eve         { width:265px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.bloque_eve .titulo { color:#00c7c3; width:100%; /*border-bottom:1px solid #004954;*/ border-top:2px solid #004954; height:30px; padding:5px 0 0 2px; margin-bottom:15px; font-size:24px;}

.bloque_eve div { padding-bottom:10px; }

.bloque_tra         { width:275px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-right:30px;}
.bloque_tra .titulo { color:#00c7c3; width:100%; /*border-bottom:1px solid #004954;*/ border-top:2px solid #004954; height:30px; padding:5px 0 0 2px; margin-bottom:15px; font-size:24px;}
.bloque_tra .detalle { float:left; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px;}

.bloque_tra div { padding-bottom:10px; }

.bloque_sobre         { width:100%; float:left;}
.bloque_sobre .titulo { color:#004954; width:100%; /*border-bottom:1px solid #004954;*/ border-top:3px solid #004954; height:30px; padding:5px 0 0 2px; margin-bottom:15px; font-size:24px;}

.bloque_sobre div { padding-bottom:10px;padding-top:10px; }


.bloque_empleo         { width:100%; float:left;padding-bottom:50px;padding-top:50px;}
.bloque_empleo .titulo_empleo { color:#00c7c3; width:275px; /*border-bottom:1px solid #004954;*/ border-top:2px solid #004954; height:30px; padding:5px 0 0 2px; font-size:24px;}
.bloque_empleo .detalle_empleo { float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px;}
.strong_empleo { font-weight:bold;color:#004954; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px;}
.strong2_empleo { font-weight:bold;color:#004954; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:19px;}
.bloque_empleo .listado_empleo { float:left; width:200px; color:#004954; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:19px;text-align:center}
.sep_empleo {border-bottom:1px solid #d8d8d8;height:30px;}
.bloque_empleo div { padding-bottom:10px; }
.tipooferta {cursor:pointer;}
.detalle_empleo { float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px;}

.separacion      { width:50px; width:1px; margin:0 35px; background-color:#dfdfdf; float:left; margin-top:40px;}
.separacion-col2 { width:50px; width:1px; margin:0 20px; background-color:#dfdfdf; float:left; margin-top:40px;}


.bloque_eve .detEvento { float:left; width:170px; padding-left:15px; padding-bottom:15px;}
.bloque_eve .detEvento div { padding-bottom:3px;}



/****************************************************/







.banner      { position:absolute; padding-left:25px; top:13px; color:#004954; line-height:37px;}
.banner span { display:block;}



.detalle-contacto { width:100%; float:left;}
.detalle-contacto .contactotxt     { width:340px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.detalle-contacto .contactotxt  div{ padding-bottom:20px;}
.detalle-contacto .contactotxt strong { font-size:16px;}
.detalle-contacto .contactotxt a { font-size:16px; color:#004954; font-weight:bold;}

.detalle-contacto .contactomapa    { width:405px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#004954;}
.detalle-contacto .contactomapa li { padding:3px 0;}
.detalle-contacto .contactomapa  a { color:#004954;}


.detalle-contacto #comollegar { float:left; width:100%; padding-top:50px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.detalle-contacto #comollegar div { padding:15px 0;}




#detalle-contenido { width:100%; float:left;}
#detalle-contenido #titulo h2 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; line-height:24px; padding-bottom:20px; }

#detalle-contenido .registro { clear:both; padding-top:50px;  font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px;}
#detalle-contenido .registro div h3   { font-weight:bold; padding-bottom:8px; font-size:15px!important; color:#3C9;}


#detalle-contenido .registro .iz  { float:left; width:435px; padding-right:25px; border:1px solid transparent;}
#detalle-contenido .registro .dr  { float:left; width:435px; padding-left:25px;  border:1px solid transparent;}
#detalle-contenido .registro .sep { float:left; width:38px;}
#detalle-contenido .registro .eventos  { float:left; width:135px!important; padding-right:25px; border:1px solid transparent;}
#detalle-contenido .registro_empleo  { float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px; width:100%!important; padding-right:25px; border:1px solid transparent;}

#detalle-contenido .registro img             { width:430px; }
#detalle-contenido .registro_empleo .empleoimg img     { width:160px!important; height:40px!important; cursor:pointer;}
#detalle-contenido .registro .eventos img    { width:auto!important; min-width:120px; max-width:430px!important; }
#detalle-contenido .registro .calidad img    { width:auto!important; min-width:150px; max-width:430px!important;display:block; margin-left:auto; margin-right:auto;  }
#detalle-contenido .registro .img p { font: bold 11px Arial, Helvetica, sans-serif; line-height:12px; color:red; text-align:center; margin-top:5px;}

#detalle-contenido .registro ul { list-style-type:circle; margin-left:30px;}

#detalle-contenido .registro a       { text-decoration:underline; color:#000;}
#detalle-contenido .registro a:hover { text-decoration:none; color:#000;}


#detalle-contenido .registroSitemap        { margin-left:30px; float:left; width:500px; margin-top:30px;}
#detalle-contenido .registroSitemap h2     { font-weight:bold; padding-bottom:8px; font-size:18px!important; color:#000;}
#detalle-contenido .registroSitemap h3     { font-weight:bold; padding-bottom:8px; font-size:18px!important; color:#000;}
#detalle-contenido .registroSitemap .niv1  { padding-left: 0px;}
#detalle-contenido .registroSitemap .niv2  { padding-left:20px;}
#detalle-contenido .registroSitemap .niv3  { padding-left:40px;}
#detalle-contenido .registroSitemap .niv4  { padding-left:60px;}
#detalle-contenido .registroSitemap div    { margin-bottom:25px;}
#detalle-contenido .registroSitemap a       { text-decoration:none; }
#detalle-contenido .registroSitemap a:hover { text-decoration:underline; }

#detalle-contenido .listado        { margin-left:30px; float:left; width:100%; margin-top:30px;}
#detalle-contenido .listado img    { border:1px solid black;}
#detalle-contenido .listado h2     { font-weight:bold; padding-bottom:8px; font-size:18px!important; color:#000;}
#detalle-contenido .listado h3     { font-weight:bold; padding-bottom:8px; font-size:18px!important; color:#000;padding-top:5px;}
#detalle-contenido .listado .niv1  { padding-left: 0px;}
#detalle-contenido .listado .niv2  { padding-left:20px;}
#detalle-contenido .listado .niv3  { padding-left:40px;}
#detalle-contenido .listado .niv4  { padding-left:60px;}
#detalle-contenido .listado div    { margin-bottom:25px;}
#detalle-contenido .listado a       { text-decoration:none; }
#detalle-contenido .listado a:hover { text-decoration:underline; }


#detalle-col2               { width:960px; margin:0 auto; padding:20px 0; position:relative; font-family:Arial, Helvetica, sans-serif; /*min-height:800px;*/ }
#detalle-col2 .destacado  .temas    { width:490px; position:relative; }
#detalle-col2 .destacado  .temas a       { text-decoration:none;}
#detalle-col2 .destacado  .temas a:hover { text-decoration:underline;}
#detalle-col2 .destacado h3 { font-size:16px; font-weight:normal;
						      width:100%; border-bottom:1px solid #004954; border-top:2px solid #004954; 
						      height:20px; padding:2px 0 0 2px; 
						      margin-bottom:15px; letter-spacing:-1px;}
#detalle-col2 .destacado li { font-size:12px; padding-bottom:12px; line-height:16px;}						   
#detalle-col2 .resena       { font-size:14px; border-top:2px solid #004954; padding:0 0 20px 2px;}

.mas-opciones { width:190px; float:right; margin-bottom:20px;}




.seccion {width:300px; margin-top:30px; float:left;}


p { padding:0 0 6px 0;}

ul.circle li{ list-style:circle; margin-left:15px; line-height:18px;}
ul.square li{ list-style:square; margin-left:15px; line-height:18px;}
ul.guion  li{ list-style:none;   margin-left:5px; line-height:18px;}
ul.guion  li:before{ content : "- "; padding-right:2px;}


a       { color:#000; text-decoration:underline;}
a:hover { color:#000; text-decoration:none;}

.txtDefault { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; font-style:normal;}

.txt10 { font-size:10px;}
.txt11 { font-size:11px;}
.txt12 { font-size:12px;}
.txt14 { font-size:14px;}
.txt15 { font-size:15px;}
.txt17 { font-size:17px;}

.txt22 { font-size:22px;}
.txt28 { font-size:28px;}
.txt35 { font-size:35px;}
.txt40 { font-size:40px;}
.txt48 { font-size:48px;}


.fleft  { float:left;}
.fright { float:right;}
.fcenter{ margin:0 auto;}


.vtop    { vertical-align:top;}
.vmiddle { vertical-align:middle;}
.vbottom { vertical-align:bottom;}


.lh18 { line-height:18px;}



.clear  { clear:both;}
.neg    { font-weight:bold;}
.cur    { font-style:italic;}
.nowrap { white-space: nowrap;}



.lh23 {line-height:23px !important;}

