/* 
    Document   : style
    Created on : 15/09/2016, 12:52:18 PM
    Author     : carlos.vargasca
    Description:
        Purpose of the stylesheet follows.
*/
body{
    color: #57585A;
}
.bloque {
    border-radius: 25px;
    background-color:#fff;
    margin: 20px; 
    height: 190px;
}
.bloque1 {
    width: 580px;                
    float: left;
}
.bloque2 {              
    width: 300px;                
    float: right;                
}
#main {
    margin: 0px auto;
    width:960px;
    vertical-align: top;
    font: 16px/26px 'Roboto', sans-serif;
    font-weight:bold;
    text-transform: uppercase;  
}
.capa{
    margin: 0px auto;
    width:960px;
    overflow:auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.capa_gris{
    background-color: #E0E1E3;
}
.capa_celeste{
    background-color: #B7D5EF;				
}
.capa_azul{
    background-color:#5789C7;
    text-align:center;
}
#logo_der{
    float: right;
    margin-right: 20px;
}
#logo_izq{
    float: left;
    margin-left: 20px;
}
.bloque_blanco{
    background-color:#fff;
    margin: 0px auto;
    overflow:hidden;
    width: 870px;
    padding: 20px;
}

.bloque_areaser{
    margin: 0px auto;
    overflow: visible;
    width: 870px;
    padding: 20px;
}
.campo_blanco{
    background-color:#fff;
    padding: 20px;
    margin-right: 20px;	
    text-align:center;			
}
.campo {
    font: 16px/26px 'Roboto', sans-serif;
    background-color: #FFFFFF;
    border-width:0;
    border-bottom:solid;
    width: 100%;
    border-bottom-color:#E0E1E3;
    text-transform: uppercase;
    color: #57585A;
    outline:0px;
}
.campo :focus{
    outline:solid 10px red;
    border-width:0;
}
.minus{
    text-transform:none;
    display: inline
}
.pie{
    text-transform:none;
    text-align:center;
    font-size: 10px;
    line-height: normal;
    font-weight: normal;
    margin-top: -16px;
    padding: 15px;
}
.bloque_der{
    float: right;
    width: 320px;
}
.bloque_izq{
    float: left;
    width: 550px;
}

.bloque_area{
    float: left;
    width: 435px;
    margin: -20px
}
.bloque_serv{
    float: right;
    width: 435px;
    margin: -20px
}


.bloque_telf{
    float: right;
    width: 170px;
}
.bloque_dire{
    float: left;
    width: 700px;
}
.etiqueta{
    padding-left: 30px;
}
[type="radio"]:not(:checked),
[type="radio"]:checked {
    width: 16px;
    height: 16px;
}	
#titulo{
    padding: 20px;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}
#caja1{
    padding: 20px;
    padding-top: 10px;
}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}




.btn:disabled{
    background-color:#E0E1E3;
    border-bottom-color:#999;
    color:#999;
}

.bliden{
    padding-top:5px;
}
#fcaptcha{
    font-size: 30px;
    width: 200px;
    text-align: center;
}
#btn_captcha{
    padding: 20px;
    text-transform:none;
    text-align: center;
    color: #fff;
}
#bloque_captcha{
    overflow:auto;
    padding-bottom: 30px;
}

.select2-results__option {
    font: 16px/26px 'Roboto', sans-serif;
    font-weight:bold;
    text-transform: uppercase;
    color: #57585A;
}

#nroreclamo {
    outline: none;
    border-bottom: none;
    padding-left: 20px;
    width: auto;
}

.w3-red, .w3-hover-red:hover {
    color: #fff!important;
    background-color: #f44336!important;
}
.w3-panel {
    padding: 16px;
    margin-top: 16px!important;
    margin-bottom: 16px!important;
    font-family: arial;
    font-weight: bold;
}

.resumen{
    text-transform: none;
    font-weight: normal !important;
}


input#btn_ingresar {
    padding: 15px;
    border-radius: 10px;
    border: solid;
    border-color: #666;
    font-size: 15px;
    font-weight: bold;
    color: #666;
}

input#btn_ingresar:hover {
    background-color: #666;
    color: #fff;
}

#seleccion{
        display: none;
}
.sin_negrita {
    font-weight:normal !important;
}


/*print*/
@media print {
    
    @page {
        size: A4;
        margin: 0;
    }
    span.select2-selection.select2-selection--single {
        border: none;
    }
    #footer_page{
        display: none;
    }
    .capa{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b{
        display: none;
    }    
    .select2-container .select2-selection--single .select2-selection__rendered{
        padding-left: 0px !important;
    }
    #seleccion{
        display: block;
    }
    #resumen{
        display: none;
    }
    
    .bloque {
        background-color:#fff;
    }

    .capa_gris{
        background-color: #E0E1E3;
    }
    .capa_celeste{
        background-color: #B7D5EF;				
    }
    .capa_azul{
        background-color:#5789C7;
    }
    .bloque_blanco{
        background-color:#fff;
    }
 
}