h2{background-color:#006699; font-family:Gill Sans,Trebuchet MS,Segoe UI,sans-serif,Arial;  float:left; width:100%; font-size:1.1em; text-indent:1.5%; color:White; line-height:1.85em; margin:0; } 
h1{font-size:1.7em; color:#013F96; font-family:Gill Sans,Trebuchet MS,Segoe UI,sans-serif,Arial;   width:100%;  margin: 0 0 0 0; }

#main{ width: 750px; margin: 60px auto; }
.formulario
{
    overflow: hidden;
	width: 750px;
	margin: 0 0 0 7px;
	padding: 0 10px;
}

section{width:100%; margin:0 0 0 0; float:left; height:auto;  }
.separadorFormulario { width:100%; height:10px; clear:both; }
.EtiquetaGrande { width:100%; float:left; text-align:left;  margin:0 1% 0 0%; clear:both; font-size:0.75em; font-family:Arial;color:#000033; font-weight:bolder;}
.EtiquetaMediana { width:35%; float:left; text-align:left;  margin:0 1% 0 0%; clear:both; font-size:0.75em; font-family:Arial; color:#000033; font-weight:bolder;}
.EtiquetaChica{ width:20%; float:left; text-align:left;  margin:0 1% 0 0%; font-size:0.75em; font-family:Arial; color:#000033; font-weight:bolder;    }

.CuadroTextoGrande{ width: 60%; float: left;  clear:both; border: 1px solid #666666; }
.CuadroTextoMediano{width: 20%; float: left;  clear:both; }
.CuadroTextoChico{width: 12%; float: left; border: 1px solid #666666; margin:0 0.5% 0 0.5%; }


.CuadroTextoChicoI{ margin-top:-2px; width: 25%;  border: 1px solid #666666; float:left;  }
.EtiquetaChicaI{ width:10%; float:left; text-align:left;  margin:0 1% 0 0%; font-size:0.75em; font-family:Arial; color:#000033; font-weight:bolder;    }
.CuadroTextoGrandeI{ width: 60%; float: left;  clear:both; margin-left:2.5%; border: 1px solid #666666; }

.CuadroTextoChicoII{ margin-top:0px; width: 25%;  border: 1px solid #666666; float:left; margin-left:39px;  }



.EtiquetaChica2{ width:33%; float:left; text-align:left;  margin:1% 1% 0 0%; font-size:0.75em; font-family:Arial; color:#000033; font-weight:bolder;    }

.CuadroTextoGrande2{ width: 50%;   clear:both; border: 1px solid #666666; margin-left:70px; }




.btnMensaje{width:90%; 
font-size:.875em; float:left; background-color:#993399; color:White; margin-left:5%; margin-right:5%; cursor:pointer; height:auto; border:1px solid #CED5D7; padding:5px 5px 5px 5px; text-align: center; cursor:pointer; }
.btnContenido{width:40%; font-size:1.125em; float:left; background-color:#1a7aa3; color:White; margin-left:5%; margin-right:5%; cursor:pointer; height:auto; border:1px solid #CED5D7; padding:5px 5px 5px 5px; text-align: center; cursor:pointer; }
.btnContenidoN{width:35%; font-size:1.125em; float:left; background-color:#1a7aa3; color:White; margin-left:5%; margin-right:5%; cursor:pointer; height:auto; border:1px solid #CED5D7; padding:5px 5px 5px 5px; text-align: center; cursor:pointer; }
.btnContenido2{width:20%; font-size:1.125em; background-color:#1a7aa3; color:White; margin-left:5%; margin-right:5%; cursor:pointer; height:auto; border:1px solid #CED5D7; padding:5px 5px 5px 5px; text-align: center; cursor:pointer; }

.btnContenidoI{width:70%; font-size:.875em; float:left; background-color:#1a7aa3; color:White;  margin-right:5%; cursor:pointer; height:auto; border:1px solid #CED5D7; padding:5px 5px 5px 5px; text-align: center; cursor:pointer; }



.devisores{ margin:17px 0px 0px 45px; float:left;  background-color:#023E96;  width:80%; font-size:1em; text-indent:1.5%; color:White; height:20px;  font-weight:normal; line-height:1.85em; position:relative;  } 
.devisores2{ margin:17px 0px 0px 45px;  background-color:#023E96; float:left; width:80%; font-size:1em; text-indent:1.5%; color:White; height:20px;  font-weight:normal; line-height:1.85em;  } 

.btnPrevia{width:20%; margin-top:25px; font-size:.875em; float:left; background-color:#993399; color:White; margin-left:5%; margin-right:5%; cursor:pointer; height:auto; border:1px solid #CED5D7; padding:5px 5px 5px 5px; text-align: center; cursor:pointer; }

.btnContenidoT{width:40%; font-size:1.125em; float:left; background-color:#1a7aa3; color:White;  margin-right:5%; cursor:pointer; height:auto; border:1px solid #CED5D7; padding:5px 5px 5px 5px; text-align: center; cursor:pointer; }
.btnContenidoR{width:100%; font-size:.875em; float:left; background-color:#1a7aa3; color:White;  margin-right:5%; cursor:pointer; border:1px solid #CED5D7; padding:5px 5px 5px 5px; text-align: center; cursor:pointer; margin-top:-2% }

.RadioButtonCSS {font-size:0.9em; font-family:Arial; color:#000033; font-weight:bolder; float:left; width:9.5%;}

.btnContenidoE{width:20%; font-size:.875em; float:left; background-color:#1a7aa3; color:White; margin-left:5%; margin-right:5%; cursor:pointer; height:auto; border:1px solid #CED5D7; padding:5px 5px 5px 5px; text-align: center; cursor:pointer; }




.previa
{
    margin-left:40px; 
    font-size:0.75em; font-family:Arial;color:#000033;
   
    
    float:left;
    margin-top:4px;
}

.previa2
{
    
    font-size:0.75em; font-family:Arial;color:#000033;
   
    
    float:left;
    margin-top:6px;
}
.previa3
{
   width:20%; float:left; text-align:left;  margin:0 1% 0 0%; font-size:0.75em; font-family:Arial; color:#000033;  
}
.confirmacion
{
     font-size:0.95em; font-family:Arial;color:#000033;
     text-align:justify;
   
    
    float:left;
    margin-top:6px;
}


.requerido
{
	border: 1px #DF0101 solid !important;
	
	
}
.validateTips
{
	border: 1px solid transparent;
	padding: 4px 0;
	margin: 0 0 6px 0 !important;
	color: #FF0000;
}


.bgtransparent{
        position:fixed;
        left:0;
        top:0;
        background-color:#000;
        opacity:0.6;
        filter:alpha(opacity=60);
}

.bgmodal{
        position:absolute; 
        /*font-family:arial;
        font-size:1em;
        border:0.05em solid black;
        overflow:auto;
        background-color:#E6E6E6;
        box-shadow: 9px 2px 6px #666666;
        border-radius:5px;
        z-index: 1001;*/
}

#popup {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
   
}

.content-popup {
     margin:0px auto;
    margin-top:50px;
    padding:10px;
    width:500px;
    min-height:250px;
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 9px 2px 6px #666666;
    
}

.close {
    position:relative;
    left:480px;
}

.contenedorVista
{
    float:left;
    margin:6px 0 0 46px;
    width:80%;
}

#modal
{
  position: absolute;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  filter: alpha(opacity=50);
  opacity: 0.8;
  -moz-opacity:0.8;
  -webkit-opacity:0.8;
  opacity:0.99;
  -ms-opacity:0.8;
  background-color: #1C1C1C;
  left: 0;
  top: 0;
  overflow: auto;
}

.contenedor
{
  width: 500px;
  background: #fff;
  position: relative;
  margin: 10% auto;
  padding: 30px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  -moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  background: -moz-linear-gradient(##BDBDBD, #ccc);
  
  text-shadow: 0 1px 0 #fff;
  opacity:1;
  
}

.contenedor h2 {
  font-size: 36px;
  padding: 0 0 20px;
}

.contenedor a[href="#close"] {
  position: absolute;
  right: 0;
  top: 0;
  color: transparent;
}

.contenedor a[href="#close"]:focus {
  outline: none;
}

.contenedor a[href="#close"]:after {
  content: 'X';
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 1.5em;
  padding: 1px 1px 1px 2px;
  text-decoration: none;
  text-shadow: none;
  text-align: center;
  font-weight: bold;
  background: #000;
  color: #fff;
  border: 3px solid #fff;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.contenedor a[href="#close"]:focus:after,
.contenedor a[href="#close"]:hover:after {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
}

#contenidoPublicacion { position:absolute; width:auto; right:290px;  margin-top:13px;  }
     #contenidoPublicacion ul { padding: 0; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-align: left;
                                color: White; background: #8A0808; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
                                border-radius: 5px; list-style: none; line-height: 10px; }
         
     #contenidoPublicacion span { display: block; width: 0; height: 0; border-left: 0 solid transparent; border-left: 15px solid transparent;
                                  border-top: 10px solid #333333; border-top: 10px solid #333333; border-bottom: 0; margin-left: 226px; }
/**/
.uno { position:absolute; width:auto; right:496px;  margin-top:33px;  }
    .uno ul { padding: 0; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-align: left;
                                color: White; background: #8A0808; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
                                border-radius: 5px; list-style: none; line-height: 10px; }
         
     .uno span { display: block; width: 0; height: 0; border-left: 0 solid transparent; border-left: 15px solid transparent;
                                  border-top: 10px solid #333333; border-top: 10px solid #333333; border-bottom: 0; margin-left: 226px; }
/**/

.dos { position:absolute; width:auto;  margin-top:33px;  }
    .dos ul { padding: 0; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-align: left;
                                color: White; background: #8A0808; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
                                border-radius: 5px; list-style: none; line-height: 10px; }
         
     .dos span { display: block; width: 0; height: 0; border-left: 0 solid transparent; border-left: 15px solid transparent;
                                  border-top: 10px solid #333333; border-top: 10px solid #333333; border-bottom: 0; margin-left: 226px; }
/**/

/**/
.tres { position:absolute; width:auto; right:278px;  margin-top:-39px;  }
    .tres ul { padding: 0; margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-align: left;
                                color: White; background: #8A0808; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
                                border-radius: 5px; list-style: none; line-height: 10px; }
         
     .tres span { display: block; width: 0; height: 0; border-left: 0 solid transparent; border-left: 15px solid transparent;
                                  border-top: 10px solid #333333; border-top: 10px solid #333333; border-bottom: 0; margin-left: 226px; }
/**/




 
 
 .signin { margin:27% 30% 0; padding:20px 25px 15px; background:#f1f1f1; border:1px solid #e5e5e5;
    width: 32%; float:left;
}
.signin h3
{
    font-size:16px;
    line-height:17px;
    height:16px;
    margin: 0 0 1.2em;
    position:relative;
}
.signin div
{
    margin: 0 0 1em;
}
signin label
{
    display:block;
    font:79.25% arial, helvetica, sans-serif
}
.signin .email-label
{
    margin:0 0 .5em;
    display:block;
    font-size:12px;
    
}
.signin .password-label
{
    margin:0 0 .5em;
    display:block;
    font-size:12px;
    
    
}

.inicio
{
    width:100%; float:left; text-align:left;  margin:0 1% 0 0%; clear:both; font-size:0.75em; font-family:Arial;color:#000033; font-weight:bolder;
    
}
.inicio2
{
    width:100%; float:left; text-align:left;  margin:0 1% 0 0%; clear:both; font-size:0.75em; font-family:Arial;color:#000033; 
    
}
.camposl
{
    width:100%;
}

.subir
{
}


.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.files .progress {
  width: 200px;
}
.progress-animated .bar {
  background: url(../img/progressbar.gif) !important;
  filter: none;
}
.fileupload-loading {
  position: absolute;
  left: 50%;
  width: 128px;
  height: 128px;
  background: url(../img/loading.gif) center no-repeat;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}

/* Fix for IE 6: */
* html .fileinput-button {
  line-height: 24px;
  margin: 1px -3px 0 0;
}

/* Fix for IE 7: */
* + html .fileinput-button {
  padding: 2px 15px;
  margin: 1px 0 0 0;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .preview * {
    width: 40px;
  }
  .files .name * {
    width: 80px;
    display: inline-block;
    word-wrap: break-word;
  }
  .files .progress {
    width: 20px;
  }
}

.fileinput-button input {
  position: static;
  opacity: 1;
  filter: none;
  transform: none;
  font-size: inherit;
  direction: inherit;
}

.fileinput-button span,
.fileinput-button i,
.fileupload-buttonbar .delete,
.fileupload-buttonbar .toggle {
  display: none;
}