* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
 /*font-family: 'Raleway', sans-serif;*/
 font-family: 'Open Sans', sans-serif;
 color:gray;
 line-height:1.7;
 font-size:15px;
 background-color:#E8E8E8;

 font-family:Arial;
 font-size:14px;

 font-family : Verdana, Arial; 
 font-size:12px;
}

#patron {
    width:95%; 
    margin-left:auto; 
    margin-right:auto;
    background-color:white;
    text-align:center;
    
}




#mobileDeviceHeader {
    width:100%;
    height:50px;
    /*background-color:#333;
    background-color:black;*/
    color:white;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    margin:auto;
}

header .contenedor {
    display:table;
    vertical-align:middle;
    margin:auto;
    background-color:black;
}

.contenedor{
    width:100%;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
    /*background-color:red;*/
}

.bandaRegresar {
    background-color:silver;
    padding:15px;
    width:100%;
    font-family:Arial;
    font-size:14px;
}

.tituloSeccion {
    font-weight:bolder; 
    border-bottom:solid 1px Green;
    color:black;
    font-size:14px;
    font-family:Verdana;
}

p{
    padding:5px;
    align-content:space-between;
}

.medico {
    /*margin-top:50px;*/
    position:relative;
    padding:10px; 
    background-color:#7092BE; 
    background-color:blue;
    background-color:#6F4886; 
    width:100%; 
    color:white

}

a{
    color:blue;
    text-decoration:none;
}

.paciente {
    /*margin-top:50px;*/
    position:relative;
    padding:10px; 
    background-color:#7092BE;
    background-color:#6F4886; 
    width:100%; 
    color:white

}

.ayuda
{
 /*border-radius: 15px;*/
 width:100%; 
 text-align:left;
 margin-left:auto; 
 margin-right:auto;
 margin-bottom:10px; 
 background-color:#ffffe6; 
 background-color:#D9F3FF;
 border:solid 0px #dcdccb;
 padding:5px;
 border-left:solid 3px blue;
 
	}

.enlaceRegresar {
    color:blue;
    font-size:15px;
    font-family:Verdana;
} 

.registrosNOEncontrados
{
 /*border-radius: 15px;*/
 width:100%; 
 text-align:left;
 margin-left:auto; 
 margin-right:auto;
 margin-bottom:10px; 
 background-color:#ffffe6; 
 background-color:#D9F3FF;
 border:solid 0px #dcdccb;
 padding:5px;
 border-left:solid 3px red;
 margin-top:10px;
 
	} 



footer {
 background-color: rgba(50,55,62,0.9);
 color:white;
 font-family:Arial;
 font-size:14px;
 padding:20px;
}

footer .contenedor1 {
    margin-left:auto;
    margin-right:auto;
    justify-content:center;
    display:flex;
    flex-wrap:wrap;
    text-align:center;
    
 
    border-bottom:1px solid rgba(255,255,255,0.5);
    border-bottom:1px solid rgba(100,100,100,0.5);

    width:70%;
}

footer .contenedor2 {
    margin-left:auto;
    margin-right:auto;
    justify-content:center;
    text-align:center;
    padding:20px;
    /*display:flex;
    flex-wrap:wrap;
    width:70%;*/
}

footer article {
    max-width: 550px;
    text-align:center;
    vertical-align:middle;
}

footer p {
    line-height:1.5;
}

footer a {
    color: white;
    text-decoration:none;
}

footer a:hover {
    color: green;
}

INPUT {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	border-style:solid;
	border-width:1px;
    
    border-color:#C9B4D6;     /*morado */ 
    border-color:#7F9DB9;     /* azul */
    border-color:#A0B7CB;      /* azul claro */
	padding:10px;
	vertical-align:middle;
	border:solid 1px #DCDCDC; 
    border-radius: 4px;
}

SELECT 
{
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana, Arial, sans-serif;
	padding: 10px;
    border-style     :solid;
	border-width:1px;
    border-color:#C9B4D6;     /*morado */ 
    border-color:#7F9DB9;     /* azul*/
    border-color:#A0B7CB;      /* azul claro */	
    border:solid 1px #DCDCDC; 
    
    -webkit-appearance:listbox;
    -webkit-border-radius: 0;
    border-radius: 4px;
    /*border-radius: 0;*/

    /*
    -webkit-appearance:none;

    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    
    height: 30px; 
    width: 100px;
    padding: 5px;*/
	}

TEXTBOX {
    FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	border-style:solid;
	border-width:1px;
    
    border-color:#C9B4D6;     /*morado */ 
    border-color:#7F9DB9;     /* azul */
    border-color:#A0B7CB;      /* azul claro */
	padding:10px;
	vertical-align:middle;
	border:solid 1px #DCDCDC;
    border-radius: 4px; 
}

TEXTAREA {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	FONT-FAMILY: Verdana, Arial, sans-serif;
	padding:10px;
    border:solid 1px #DBDBDB;
    /* color:Gray; */ 
    border:solid 1px #DCDCDC; 
    border-radius: 4px;
}

.botonGuardar {
    border: solid 1px #969DCF;
    border: solid 1px #FB6F52;
    
    padding: 10px;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
    
    /*font-size: 14px;*/
    cursor: pointer;
    text-decoration: none;
    color: white;
    border-radius: 13px 13px 13px 13px;
    border-radius: 5px 5px 5px 5px;
    border-radius: 4px 4px 4px 4px;
    width:100%;
    background-color:green;
    background-color:#FB6F52;
    

}

.botonGuardar:hover {
    background-color: #7092BE;
    background-color: black;
    color:white;
}

.botonFirmarDocumentosPopup {
    border: solid 1px #7092BE;
    border: solid 1px #969DCF;
    padding: 7px;
    padding-left:10px;
    padding-right:10px;
    background-color: white;
    background-color: #969DCF;
    /*font-size: 14px;*/
    cursor: pointer;
    text-decoration: none;
    color: #7092BE;
    color: #969DCF;
    color:white;
    font-weight:bold;
    border-radius: 13px 13px 13px 13px;
    border-radius: 5px 5px 5px 5px;
    border-radius: 4px 4px 4px 4px;

}

.botonFirmarDocumentosPopup:hover {
    background-color: #7092BE;
    background-color: #C5C9E5;
    background-color: black;
    color:white;
}	


.agenda {    
    width: 100%;    
    background-color: White;    
    border: solid 1px #CCCCCC;    
    border: solid 0px #DCDCDC;    
    
    border-collapse:collapse;    
}   
.agenda td {    
    padding: 5px;    
    border-bottom: solid 1px #c1c1c1; 
    border-bottom: solid 1px Red;       
    border-bottom: solid 1px #DCDCDC;    
    /* color: #717171; */ 
    background-color:White;     
    padding:0px;
}   
.agenda th {    
    padding: 4px 2px;    
    padding:10px;    
    color: White;
    font-weight:bold;     
    font-size: 11px;
    background-color:#41B7E5;  
    background-color:#6F4886;  
    
    /* background: #717171 url('../imagenes/bg_box.png') repeat-x top; 
    */
    height:20px;
}   
.agenda .footer {    
    padding: 4px 2px;    
    color: Black;    
    font-size: 11px;
    background-color:White; 
}  	

.consultas {    
    width: 100%;    
    background-color: White;    
    border: solid 1px #CCCCCC;    
    border: solid 0px #DCDCDC;    
    
    border-collapse:collapse;    
}   
.consultas td {    
    padding: 5px;    
    border-bottom: solid 1px #c1c1c1; 
    border-bottom: solid 1px Red;       
    border-bottom: solid 1px #DCDCDC;    
    /* color: #717171; */ 
    background-color:White;     
    padding:0px;
}   
.consultas th {    
    padding: 4px 2px;    
    padding:10px;    
    color: White;
    font-weight:bold;     
    font-size: 11px;
    background-color:#41B7E5;  
    background-color:#6F4886;  
    
    /* background: #717171 url('../imagenes/bg_box.png') repeat-x top; 
    */
    height:20px;
}   
.consultas .footer {    
    padding: 4px 2px;    
    color: Black;    
    font-size: 11px;
    background-color:White; 
}  	



@media (min-width:1300px) {

    #mobileDeviceHeader{
    width:50%; 
    margin-left:auto; 
    margin-right:auto;
}

    .contenedor{
    width:50%;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
}

    #patron {
        width: 50%;
    }
}

@media (min-width:1600px) {
    #mobileDeviceHeader{
    width:30%; 
    margin-left:auto; 
    margin-right:auto;
}

    .contenedor{
    width:30%;
    margin:auto;
    margin-left:auto;
    margin-right:auto;
}

    #patron {
        width: 30%;
    }
}