﻿
img.img-responsive {
    border-radius: 50%;
    position: initial;
    margin: 0px auto;
    max-width: 100%;
    height: auto;
	width: auto\9; /* ie8 */
} 
.flex-parent{
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

.flex-child{
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

body {
       font-family: Calibri, Helvetica, sans-serif;
       font-size:20px;
       background-color:#ebedee;
}
 
form select
{
    text-align:center;
}
 
 
h2,h3,h4
{
    color:#005ec3;
    font-size: 30px;
    }


.titulo {
    font-family: Calibri, Helvetica, sans-serif;
    color:#005ec3;
    font-size: 30px;
    font-weight: bold;
}
.p3{
     /*color:blue;*/
     text-align:center;
     font-size:18px;
     padding-top:2px;
     padding-bottom:2px;
     font-family: Calibri, Helvetica, sans-serif;
     color: #005ec3;
}

.p4 {
    padding-left: 10%;
    padding-right:10%;
    color:#62676a;
    font-size: 12px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-align:left;
}
   
.label
{
    font-weight: bold;
}
.imageClass
{
    margin-top: 10px;
    margin-bottom: 10px;
}
   
.ancho_normal {
       width:100%;
       margin:auto;
}
.imagen_pagina1 {
 
    height:100px;
       width:100%;
       display: -webkit-inline-box;
}

.imagen_pasos {
 
    border-radius: 30%;
    height:300px;
    width:100%;
    margin-left:auto;
    display: -webkit-inline-box;
}
 
.imagen_head_login {
       height:64px;
       background:url(../Images/fondo_head_login.png) center top no-repeat;
       width:100%;
       display: -webkit-inline-box;
      
}
.contenedor_centro
{
       width:979px;
       margin:auto;
    margin-bottom:30px;
}
 
.logo_fondepro {
       width:364px;
       margin:auto;
       padding-top:39px;
       padding-bottom:67px;
}
.contenido_login {
       width:265px;
       margin:auto;
}
 
.contenido_login_re {
    width:425px;
       margin:auto;
}
 
.contenido_registro {
 
    width:333px;
       margin:auto;
}
form label {
       color: #62676a;
       margin-right:8px;
       margin-top:5px;
       margin-bottom:5px;
       display:block;
}
.font_18 {
       font-size: 18px;
}
.boton_azul {
       -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
       border-radius: 10px;
       background:#005ec3;
       padding:10px 12px;
       color:#FFF !important;
       display:block;
       text-align:center;
}
 
.ancho_75
{
       width:75px;
}
 
 
.div_footer
{
       height:75px;
       background-image:url('../Images/logo_fondepro_footer.png');
       background-position:right bottom;
       background-color:#005ec2;
       background-repeat:no-repeat;
}
 

.font_usaid
{
    padding-top:10px;
    padding-left:200px;
       font-size:14px!important;
       font-style:italic;
       font-weight:bold;
      
}
.font_14
{
       font-size:14px!important;
 
}
 
.div_footer p
{
       color:#FFF;
       text-align:center;
       font-size:11px;
}
 
.div_footer .p1
{
       padding-top:10px;
}
 
.div_footer .p2
{
       padding-top:1px;
       padding-bottom:1px;
}
 
.div_footer p a
{
       color:#FFF;
}
form input[type=submit]{
    border:none;
    cursor:pointer;
}
 
.ancho_97 {
    width:97px;
}
 
 
.div_encabezado {
    width:979px;
    margin:auto;
}
 
.separacion_encabezado {
    height:1px;
}
 
 
.font_14
{
       font-size:14px!important;
 
}

table.rblListWarp input {
    display:block;
    float: left;
}
table.rblListWarp label{
    padding-left: 5px;
    display: block;
    float: left;
}

/*.RadWizard img {
    padding-left:34px;
    top: -88px;
    left: 0px;
}*/




.button {
    margin: 10px;
    text-decoration: none;
    font: bold 1 em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);   
}

.button, 
.button span {
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.button span {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;    
    /* The background pattern */
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    background-size: 3px 3px;            
}

.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

.button-blue {
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: #4477a1;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
    width: 292px;
    height: 46px;
}

.button-blue:hover {
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active {
    background: #4477a1;
}


p {
    /*padding-left: 0%;
    padding-right:15%;*/
     padding-left: 0%;
    padding-right:10%;
    color:#62676a;
    font-size: 12px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-align:left;
}

p.pcaptcha {
    padding-left: 10%;
    padding-right:10%;
    color:#62676a;
    font-size: 12px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-align:justify;
}

.elementoscaptcha {
        padding-left: 10%;
}

.Captcha {
    padding-left:0%;
}

input {
    padding-left:0%;
}

/*.RadCaptcha
    {
        width: 400px;
        background-color: #F0F0F0;
        padding-left: 10%;
        border: 1px dotted #606060;
        font-family: Serif;
    }*/