@import "Popup.css";

/*
a. oscuro: 	#115682
a. medio: 	#0872B9
a. claro: 	#3E99D7
naranja:	#E8AB11
magenta:	#E10053
verde: 		#6EBB1F
*/

/* Reset - [29/06/2009] */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;vertical-align:baseline;background:transparent;font-size:100%;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-style:normal; overflow:hidden; }
html{ overflow:auto;}
ol, ul {list-style:none;}
img	{border:none;}
blockquote, q {quotes:"" "";}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}
:focus {outline:0;}
ins	{text-decoration:none;}
del	{text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td	{font-weight:normal;}
a {cursor:pointer;}
dfn	{font-style:normal;}
/**/
html {}
body {}
div#web { width:100%;}
/* Cabecera */
div#cHead {clear:both;}
div#cBanner {text-align:center;clear:both; border-bottom:1px solid #CCCCCC; padding-bottom:4px;}
div#cBanner a{padding-left:10px; padding-right:10px; padding-top:75px; padding-bottom:3px; background-color:#CCCCCC; background-image: url(../IMG/fondo_cBanner.gif); background-repeat:no-repeat;background-position:bottom left;margin:0 auto 0 auto; }
div#cBanner a img{ height:90px;}
div#cLogo {clear:both; height: auto; float:left;}
div#cLogo h1 {width:208px;height:70px;float:left;}
div#cLogo h1 a {display:block;width:208px;height:70px;background:#FFF url(../IMG/logo_UN.jpg) no-repeat;}
div#cLogo h1 a span {display: none;}
div#cLang { }
div#cLang ul {width:310px; float: right;}
div#cLang ul li { float: left; padding:0 7px 0 6px; background:url(../Img/_fondo_cLang.gif) right 9px no-repeat;}
div#cLang ul li.ultimo { background: none;}
div#cLang ul li a { font-family:Arial; font-size: 0.7em; color:#115682; text-decoration: none;}
div#cLang ul li a:hover { text-decoration: underline;}
div#tienda {background:#000;float:right;margin:23px 10px 0 0;}
div#tienda a {display:block;background:#6EBB1F;color:#FFF;text-decoration:none;font-size:0.8em;padding:1px 8px;margin:0;}
div#tienda a:hover {background:#E8AB11;}

/* Cuerpo */
div#areaTrabajo{clear:both;}
div#productos {padding:25px 0 0 0; width:820px; margin:0 auto; clear:both;}
div#especializadas {float:left;width:175px;margin:0; padding:0 8px 0 0;height:308px;position:relative;background:#FFF url(../IMG/_fondo_Especializadas.jpg) no-repeat left top;}
div#especializadas h3 {color:#115682;font-weight:normal;font-size:1.2em; padding:20px 0 0 15px;}
div#especializadas p.acceso {color:#115682;font-size:0.8em;padding:9px 0 8px 33px;}
div#especializadas ul {}
div#especializadas ul li {margin:0 0 6px 0;float:left;width:100%;}
div#especializadas ul li a {color:#ffffff;font-size:0.8em;text-decoration:none;display:block;width:111px;margin:0 auto;text-align:center;background:url(../IMG/_boton_Especializadas.jpg) no-repeat left top;padding:5px 0 5px 0; font-weight:bold;}
div#especializadas ul li a:hover {color:#FFF;}
div#especializadas p.info {text-align:right;color:#115682;font-size:0.8em;padding:12px 11px 5px 0;position:absolute;right:10px;bottom:16px;}
div#especializadas p.info a {color:#115682;text-decoration:none;}
div#especializadas p.info a:hover {color:#E8AB11;}
div#tematicas {float:right;width:176px;margin:0; padding:0 14px 0 0;height:308px;position:relative;background:#FFF url(../IMG/_fondo_Tematicas.jpg) no-repeat left top;}
div#tematicas h3 {color:#115682;font-weight:normal;font-size:1.2em; padding:20px 0 0 15px;}
div#tematicas p.acceso {color:#115682;font-size:0.8em;padding:9px 0 8px 26px;}
div#tematicas div{ margin:0 0 10px 0;float:left;width:100%; height:50px;}
div#tematicas div a {color:#ffffff;font-size:0.8em;text-decoration:none;display:block;width:124px;margin:0 auto;text-align:center;padding:5px 0 5px 0; height:40px;font-weight:bold; line-height:1.2em;}
div#tematicas #hrefecca {background:url(../IMG/_boton_Tematicas_contratacion.jpg) no-repeat left top; text-align:center;}
div#tematicas #hrefconcursal {background:url(../IMG/_boton_Tematicas_concursal.jpg) no-repeat left top;}
div#tematicas #hrefrcContratosPrivados {background:url(../IMG/_boton_Tematicas_contratos.jpg) no-repeat left top;}

div#tematicas p.info {text-align:right;color:#115682;font-size:0.8em;padding:0 11px 5px 0;display:none}
div#tematicas p.info a {color:#115682;text-decoration:none;}
div#tematicas p.info a:hover {color:#E8AB11;}
div#tematicas p.infoConcursal {text-align:right;color:#115682;font-size:0.8em;padding:0 11px 5px 0; display:none}
div#tematicas p.infoConcursal a {color:#115682;text-decoration:none;}
div#tematicas p.infoConcursal a:hover {color:#E8AB11;}
div#tematicas p.infoContratosPrivados {text-align:right;color:#115682;font-size:0.8em;padding:0 11px 5px 0;}
div#tematicas p.infoContratosPrivados a {color:#115682;text-decoration:none;}
div#tematicas p.infoContratosPrivados a:hover {color:#E8AB11;}

div#lld {background:#FFF url(../IMG/_fondo_LLD.jpg) no-repeat center top; height:160px}
div#lld h4 {}
div#lld h4 a { font-size: 0.8em; color:#0971BA; text-decoration: none; display: block; margin:85px 0 0 290px; width:87px; background:url(../Img/_boton_LLD.jpg) no-repeat left top; text-align: center; padding:2px 0 2px 0;}
div#lld h4 a span { display: none;}
div#lld h4 a:hover { color:#FFF;}
div#lld p.info {text-align:right;color:#0971BA;font-size:0.8em;padding:35px 17px 5px 0;}
div#lld p.info a {color:#0971BA;text-decoration:none;}
div#lld p.info a:hover {color:#E8AB11;}
div#exactamente div#Exactamente h2 { text-align: right;padding:25px 17px 5px 0; font-weight: bold; font-size: 1.4em; color:#115682;}
div#lld p.acceso {display:none;}
/**/
div#estaticas {margin:0 auto; width:920px;}
div#estaticas h4 {float:left;text-align:center;}
div#estaticas h4 a {display:block;}
div#sac {margin:10px auto 0 auto; width:920px}
div#sac div#SAC {margin:0 auto; width:920px}
div#sac h4#sac {float: none;text-align: left; color:#6EBB1F; font-weight: bold;}

div#estaticas h4#claveDemo { width:204px; margin-right:20px;}
div#estaticas h4#claveDemo a {width:204px;height:109px;background:url(../IMG/_fondo_claveDemo.jpg) no-repeat 0 0;}
div#estaticas h4#claveDemo a span {display:none;}
div#estaticas h4#suscripcion { width:212px; margin-right:20px;}
div#estaticas h4#suscripcion a {width:212px;height:109px;background:url(../IMG/_fondo_suscribirse.jpg) no-repeat 0 0;}
div#estaticas h4#suscripcion a span {display:none;}
div#estaticas h4#formacion { width:229px; margin-right:20px;}
div#estaticas h4#formacion a {width:229px;height:109px;background:url(../IMG/_fondo_formacion.jpg) no-repeat 0 0;}
div#estaticas h4#formacion a span {display:none;}
div#estaticas h4#consejos { width:212px;}
div#estaticas h4#consejos a {width:212px;height:109px;background:url(../IMG/_fondo_consejos.jpg) no-repeat 0 0;}
div#estaticas h4#consejos a span {display:none;}
/* Pie */
div#cFooter {clear:both;text-align:center; padding-top:25px;}
div#cFooter ul {font-family:Arial;font-size:0.7em;color:#666; padding:5px 0 0 0;}
div#cFooter.cFooter { padding:30px 0 0 0;}
div#cFooter.cFooter ul { background:#FFF;}
div#cFooter ul.optimizada {padding: 0 10px 0;}
div#cFooter ul.optimizada li { background-image: none;}
div#cFooter ul li {display: inline;padding:0 8px;}
div#cFooter ul li#Li1 {background-image:none;}
div#cFooter ul li a {color:#666;text-decoration:none;}
div#cFooter ul li a:hover {color:#E8AB11;}

#optimizada{font-family:Arial;font-size:0.7em;color:#666; padding:10px 0 0 0; text-align:center;}

/*-- Que es --*/
div#cBody #indexSolucionesTematicas{margin:30px 110px 0 112px; padding-bottom:20px; border-bottom:1px solid #eaeaea}
div#cBody #indexSolucionesTematicas a{ display:block; color:#115682; font-size:1em; font-weight:bold; text-decoration:none; margin-top:5px}
div#cBody #indexSolucionesTematicas a:hover{ text-decoration:underline}
div#cBody #indexSolucionesTematicas a#concursal,
div#cBody #indexSolucionesTematicas a#contratos,
div#cBody #indexSolucionesTematicas a#eca{ color:#EAA600; margin-left:50px;}
div#cBody #indexSolucionesTematicas a#concursal strong{ color:#800000}
div#cBody #indexSolucionesTematicas a#contratos strong{ color:#ee014c}
div#cBody div#quees {padding:0 110px 0 112px; text-align: justify; color:#999; clear:both; font-size:0.75em;}
div#cBody div#quees .titSolucionesTematicas{display:block; color:#115682; font-size:1.3em; font-weight:bold; margin-top:35px; }
div#cBody div#quees div.volver {display:block;float:right;padding:18px 0 0 0;font-weight:bold;}
div#cBody div#quees div.volver a {color:#E8AB11;}
div#cBody div#quees h2 {text-align:left;font-weight:normal;color:#115682;font-size:1.4em;padding:20px 0 10px 140px; }
div#cBody div#quees h2{font-size:1.6em; color:#EAA600; font-weight:bold}
div#cBody div#quees h2#tituloConcursal strong{color:#800000}
div#cBody div#quees h2#tituloContratos strong{color:#ee014c}
div#cBody div#quees h2.titularNuevasFun{ color:#115682;}
div#cBody div#quees h3 { color:#3E99D7; font-size: 0.9em; font-weight: bold; padding:20px 0 10px 0;}
div#cBody div#quees h3 .Que_es_administrativo{ color:#0099FF; font-weight:bold;}
div#cBody div#quees h3 .Que_es_civil{ color: #0066CC; font-weight:bold; font-size:1.2em;}
div#cBody div#quees h3 .Que_es_fiscal{ color: #003366; font-weight:bold; font-size:1.2em;}
div#cBody div#quees h3 .Que_es_laboral{ color: #009900; font-weight:bold; font-size:1.2em;}
div#cBody div#quees h3 .Que_es_penal{ color: #FF0000; font-weight:bold; font-size:1.2em;}
div#cBody div#quees p { margin:0 0 10px 25px; font-weight:bold; font-size:1em;}
div#cBody div#quees ul {margin:0 0 0 25px;}
div#cBody div#quees ul li { padding:0 0 8px 10px; background:url(../IMG/bullet.gif) no-repeat 0px 9px; font-weight: bold;}
div#cBody div#quees strong { font-weight: bold; color:#115682;}
div#cBody div#quees p span,
div#cBody div#quees ul li span {color:#E8AB11; font-weight: bold;}
/*-- Boletin --*/
div#web div#boletin {padding:0 90px 0 102px; text-align: justify; color:#999; padding-bottom:15px;}
div#web div#cBody div#boletin div.volver {display:block;float:right;padding:30px 0 0 0;font-weight:bold;margin-right:-100px;}
#hrefRCUmbrella{display:block;float:right;padding:8px 0 0 0;font-weight:bold;color:#E8AB11; margin-right:50px;}
div#web div#boletin div.volver a {color:#E8AB11;}
div#web div#boletin h2 {text-align:left;font-weight:bold;color:#115682;font-size:1em;padding:60px 0 20px 260px; background:#FFF url(../IMG/fondo_boletin.jpg) no-repeat left top; margin:0 0 0 0px;}
div#web div#boletin h2 span { display: block;font-size:1.1em; font-weight: normal; color:#3E99D7;}
div#web div#boletin h3 { color:#3E99D7; font-size: 0.9em; font-weight: bold; padding:20px 0 10px 0; margin-left:660px;margin-top:-50px;}
div#web div#boletin p { font-size: 0.75em;  font-weight: bold; margin-bottom:7px;}
div#web div#boletin ul {font-size: 0.75em;margin:0 200px 0 115px;}
div#web div#boletin span#lblNewsLetterDeleted {display:block; margin-top:20px; text-align:center;}
div#web div#boletin ul li { padding:0 0 8px 10px; background:url(../IMG/bullet.gif) no-repeat 0px 9px; font-weight: bold;}
div#web div#boletin strong { font-weight: bold; color:#115682;}
div#web div#boletin p span,
div#web div#boletin ul li span {color:#3E99D7; font-weight: bold;}
/*div#areaTrabajo div#web div#boletin div.sac {  text-align: left; width:107%; margin-left:auto; margin-right:auto; text-align:right; margin-top:-30px;}*/
div#web div#boletin div.sac { /* margin-top:250px; padding-left:20px;*/ margin-top:20px;}
div#web div#boletin div.sac div{ color:#E10053; font-size:0.9em; font-weight:bold;  }
div#web div#conozcoacepto { font-size: 0.75em;  font-weight: bold; margin-bottom:7px; margin-top:10px; padding:0 90px 15px 102px;}
div#web div#boletin h3  {font-size: 0.75em; color: #e10053;/* margin-top:-160px;*/ margin-left:640px; width:260px;text-align:left; margin-top:2px;}
div#web span#LblPeticionInfo{background:#ffffff url(../IMG/fondo_clave_demo.jpg) no-repeat left top; display:block; padding-top:70px; color:#115682; font-weight:bold;  margin-bottom:10px; width:800px; margin:auto; padding-left:50px;}
/*div#areaTrabajo div#web div#cBody div#boletin div.Formdiv { background-color:#115682; width: 465px;//width: 485px; margin:0 0 0 115px; float: left; display: inline;}
div#areaTrabajo div#web div#cBody div#boletin div.Formdiv div {}
div#areaTrabajo div#web div#cBody div#boletin div.Formdiv div p { margin: 0; color:#FFF; font-size: 1em; padding:0 0 10px 35px; font-weight: normal;}
div#areaTrabajo div#web div#cBody div#boletin div.Formdiv div.top p {padding:20px 0 15px 20px;background:#115682 url(../IMG/fondo_dch_lld.gif) no-repeat right top;}
div#areaTrabajo div#web div#cBody div#boletin div.Formdiv div.bottom p {padding:10px 0 25px 20px;background:#115682 url(../IMG/fondo_izq_lld.gif) no-repeat left bottom;}
div#areaTrabajo div#web div#cBody div#boletin div.Formdiv div p label {}
div#areaTrabajo div#web div#cBody div#boletin div.Formdiv div p input { font-size: 0.8em; font-family: "Trebuchet MS";}
div#areaTrabajo div#web div#cBody div#boletin div.Formdiv div.bottom p input { width:160px;}
div#areaTrabajo div#web div#cBody div#boletin div.Formdiv div.bottom p input.boton { background:#0066CC; border: none; color:#FFFFFF; width: 50px;}*/

div#areaTrabajo div#web div#boletin div.sac div {color:#E10053;
font-size:0.9em;
font-weight:bold;}


/* Formulario Suscribase Boletin */


#boletin div.Formdiv {background-color:#115682; width:550px; display:block; margin:auto; margin-top:30px; background:url(../IMG/fondo_izq_lld.gif ) no-repeat left bottom #115682; }
#boletin div.Formdiv fieldset{ padding:10px;background-image:url(../IMG/fondo_dch_lld.gif); background-repeat:no-repeat; background-position:right top;}
#boletin div.Formdiv label{ font-size:0.9em; color:#FFFFFF;}
#boletin div.Formdiv label a{ font-size:0.9em; color:#FFFFFF; text-decoration:none; }
#boletin div.Formdiv fieldset #selectmatterdiv{}
#boletin div.Formdiv fieldset #selectmatterdiv label{ font-weight:bold; color:#ffffff; font-size:0.9em;}
#boletin div.Formdiv fieldset #scheckmatter{ padding-top:15px; padding-bottom:20px;}
#boletin div.Formdiv fieldset #scheckmatter input{ float:left;clear:both;}
#boletin div.Formdiv fieldset #scheckmatter label{font-weight:normal; color:#FFFFFF; font-size:0.9em; display:block; margin-top:2px;  }
#boletin div.Formdiv input.CreateUserAlta{ width:100px; height:22px; margin-right:20px; background-color:#003366; color:#FFFFFF; border:1px solid #FFFFFF; margin-left:20px;}
#boletin div.Formdiv input#NewsLetterUmbrella_mail{ width:210px;}
#boletin div.Formdiv .condiciones{ margin-bottom:120px;}

div#web #boletin #conozcoacepto{font-size:0.7em; color:#FFFFFF;  font-weight: normal; margin:0; padding:0; position:absolute; margin-top:-140px; width:510px; left:50%; margin-left:-255px;}

/*Formulario pertición clave demo*/
#DemoForm{ clear:both;}
#DemoForm div.Formdiv { background-color:#115682; width:700px; display:block; margin:auto; background-repeat:no-repeat; background-position:top right ;background-image:url(../IMG/fondo_dch_lld.gif);  }
#DemoForm div.Formdiv fieldset{ color:#FFFFFF; font-size:0.9em;background:url(../IMG/fondo_izq_lld.gif ) no-repeat left bottom #115682;  }
#DemoForm div.Formdiv fieldset legend{ font-weight:bold; font-size:0.9em; display:block; padding-left:20px; padding-bottom:5px; padding-top:10px;}
#DemoForm div.Formdiv fieldset label{ width:360px; display:block; float:left; margin-top:7px; padding-left:20px;}
#DemoForm div.Formdiv fieldset input{ width:300px;margin-top:7px; }

#DemoForm div.Formdiv fieldset input#ctl00_cph_area_trabajo_CreateUserUmbrella_how {display:none;}
#DemoForm div.Formdiv fieldset input#ctl00_cph_area_trabajo_CreateUserUmbrella_profesion{display:none;}
#DemoForm div.Formdiv fieldset input#CreateUser_how{ display:none;}
/*#DemoForm div.Formdiv fieldset input#CreateUser_how{ clear:both; display:block; margin-left:20px;}*/
#DemoForm div.Formdiv fieldset input#CreateUser_profesion{ clear:both; display:block; margin-left:20px;}
#DemoForm div.Formdiv fieldset select{ width:304px; margin-top:7px;}
#DemoForm div.Formdiv fieldset .condiciones{margin-top:10px; float:right; margin-right:10px;}
#DemoForm div.Formdiv fieldset .condiciones a{ font-size:0.7em; color:#FFFFFF;}
#DemoForm div.Formdiv fieldset #selectmatterframe{ }
#DemoForm div.Formdiv fieldset .condiciones input{ width:20px;margin-top:7px; }
#DemoForm div.Formdiv fieldset #selectmatterdiv{ margin-top:190px;}
#DemoForm div.Formdiv fieldset #selectmatterdiv label{ font-weight:bold; float:none}
#DemoForm div.Formdiv fieldset #scheckmatter{padding-top:10px; margin-left:10px;}
#DemoForm div.Formdiv fieldset #scheckmatter input{display:block;  width:30px; clear:both;}
#DemoForm div.Formdiv fieldset #scheckmatter label{ float:none; font-weight:normal; position:relative; left:10px; margin-top:-20px;}
#DemoForm div.Formdiv fieldset input.CreateUserAlta{ display:block; width:100px; height:22px; float:right; margin-right:20px; background-color:#003366; color:#FFFFFF; border:1px solid #FFFFFF; margin-bottom:10px;}
#DemoForm div.Formdiv fieldset #CreateUsercaptcha .clave{ margin-left:20px;}
div#web #DemoForm #conozcoacepto{font-size:0.7em; color:#FFFFFF;  font-weight: normal; margin:0; padding:0; position:absolute; margin-top:0px; width:660px; left:50%; margin-left:-330px; top:950px;}

.documentBrowserBodyLayer{ width:80%; margin-top:60px; margin-left:10%; text-align:center;}
.documentBrowserBodyLayer label.documentBrowserBodyLabel{color:#115682; font-weight:bold; }
.documentBrowserLinkLayer .documentBrowserLinkLabel{ color:#EAA600; font-weight:bold; margin-top:20px; display:block; text-align:center;}