@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Pontano+Sans|Play:400,700);

body,td,th {
	font-family: "Pontano Sans";
	font-size: 15px/18px;
	color: #333;
}
body {
	background-color: #CCC;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

h1 {
	font-size:36px;
	font-family:"Play";
	letter-spacing: -2px;margin:0px
}

h2 {
	font-family:"Play";
	letter-spacing: -2px;
	margin:0px
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #445668;
}
a:hover {}
a:visited {}

.pasos {font-family:"Play";; font-size:70px; line-height:30px; color:#CCC; background-color:#666; height:40px;letter-spacing: -4px;}

.list a {text-decoration: none;color: #333;}
.list a:hover {
	text-decoration: none;
	color: #6A849F;
}
.list ul{margin:0;padding:0;}
.list li{margin-left:-40px;padding:0;}
.list li {
	list-style-type: none;
	font-size: 16px;
	font-weight: bold;
	color: #999;
	background-color: #FFF;
	margin-top: 1px;
	margin-bottom: 2px;
	padding: 5px;
	padding-left:40px;
	background-image: url(../images/agenda/bullet-list.png);
	background-repeat: no-repeat;
	background-position: left center;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.text12 { font-size:12px}
.text14 { font-size:14px}
.text16 { font-size:16px}
.text18 { font-size:18px}
.text20 { font-size:20px}
.text22 { font-size:22px}
.text24 { font-size:24px}
.text26 { font-size:26px}
.text28 { font-size:28px}

body, div, h1, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}

html {
	height: 100%;
}

body {
	background: #728eaa;
	background: -moz-linear-gradient(top, #25303C 0%, #728EAA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25303C), color-stop(100%,#728EAA)); /* webkit */
}

#contact {
	width: 660px; margin: 0px auto; padding: 30px 30px;
	background: #c9d0de; border: 1px solid #e1e1e1;
	-moz-box-shadow: 0px 0px 28px #444;
	-webkit-box-shadow: 0px 0px 28px #444;
}

h1 {font-size: 30px; color: #445668;margin:0; text-shadow: 0px 1px 0px #f2f2f2;}

input {
	height: 30px;
	padding: 0px 10px 0px 10px;
	background: #5E768D;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;
	-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif;
	font-size: 16px;
	color: #f2f2f2;
	text-shadow: 0px -1px 0px #334f71;
}
	input::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
	}
	input:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
	}

select {
	 height: 40px; padding: 10px 10px;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */
}

textarea {
	width: 260px;
	height: 170px;
	padding: 12px 10px 0px;
	margin: 0 0 20px;
	background: #5E768D;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;
	-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif;
	font-size: 16px;
	color: #f2f2f2;
	text-shadow: 0px -1px 0px #334f71;
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
	}
	textarea:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
	}

input:focus, textarea:focus {
	background: #728eaa;
	background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728eaa)); /* webkit */
}

input[type=text] { }

input[type=submit] {
	width: 105px; height: 40px; padding: 10px 10px;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */
	cursor: pointer;
}
#foot {
	width: 700px;
	margin: 10px auto;
color: ; 			color: #C9D0DE;
	text-align: right;
	font-size: 12px;
}

#logo {
	background-image: url(../images/agenda/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 150px;
	width: 722px;
	margin-right: auto;
	margin-left: auto;
}
#logo-admin {
	background-image: url(../images/agenda/logo-admin.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 150px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}


.welcome {
	clear: both;
	font-size: 18px;
	font-weight: bold;
	color: #27323E;
}

.agendadas {
	background-color: #FFFE9A;
	padding: 5px;
	font-size: 16px;
	font-weight: bolder;
}
.especialista { bo}
.horas {
	background: #5E768D;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	 
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 10px; color: #f2f2f2; text-shadow: 0px -1px 0px #334f71; margin-bottom:2px;
	 
	}
.horas a {
	font-family: sans-serif;
	font-size: 10px;
	color: #f2f2f2;
	text-shadow: 0px -1px 0px #334f71;
	margin-bottom:2px;
	text-decoration: none;
}

.horas a:hover {
	text-decoration: underline;
}

.generales { background-color: #B9E1F4; font-size:10px;color: #000000; text-shadow:none; padding:2px; }
.especialista { background-color: #1D86B8; font-size:10px;color: #000000; text-shadow:none; padding:2px; }

.padding5 {padding:5px;}

.tip {
	text-align:left;
	color: #fff;
	background:#1d1d1d;
	display:none; /*--Hides by default--*/
	padding:10px;
	position:absolute;
	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	border: 1px solid #CCC;
}

#nav {float:right; font-size:16px; color:#FFF; padding-top: 95px; padding-right:22px}

#nav a{
	color: #FFF;
	text-decoration: none;
	padding-left:10px; padding-right:10px
}

#nav a:hover {
	color: #5D758C;
	text-decoration: none;
	background-color:
; 	background-color: #F0F2F7;
}

.c1 { background:#8A0808 }
.c2 { background:#8A2908}
.c3 { background:#8A4B08 }
.c4 { background:#886A08 }
.c5 { background:#868A08 }
.c6 { background:#688A08 }
.c7 { background:#088A4B }
.c8 { background:#088A68 }
.c9 { background:#088A85 }
.c10 { background:#088A29}
.c11 { background:#298A08 }
.c12 { background:#4B8A08}
.c13 { background:#086A87  }
.c14 { background:#088A08  }
.c15 { background:#084B8A  }
.c16 { background:#08298A  }
.c17 { background:#08088A  }
.c18 { background:#29088A  }
.c19 { background:#4B088A  }
.c20 { background:#6A0888  }
.c21 { background:#8A0886  }
.c22 { background:#8A0868  }
.c23 { background:#8A084B  }
.c24 { background:#424242  }
.c25 { background:#8A0829  }
.c26 { background:#DF0101  }
.c27 { background:#DF3A01  }
.c28 { background:#DF7401  }
.c29 { background:#DBA901  }
.c30 { background:#088A29}
.c31 { background:#298A08 }
.c32 { background:#4B8A08}
.c33 { background:#086A87  }
.c34 { background:#088A08  }
.c35 { background:#084B8A  }
.c36 { background:#08298A  }
.c37 { background:#08088A  }
.c38 { background:#29088A  }
.c39 { background:#4B088A  }
.c30 { background:#6A0888  }
.c31 { background:#8A0886  }
.c32 { background:#8A0868  }
.c33 { background:#8A084B  }
.c34 { background:#424242  }
.c35 { background:#8A0829  }
.c36 { background:#DF0101  }
.c37 { background:#DF3A01  }
.c38 { background:#DF7401  }
.c39 { background:#DBA901  }

.center { text-align:center }

.esperando {text-align:center; padding:4px; background-color:#FFED00;}
.atendiendo {text-align:center;padding:4px; background-color: #84D2FD}
.reservado {text-align:center;padding:4px; background-color: #00F924; }
.incorrecta {text-align:center;padding:4px; background-color: #FF161A}