#login body{
	background-color:white;
	background-image:url(LogoRobles.jpeg);
    /*background-image:url(patologiaRobles2.jpeg);*/
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:100%;
	color:#000;
	text-align:center;    
	}

#login p{
	font-size:1.5em;
	}
	
#login p.primero{
	margin-top:50px;
	}
#login form{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    }

#login table{
	border:2px solid black;
	background-color:white;
	margin:0 auto;
    display: table;
    /*margin-top: 50%;
    transform: translateY(-50%);
    align-items: center;
    height: 100%;*/
	width:400px;
	font-size:1.25em;
    border-collapse:collapse;
	}
	
#login .mensaje{
	color:#FF3300;
	}
	

	
#login input .red{
	border:#FF3300 medium solid;
	}
	
	
#login .boton{
	background:url(boton_bgi_blue.jpg) repeat-x top center;
	border:none;
	width:auto;
	display:inline;
	margin:auto;
	padding:6px 12px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#187289;
	}

#login .copyright{
	border:none;
	padding-top:20px;
	display:block;	
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
	
#login td{
	/*vertical-align:middle;*/
	padding:0px 5px;
	font-weight:bold;
	font-size:1em;
	color:#000;	
	}
	
#login th{
	padding:0px 5px;
	font-weight:bold;
	font-size:1em;
	color:#FFFFFF;	
	}

body {
	background: none repeat scroll 0 0 #D5F0F9;
	color: #444444;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
}
* {
    margin: 0;
    padding: 0;
}
p {
    line-height: 1.5em;
    margin-bottom: 20px;
}
a {
    color:#0033FF;
	font-weight:bold;
}
a:hover {
    color:#000000;
	font-weight:bolder;
}
/*a:focus {
    outline: medium none;
}*/
h1 {
    color: #608E9D;
    font-size: 40px;
    font-weight: normal;
}
h2 {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0 0 5px;
}
h3 {
    color: #000000;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 10px;
}
h4 {
    color: #999999;
    font-size: 15px;
    padding-bottom: 10px;
}
h5 {
    color: #999999;
    font-size: 13px;
    padding-bottom: 10px;
}
/*
ul, ol {
    margin: 0 0 35px 35px;
}
li {
    padding-bottom: 10px;
}
li ol, li ul {
    font-size: 1em;
    margin-bottom: 0;
    padding-top: 5px;
}
*/
#container {
    background: none repeat 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 0;
    width: 920px;
}
#container-inner {
    background: none repeat 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 0;
    width: 920px;
}
#header {
    height: 88px;
    margin: 0 auto;
    padding: 0;
}
#header h1 {
    padding-left: 15px;
    padding-top: 15px;
}
#header h1 a {
    color: #608E9D;
/*    font-family: Georgia,"Times New Roman",Times,serif;*/
    font-size: 48px;
    font-weight: normal;
    text-decoration: none;
}
#header p {
    color: #999999;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    margin-left: 12px;
    margin-top: 0;
    padding-left: 8px;
}
#nav {
    height: 40px;
    margin-top: 26px;
    width: 920px;
}
#nav ul {
    height: 40px;
    list-style: none outside none;
    margin: 0;
    padding: 0 10px;
}
#nav ul li {
    display: block;
    float: left;
    padding: 0;
}
#nav ul li a {
    color: #D5F0F9;
    display: block;
    font-size: 14px;
    padding: 12px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
#nav ul li a:hover {
    color: #FFFFFF;
}
#banner {
    background-image: url(banner.jpg);
    background-repeat: no-repeat;
    height: 169px;
    margin: 10px 0 0;
    width: 920px;
}
#slogan {
    padding: 36px 0 0 178px;
}
#slogan p {
    color: #FFFFFF;
/*    font-family: Georgia,"Times New Roman",Times,serif;*/
    font-size: 30px;
    margin: 0;
}
#main {
	position:relative;
	top:-30px;
	margin: 0 auto;
	padding: 0;
	width: 890px;
}
#acomoda {
	position:absolute;
	top:30px;
	left:19px;
}

#content {

    float: left;
    margin: 0px;
    padding-right: 6px;
    width: 890px;
}
.sidebar {
    float: right;
    padding: 15px 0 0;
    width: 274px;
}
.sidebar-inner {
    background-color: #EBF8FC;
    margin-bottom: 10px;
    padding: 15px;
}
.sidebar ul {
    margin: 10px 0 0 35px;
    padding: 0;
}
.sidebar li ul li {
    border-top: medium none;
    color: #555555;
    display: block;
    font-size: 13px;
    line-height: 1.5em;
    margin: 0;
    padding: 6px 7px;
}
.sidebar li ul li a {
    color: #555555;
    font-weight: normal;
}
.sidebar li ul li a:hover {
    color: #608E9D;
}
.sidebar h4 {
    background-color: #608E9D;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
}
.subHeader {
	font-weight:bold;
}
.news-item {
    padding-bottom: 10px;
    padding-top: 10px;
}
.latest-news a {
    font-weight: bold;
}
.date {
    color: #000000;
    font-weight: bold;
}
#footer {
    background-color: #608E9D;
    margin: 0 auto;
    padding: 5px 0;
    text-align: right;
    width: 920px;
}
#footer p {
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin: 0 auto;
    padding: 0 10px;
}
#footer p a {
    color: #FFFFFF;
}

.navegacion{
	font-weight:bold;
	text-align:center;
	font-size:16px;
	padding:5px 0;
	line-height:30px;
	word-spacing:5px;
	margin:0 0 25px;
	position:relative;
	top:0px;
	background-color:#F4F4F4;
	border:2px solid #B0B0B0;
}

.anuncio, .error{
	color:#003300;
	background-color:#69E745;
	border:2px solid #00CC33;
	line-height:normal;
	margin:auto;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:5px 0;
	width:500px;
}

.error{
	
	background-color:#FE735F;
	border:2px solid #CC0000;	
}

.etiqueta {
font-weight:normal;
}

#tablaaa table, td{
	font:100% Arial, Helvetica, sans-serif;
}
#tablaaa table{
	width:auto;
	border-collapse:collapse;
	margin:1em 0;
	/*position:relative; top:-30px;*/
}
#tablaaa table tr th a{
	color:#FFFFFF;
}
#tablaaa table tr th a:hover{
	color:#000;
	text-decoration:underline;
	font-weight:900;
	/*outline-width:thick;*/
}
#tablaaa th, td{
	text-align:center;
	padding:.5em;
	border:1px solid #fff;
}
#tablaaa th{
	background:#328aa4 url(tr_back.gif) repeat-x;
	color:#fff;
	}

#tabla table {
	/*position:relative;
	top:-0px;*/
	margin:2px 4px;	
	border-collapse:collapse;
	background: url(etiqueta.jpg) no-repeat scroll left top;
    text-align: center;
    width:auto;
	font:bold 16px Arial, Helvetica, sans-serif;
	
}
/*th, td {
    padding: 10px;
}*/

.bethesda td{
	width:200px;
	}
	
.labels td{
	font:bold 16px Arial, Helvetica, sans-serif;
}

#tabla th {
	font-size:1.25em;
	padding:10px;
    color: #FFFFFF;
	background-color:#1897b7;
}
#tabla td {
    background: none repeat scroll 0 0 ;
	padding:0px;
    /*border-bottom: 1px solid #CCCCCC;*/
}
blockquote {
    border-left: 5px solid #608E9D;
    display: block;
    margin-bottom: 20px;
    padding: 10px;
}
blockquote p {
    color: #555555;
/*    font-family: Georgia,"Times New Roman",Times,serif;*/
    font-style: italic;
    height: 1%;
    margin: 0;
}
fieldset {
    /*border-color: #CCCCCC -moz-use-text-color;*/
    border-style: solid none none;
    border-width: 1px medium medium;
    display: block;
}
fieldset legend {
    color: #555555;
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;
}
fieldset form {
    padding-top: 15px;
}
fieldset p label {
    float: left;
    width: 150px;
}

form textarea {
   /* border-color: #CCCCCC #DDDDDD #DDDDDD #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border:1px solid;*/
    color: #222222;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 2px;
}

form input[type=text], input[type=password] {
   /* border-color: #CCCCCC #DDDDDD #DDDDDD #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border:1px solid;*/
    color: #222222;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 2px;
}

form input:focus{
    border:2px solid royalblue;
}
.mmdx {
	font-size:20px;
}

.texto {
	color: #222222;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 2px;
}

form input.boton {
  background:url(boton_bgi_blue.jpg) repeat-x top center;
	border:none;
	width:auto;
	/*display:block;*/
	margin:auto;
	padding:4px 8px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#187289;
}
form.searchform p {
    margin: 5px 0;
}
span.required {
    color: #FF0000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
.clear {
    clear: both;
	}

.fc_main { 
	background: #DDD; 
	border: 1px solid #000; 
	font-family: Verdana; 
	font-size: 10px; 
	}
	
.fc_date { 
	border: 1px solid #D9D9D9;  
	cursor:pointer; 
	font-size: 10px; 
	text-align: center;
	background: #F0F0F0;
	}
	
.fc_dateHover, TD.fc_date:hover { 
	cursor:pointer; 
	border-top: 1px solid #FFF; 
	border-left: 1px solid #FFF; 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999; 
	background: #FECC63; 
	font-size: 10px; 
	text-align: center; 
	}

.fc_wk { 
	color:#009; 
	font-family: Verdana; 
	font-size: 10px; 
	text-align: center;
	}

.fc_wknd { 
	color: #F00; 
	font-weight: bold; 
	font-size: 10px; 
	text-align: center;
	}

.fc_head { 
	background:#00F; 
	color: #FFF; 
	font-weight:bold; 
	text-align: left;  
	font-size: 11px; 
	}
	
	#pad {height:40px;}

#menu {padding:0; margin:0 0 0 2px; list-style:none; height:10px; position:relative; z-index:500; font-family:Arial, Helvetica, sans-serif;}
#menu li {float:left; margin-right:2px;}
#menu li a {display:block; float:left; height:32px; line-height:32px; background:#04567d; color:#FFF; text-decoration:none; font-size:13px; font-weight:bold; padding:0 24px 0 15px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#000;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#373737;}/*hover sin submenu*/
#menu li:hover > a.sub {color:#fff; background-color:#373737;}/*hover con submenu*/

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #04567d url(down-arrow.gif) no-repeat right center;}/*menu con submenu*/
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:0; top:30px; width:120px; background:#000;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #000;}
#menu :hover ul li a {width:160px; padding:0; text-indent:10px; background:#373737; color:#FFF; height:30px; line-height:30px;  border-top: 1px solid #F4FFE4;}/*elemento del submenu*/
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#43a9c2; color:#fff;}/*hover sobre elemento sub menu*/
#menu :hover ul :hover a.fly {background-color:#39F; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}