﻿@charset "utf-8";
/* CSS Document */


html {
    background: url("http://www.economia.gob.cl/wp-content/themes/gobcl/assets/img/header/main-bg.png") repeat-y scroll center top #F6F6F6;
}

body{ 
 margin:0; 
 padding:0; 
 font-family:Verdana, Geneva, sans-serif;
 /*margin-top: 5px;*/
}

h1,h2,h3,h4{font-family:'gobcl',Verdana, sans-serif; color:#006cb7;}
p { color:#666; font-size:12px;}

#general{width:990px; margin:0 auto; height:auto;margin-top:3px;}
#sidebar{width:187px; height:500px; float:left; border:0px solid #000; margin-left:20px;}

.logo{
width:187px;
height:170px;
}
.logo img{border:0;}

#content_header{float:right; width:770px; height:auto; }
#header{ height:170px; width:750px;  }
#header img {margin-top:20px;}

#content{ width:720px; border:0px solid #000; padding:15px; border-top:1px /*solid*/ #006cb7;}
#content h3 { line-height:20px; font-size: 18px; }
#content h4 { line-height:10px; font-size: 13px; }
#content p { text-align:justify;}

#content table#plazos { font-size:11px; }
#content table#plazos td.etiqueta { background-color:#006cb7; color:#FFF; font-weight:bold; text-align:center; 1px solid #fff;}
#content table#plazos td { font-weight:bold; line-height:15px; color:#666; border:1px solid #666;}

.menu{ }
.menu ul { margin-left:0px; margin-top:2px; padding:0;}
.menu ul li { width:177px; padding:5px; list-style:none; margin-bottom:2px; background-color:#006cb7;}
.menu ul li a{ color:#fff; text-transform:none; text-decoration:none; font-size:13px;}

.menu ul li.banner{ width:177px; list-style:none; margin-bottom:2px; background-color:#006cb7;}
.menu ul li.banner a{ color:#fff; text-transform:none; text-decoration:none; font-size:13px;}

.menu ul li.banner a img{ border:none;}



ul#anclas-home { font-size:12px; color:#999; list-style-type:none;}
ul#anclas-home li ul{ list-style-type:none;}

/* LOGIN CONSULTA */

div#formulario_registro{ width:740px; height:auto;}
div#formulario_registro div#login_cc {width:725px; height:496px; margin:0 auto }
div#formulario_registro div#login_cc .datos_form_otros_datos{ width:720px; float:left; border-right:1px solid #006CB7; border-bottom:1px solid #006CB7;}
div#formulario_registro div#login_cc .datos_form_otros_datos ul{ list-style-type: none; margin-left: 0;  padding-left: 15px; width: 220px;
}
div#formulario_registro div#login_cc .datos_form_otros_datos h4{ background-color:#006CB7; color:#FFF; line-height:30px; padding:2px; margin-top:-1px; }
div#formulario_registro div#login_cc .datos_form_otros_datos ul li{ font-size:12px; font-family:Verdana, Geneva, sans-serif;  }
div#formulario_registro div#login_cc .datos_form_otros_datos ul li input{ margin:2px; width:180px;}
div#formulario_registro div#login_cc .datos_form_otros_datos ul{float:left;}

div#formulario_registro{ width:740px; height:auto;}

div#formulario_registro div#registro_1{ width:710px; height:210px; margin:0 auto; }
div#formulario_registro div#registro_2{ width:725px; height:300px; margin:0 auto;}

div#formulario_registro div#registro_1 .datos_form{ width:320px; float:left; border:1px solid #006CB7;}
div#formulario_registro div#registro_1 .datos_form_space{ height:100px; width:59px; float:left; }
div#formulario_registro div#registro_1 .datos_form h4{ background-color:#006CB7; color:#FFF; line-height:30px; padding:2px; margin-top:-1px; }
div#formulario_registro div#registro_1 .datos_form ul{ list-style-type: none; margin-left: 0;  padding-left: 15px; width: 230px;
}
div#formulario_registro div#registro_1 .datos_form ul li{ font-size:12px; font-family:Verdana, Geneva, sans-serif;  }
div#formulario_registro div#registro_1 .datos_form ul li input{ margin:2px; width:180px;}


div#formulario_registro div#registro_2 .datos_form_otros_datos{ width:720px; float:left; border-right:1px solid #006CB7; border-bottom:1px solid #006CB7;}
div#formulario_registro div#registro_2 .datos_form_otros_datos .datos_form_space{ height:100px; width:20px; float:left; }
div#formulario_registro div#registro_2 .datos_form_otros_datos h4{ background-color:#006CB7; color:#FFF; line-height:30px; padding:2px; margin-top:-1px; }
div#formulario_registro div#registro_2 .datos_form_otros_datos ul{ list-style-type: none; margin-left: 0;  padding-left: 15px; width: 220px;
}
div#formulario_registro div#registro_2 .datos_form_otros_datos ul li{ font-size:12px; font-family:Verdana, Geneva, sans-serif;  }
div#formulario_registro div#registro_2 .datos_form_otros_datos ul li input{ margin:2px; width:180px;}

div#formulario_registro div#registro_2 .datos_form_otros_datos ul{float:left;}

div#formulario_registro div#registro_2 .datos_form_otros_datos ul.otros_datos_2 { width:400px;}

div#formulario_registro div#registro_2 .datos_form_otros_datos ul.otros_datos_2 li{float:left; width:300px;}
div#formulario_registro div#registro_2 .datos_form_otros_datos ul.otros_datos_2 li select{ margin:2px; width:320px;}

div#formulario_registro div#registro_3{ width:725px; height:210px; margin:0 auto; }
div#formulario_registro div#registro_3 .datos_form{ width:720px; float:left; border-right:1px solid #006CB7; border-bottom:1px solid #006CB7;}
div#formulario_registro div#registro_3 .datos_form h4{ background-color:#006CB7; color:#FFF; line-height:30px; padding:2px; margin-top:-1px; }
div#formulario_registro div#registro_3 .datos_form ul.validacion{width:200px; margin-left:170px;  font-size: 12px; list-style-type: none; }



div#footer {  clear: both;    margin-bottom: 0;    margin-left: auto;    margin-right: auto;    margin-top: 20px !important;    overflow: hidden;    width: 987px;	}
div#footer div#ribbon {  background: url("http://www.economia.gob.cl/wp-content/themes/gobcl/assets/img/footer/footer-final.png") no-repeat scroll center top #F6F6F6;  height: 60px;    position: relative;}

div#footer div#ribbon .sube {background: url("http://www.economia.gob.cl/wp-content/themes/gobcl/assets/img/footer/ribbon.png") no-repeat scroll center top transparent; bottom: 0;  height: 23px; left: 16px; position: absolute; text-indent: -10000px;  width: 172px;}
}
div#footer div#bottommenu {background-color: #F6F6F6; clear: both; font-size: 10px; height: 100px; margin: 0 6px; padding: 5px 12px 0;}
div#footer div#bottommenu p { padding:15px; margin-top: 185px}



.word-break {
  /* Div que corta las palabras largas */
  width: 480px;
  overflow: auto;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
  -moz-binding: url('xbl.xml#wordwrap'); /* Firefox (using XBL) */
   text-align: justify;
}

/*mensajes desplegables*/
/*http://css.dzone.com/news/css-message-boxes-different-me */
.MensajeInfo, .MensajeExito, .MensajeAdvertencia, .MensajeError {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.MensajeInfo {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.MensajeExito {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('ok.png');
}
.MensajeAdvertencia {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.MensajeError {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}

legend {
	width:690px;
	padding: 3px;
	font-weight: bold;
	background-color: #006CB7;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4D719F;
	border-right-color: #4D719F;
	border-bottom-color: #4D719F;
	border-left-color: #4D719F;	
}

fieldset {
	border: 1px dashed #f2f2f2;
	width:97%;
	/*background-color: #f9f9f9;*/
}

/* tablas
------------------------------------------------------*/
table
{
    width: 90%;
    /*color:#3D587A;*/
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    margin-left:2px;
    margin-right:8px;
    padding-left:8px;
    padding-right:8px;
    /*text-align:justify;*/
}

.table-block
{
	width: 95%;
	position: relative;
}

.table-block tr:hover
{
	background-color: #ffffd4;
}

.table-block tr td
{
	padding: 5px; 
	border-bottom: 1px solid #cdcdcd;
	font: 11px Arial, Tahoma, sans-serif;
}

.table-block tbody tr th
{
	font: bold 11px Arial, Tahoma, sans-serif;
	color: #fff;
	padding: 5px 5px 5px 5px; 
	background-color: #4a5154;
}

.table-block .filaNormal
{
	background-color: white;
}

.table-block .filaAlternativa
{
	background-color: #f5f5ed;
}

.table-block td .true
{
	color: #009933;
}

.table-block td .false
{
	color: #990000;
}


.table-block tr td a
{
	font: bold 11px Arial, Tahoma, sans-serif;
	color: #009933;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	text-transform: uppercase;
}

.table-block td .actions a.delete
{
	color: #999;
}

.table-block td a:hover
{
	color: #ff6600;
}

/*Accordion*/
.accordionHeader
{
    background-color: #006CB7;
    border: 1px solid #006CB7;
    font-size:15px;
    font-family:Arial,Helvetica,sans-serif;
    color:#FFFFFF;
    font-weight: bold;
    margin-top: 5px;
    cursor: pointer;
    text-align:center;
    }
    
.accordionContent {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #D3DEEF;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;    
    border-width: medium 1px 1px;
    border-top:10px;
}    

.modalPopup{background-color:Gray;filter:alpha(opacity=50);opacity:0.5;}


#caja-popup{ margin:0 auto; width:450px; height:350px; padding:15px;  background-color: #006CB7;  border-radius:10px;}
#caja-popup h3 { font-size:18px; color:#fff; margin-top:10px; line-height:15px;  }
#caja-popup h4 { font-size:16px; color:#fff; line-height:0px;  }
#caja-popup .prox-consulta { font-size:14px; color:#fff; text-align:justify; }
#caja-popup .fecha-inicio{ color:#fff; font-weight:bold; font-size:18px;}
#caja-popup .boton_btncerrar { margin: 12px auto 0; width: 50px;}
#caja-popup .boton_btncerrar input{ background:#006CB7;border:1px solid #fff;border-radius:10px;color:#fff;font-weight:bold;height:27px;width:55px;}


#cajaPopup{ margin:0 auto; padding:15px; background-color: #006CB7; color:White; border-radius:10px;}
#cajaPopup .boton_btnCerrarPopup{ margin: 12px auto 0; width: 50px;}
#cajaPopup .boton_btnCerrarPopup input{ background:#006CB7;border:1px solid #fff;border-radius:10px;color:#fff;font-weight:bold;height:27px;width:55px;}
#cajaPopup .parrafo{margin: 12px auto 0;}
#cajaPopup .parrafo p{color:White; margin-top:10px; line-height:15px;}
#cajaPopup .parrafo p a{color:White; font-weight:bold}

.labelAcordin{padding:15px 0px 15px 0px;margin-top:51px; text-align:justify}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

#titulo {width: 690px; padding: 3px; font-weight: bold; background-color: #006CB7;color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
            border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;border-left-style: solid; border-top-color: 
            #4D719F; border-right-color: #4D719F;border-bottom-color: #4D719F; border-left-color: #4D719F;}
            
.txt{ width:240%; margin-left:-200px; height:80px}

.line {
    line-height:40px;
    text-align:inherit;
    left:auto;
    }
    