﻿#paciente {
    /*margin-top:50px;*/
    position:relative;
    padding:10px; 
    background-color:#7092BE; 
    width:100%; 
    color:white

}



#banner{
    /*margin-top:50px;*/
    position:relative;

    /*background: url('Imagenes/BannerHomePage/dia_muertos/dia_muertos_11.jpg')no-repeat;
    background: url('../Imagenes/BannerHomePage/medisel_banner.JPG')no-repeat;
    background: url('../Imagenes/BannerHomePage/home_page_image.JPG')no-repeat;*/

    background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../Imagenes/BannerHomePage/home_page_image.JPG');

    background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../Imagenes/BannerHomePage/MediSel_HomePage_2019.jpg');

    background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../Images/medisel_banner.jpg');

    background: url('../Images/medisel_banner.jpg')no-repeat;
    

    background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0,0, 0, 0.3)), url('../Images/pantalla_firma2.png');
    
	height:596px;
    height:696px;
	width: 100%;
	background-position:center;
	background-size: cover;
	clear: both;
	
	border-bottom: 0px solid #ccc;
    
    
}

#banner .contenedorHeader {
    position:absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    color:#fff;

}

#banner h1 {
  font-family : 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
  font-family: 'Thasadith', sans-serif;
  font-variant : normal;
  font-size: 40px;
  line-height: 45px;
  font-weight:100;
  color:White;
  padding-bottom:20px;
}

#banner h2 {
    font-size: 25px;
    padding-bottom:20px;
    font-weight:200;
}

#banner a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:20px;
    width: 300px;
    margin-top:10px;
    border: 3px solid #fff;
    text-align:center;

    background-color:#589F0B; /*verde logo*/
	font-weight:bold;
	color:White;
	border:solid 1px White;

    text-decoration  :none;
	font-family : 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
	font-variant: normal;
	font-size: 20px;
	line-height: 20px;
	font-weight:300;
	color:White;
}

#banner a:hover{
    background:rgba(53,53,53,0.5);
    cursor:pointer;
}


#bannerInformativo{
    /*margin-top:50px;*/
    position:relative;

    /*background: url('Imagenes/BannerHomePage/dia_muertos/dia_muertos_11.jpg')no-repeat;
    background: url('../Imagenes/BannerHomePage/medisel_banner.JPG')no-repeat;
    background: url('../Imagenes/BannerHomePage/home_page_image.JPG')no-repeat;*/



    background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../Imagenes/BannerHomePage/home_page_image.JPG');

    background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../Imagenes/BannerHomePage/MediSel_HomePage_2019.jpg');

    background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../Images/medisel_banner.jpg');

    background: url('../Images/medisel_banner.jpg')no-repeat;
    

    background-image:url('../Imagenes/pantalla_firma2.png');
    
	height:596px;
    height:296px;
    height:260px;
	width: 100%;
	background-position:center;
	background-size: cover;
	clear: both;
	
	border-bottom: 0px solid #ccc;
    
    
}

#bannerInformativo .contenedorHeader {
    position:absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    color:#fff;

}

#bannerInformativo h1 {
  font-family : 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
  font-family: 'Thasadith', sans-serif;
  font-variant : normal;
  font-size: 40px;
  line-height: 45px;
  font-weight:100;
  color:White;
  padding-bottom:20px;
}

#bannerInformativo h2 {
    font-size: 25px;
    padding-bottom:20px;
    font-weight:200;
}