﻿@import url(http://fonts.googleapis.com/css?family=Exo);
body { padding: 0px; background: url('Fondo.png') no-repeat center top; background-color: #F2F6FC; font-family: 'Exo' ,Arial; font-size: 16px; margin: 0px auto; width: 940px; font-style: normal; }
header { }
header a { float: right; }
#DivPaciente { border: 5px solid #FFFFFF; background-color: #254B7A; color: #FFFFFF; border-radius: 10px; padding: 1px; box-shadow: 0 0 rgba(144,183,230,.7), .1em .1em .5em #254B7A inset; display: none; height: 110px; vertical-align: middle; width: 98%; }
#DivPaciente table { margin: 0px auto; }
.Informacion { padding: 3px; font-family: Verdana; font-size: 20px; font-weight: bold; text-align: justify; }
#Resultados { position: fixed; right: 0px; top: 135px; z-index: 999; background-image: url('Resultados.png'); background-repeat: no-repeat; width: 57px; height: 170px; cursor: pointer; }
#Resultados:hover { background-image: url('ResultadosHover.png'); }
#Social { position: fixed; right: 0px; top: 315px; z-index: 999; background-image: url('FondoRedes.png'); background-repeat: no-repeat; width: 57px; height: 114px; }
#Facebook { top: 6px; background-image: url('facebook.png'); background-repeat: no-repeat; width: 32px; height: 32px; right: 3px; position: absolute; background-color: #FFFFFF; }
#Facebook:hover { background-image: url('facebookHover.png'); }
#Twiter { top: 40px; background-image: url('twitter.png'); background-repeat: no-repeat; width: 32px; height: 32px; right: 3px; position: absolute; }
#Twiter:hover { background-image: url('twitterHover.png'); }
#Correo { top: 72px; background-image: url('Correo.png'); background-repeat: no-repeat; width: 32px; height: 32px; right: 3px; position: absolute; }
#Correo:hover { background-image: url('CorreoHover.png'); }
article { border-color: #FFFFFF; border-radius: 10px; border-style: solid; border-width: 3px; margin-bottom: 5px; padding: 10px; }
footer { margin: 0px; border: 5px solid #254B7A; background-color: #F2F6FC; color: #254B7A; border-radius: 10px; padding: 5px; bottom: 0px; width: 98%; box-shadow: 0 0 rgba(144,183,230,.7), .1em .1em .5em #254B7A inset; z-index: 999; right: 0px; position: fixed; font-family: Verdana; font-size: 14px; }
footer img { padding-top: 3 px; }
article header { padding: 7px 7px 4px 7px; margin: 0px; box-shadow: 0 0 rgba(144,183,230,.7), .1em .1em .5em #254B7A inset; border-radius: 10px; font-weight: bold; font-size: 24px; }
article header img { margin-right: 10px; }
article:nth-child(odd) { background-color: rgba(255, 255, 255, 0); }
article:nth-child(even) { background-color: rgba(255, 255, 255, 0.85); border-color: #CCCCCC; }
img { padding: 0px; margin: 0px; border-style: none; }
nav { float: right; width: 19%; margin-left: 5px; text-align: center; }
nav ul { list-style-type: none; margin: 0px; padding: 0px; }
nav ul li { box-shadow: 0 0 rgba(144,183,230,.7), .1em .1em .5em #254B7A inset; border-radius: 304px 228px 152px 152px; border-style: solid; border-width: 3px; border-color: #FFFFFF; margin: 2px; padding: 10px; font-size: 20px; text-transform: capitalize; cursor: pointer; }
nav ul li a { color: #245CA1; text-decoration: none; }
nav ul li:hover { background-color: #254B7A; color: #FFFFFF; }
nav ul li a:hover { color: #FFFFFF; }
section { float: left; width: 78%; margin-bottom: 70px; }
#Menu-Horizontal { padding: 80px 0px 0px 0px; text-align: center; list-style: none; font-size: 13px; font-family: Verdana; }
#Menu-Horizontal li { position: relative; float: left; }
#Menu-Horizontal a, #Menu-Horizontal a:visited, #Menu-Horizontal a, #Menu-Horizontal a:hover { padding: 3px 0px 3px 0px; width: 114px; height: 20px; overflow: hidden; background: url('Cuadro.png') no-repeat; display: block; position: relative; z-index: 2; text-decoration: none; color: #254B7A; margin-right: 0px; }
#Menu-Horizontal a:hover { font-weight: bold; font-size: 12px; }
#Menu-Horizontal li img.shadow { margin: 0 auto; position: absolute; bottom: 0; left: 0; z-index: 1; }
.Limpiar { clear: both; }
#Slider, #SliderServicios, .Contenedor { box-shadow: 0 0 rgba(144,183,230,.5), 5px 5px 10px; margin: 0px auto; border: 5px solid #FFFFFF; border-radius: 30px; overflow: hidden; }
.Contenedor { position: relative; background-color: White; }
#SliderServicios { margin: 0px; border-radius: 0px 45px 0px 45px; }
#Slider img { width: 100%; border-radius: 30px; }
#SliderStaff img, #SliderServicios { width: 50%; }
.Imagen { box-shadow: 0 0 rgba(144,183,230,.5), 5px 5px 10px; }
.nivoSlider { background: url(loading.gif) no-repeat 50% 50%; position: relative; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; border-radius: 30px; }
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; }
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; }
.nivo-box { display: block; position: absolute; z-index: 5; }
.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; opacity: 0.8; width: 100%; z-index: 8; }
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display: none; }
.nivo-directionNav a { text-indent: -9999px; border: 0; color: transparent; display: none; }
.nivo-prevNav { }
.nivo-nextNav { }
.nivo-controlNav { position: absolute; left: 40%; bottom: 5px; }
.nivo-controlNav a { position: relative; z-index: 99; cursor: pointer; background: url(bullets.png) no-repeat; width: 10px; height: 10px; border: 0; margin-right: 7px; float: left; text-indent: -9999px; }
.nivo-controlNav a.active { background-position: 0 -10px; }
.VentanModal-Fondo, .FondoModalPopup { background-color: #FFFFFF; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
.VentanModal { position: relative; margin: 0 auto; min-width: 100px; min-height: 100px; }
.VentanModal-Cuerpo { position: relative; }
.VentanModal-tr, .VentanModal-tl, .VentanModal-br, .VentanModal-bl, .VentanModal-tc, .VentanModal-bc, .VentanModal-cr, .VentanModal-cl { position: absolute; }
.VentanModal-tr, .VentanModal-tl, .VentanModal-br, .VentanModal-bl { width: 420px; height: 220px; background-image: url('FondoVidrio.png'); }
.VentanModal-tl { top: 0; left: 0; clip: rect(auto, 100px, 100px, auto); }
.VentanModal-tr { top: 0; right: 0; clip: rect(auto, auto, 100px, 320px); }
.VentanModal-bl { bottom: 0; left: 0; clip: rect(100px, 100px, auto, auto); }
.VentanModal-br { bottom: 0; right: 0; clip: rect(100px, auto, auto, 320px); }
.VentanModal-tc { left: 100px; right: 100px; height: 100px; background-image: url('FondoVidrioHS.png'); top: 0; clip: rect(auto, auto, 100px, auto); }
.VentanModal-bc { height: 100px; left: 100px; right: 100px; background-image: url('FondoVidrioHI.png'); bottom: 0; clip: rect(auto, auto, 100px, auto); }
.VentanModal-cr, .VentanModal-cl { top: 100px; bottom: 120px; width: 420px; background-image: url('FondoVidrioV.png'); }
.VentanModal-cr { right: 0; clip: rect(auto, auto, auto, 320px); }
.VentanModal-cl { left: 0; clip: rect(auto, 100px, auto, auto); }
.VentanModal-cc { position: absolute; top: 100px; left: 100px; right: 100px; bottom: 100px; background-color: #FEFBFB; }
.VentanModal { margin: 5px; }
.VentanModal-Contenido { margin: 0px 20px 28px 15px; position: relative; padding: 3px; overflow: auto; }
.VentanModal-Titulo { text-shadow: #A0A0A0 3px 1px 2px; overflow: hidden; margin: 0px; padding: 7px 20px 7px 20px; height: 25px; font-size: 22px; font-weight: bold; text-align: left; color: #000000; }
.VentanModal-Titulo input { right: 20px; top: 5px; position: absolute; cursor: pointer; }
.ContenedorLista { margin: 0px !important; background-color: #CADFE4; color: #12434E; border: 1px dashed #12434E; cursor: 'pointer'; text-align: left; list-style-type: inherit; width: 300; }
.ItemLista { background-color: #B2D1D7; color: #12434E; padding: 1px; font-size: small; cursor: 'pointer !important'; width: 300; }
.SeleccionItemLista { background-color: #33A7C8; color: #FFFFFF !important; padding: 1px; font-weight: bold; font-size: small; cursor: 'pointer !important'; width: 300; }
.Tabla { border: 2px solid #DDDDDD; font-size: 13px; background-color: #F0F0F0; }
.Tabla tr:nth-child(odd) { background-color: #DDDDDD; }
.Tabla tr:hover, .Tabla tr.odd:hover { background-color: #254B7A; color: #FFFFFF; }
.Tabla th, .Tabla thead th { border-left: 1px solid #FFFFFF; color: #000000; background: #FFFFFF url('Th.png'); height: 25px; font-weight: bold; font-size: 14px; background-repeat: repeat-x; }
.Tabla tr { vertical-align: middle; }
.Tabla th, .Tabla td { padding: 2px; }
.Tabla td { border-left: 1px solid #DDDDDD; }
.Tabla tr:hover td { border-left: 1px solid #FFFFFF; }
.PanelMensajes { border-style: none; border-width: 0px; background-position: left top; padding: 0px; width: 420px; height: 220px; background-image: url('FondoVidrio.png'); background-repeat: no-repeat; }
.TituloMensajes { margin: 0px; padding: 7px 0px 7px 20px; width: 100%; height: 25px; font-size: 20px; font-weight: bold; text-align: left; color: #000000; cursor: move; }
#IconoMensaje { padding: 0px; margin: 20px 0px 0px 20px; float: left; }
.TextoMensaje { margin: 0px 0px 0px 20px; overflow: auto; padding: 8px; width: 313px; height: 103px; }
h2 { text-align: center; color: #166F99; }