/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body#page1 {background: url(../images/citas_on_line/bg-1.jpg) top center no-repeat #0168b3; min-width: 360px;}
body { 
	background: url(../images/citas_on_line/bg-2.jpg) top center no-repeat fixed #fff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 16px;
	color: #000;
	/*min-width: 1003px;
	min-height: 100%;*/
	position: relative;
}
html { height: 100%; /*min-width: 1024px;*/}

p { /*padding-top: 16px;*/
	padding-top: 10px;
}

.wrapper p{ padding-top: 5px;}

.top { padding-top: 0px; }
.top1 { padding-top: 8px; }
.top2 { padding-top: 17px; }
.top3 { padding-top: 20px; }
.top4 { padding-top: 29px; }
.top5 { padding-top: 35px; }

.bot { padding-bottom: 27px; }
.bot-long {padding-bottom: 66px;}

.margin-bot {margin-bottom: 0 !important;}

.img-pad {padding-bottom: 6px;}
.img-pad1 {padding-bottom: 4px;}

a {	color: #333; outline: none; }
a:hover{ text-decoration: none; }

img {padding-top: 2px;}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 1060px;
}
#page1 .main {width: 395px;}
	/* Header */
	header{
		height: 171px;
		position: relative;
		background: url("../images/header.png") no-repeat scroll left top transparent;
		/*overflow: hidden;*/
	}
	#page1 header {height: 265px;}
	/* Content */
	section#content {
		min-height: 620px;
		width: 100%;
		overflow: hidden;
	}			
	/* Footer */
	footer{
		height: 150px;
	}
/* Left & Right alignment */

.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

.col-1, .col-2, .col-3, .col-4, .col-5 { float: left;}

.alignright { text-align: right;}
.aligncenter { text-align: center;}

.wrapper { 
	/*width: 100%;*/
	width: 770;
	overflow: hidden;
	color: #020000;
	margin:10px 0 0 80px;
}
.container {
	width: 100%;
}
/*----- form defaults -----*/
input[type=text], select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: middle;
	font-weight: normal;
	width: 300px;
	-moz-border-radius: 4px 4px 4px 4px;
	border: 1px solid #D5D5D5;
	padding: 6px;
}

#wrapper_citas input[type=text], #wrapper_citas select, #wrapper_citas textarea { 
	width: 260px;
}

small{
	font-size: 10px;
}

/*----- other -----*/
.img-indent { margin: 0 20px 0 0; float: left; }
.extra-wrap { overflow: hidden; }
.phone { display: inline-block;	width: 95px; }

/*=============================================================================== text =====*/
h1 {
	padding: 57px 0 0px 0px;
	position: relative;
}
	h1 a {
		display: block;
		height: 110px;
		width: 380px;
		text-indent: -5000px;
		background: url(../images/logo1.png) 18px top no-repeat;
	}
#page1 h1 {
	padding: 120px 0 0px 1px;
	position: relative;
}
	#page1 h1 a {
		background: url("../images/mila_index.png") no-repeat scroll left top transparent;
	    display: block;
	    height: 165px;
	    left: -165px;
	    position: absolute;
	    text-indent: -5000px;
	    top: 50px;
	    width: 380px;
	}
h2 {
	font-size: 28px;
	line-height: 1.2em;
	color: #fff;
	padding: 20px 0px 13px 0px;
	margin: 0px 0px 0px -1px;
	letter-spacing: -2px;
}
h3 {
	font-size:36px;
	line-height: 1.2em;
	color: #0d408d;
	border-bottom: 1px solid #575757;
	padding: 17px 0 7px 0;
	letter-spacing: -3px;
	margin-bottom: 25px;
}
	h3 span {
		/*display: block;
		margin-top: -6px;*/
	}
	h3 strong {
		text-transform: uppercase;
	}

h4 {
	font-size:20px;
	line-height: 1.2em;
	color: #0068B2;
	padding: 17px 0 7px 0;
	letter-spacing: -1px;
	margin-bottom: 25px;
	margin-left: 15px;
	text-transform: uppercase;
}
	h4 span {
		display: block;
		margin-top: -6px;
	}
	h4 strong {
		text-transform: uppercase;
	}

.color {color: #7cb210;}

.claro{
	color: #BCC9E5 !important;
}

.column-left {width: 197px; float: left; position:relative; height: 647px; background: none repeat scroll 0 0 #0068B2;}
.column-right {width: 863px; float: right; position: relative; z-index: 12; min-height: 620px;}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/
#page1 nav {padding-left: 1px;}
nav {
	width: 197px;
	padding: 1px 0 0 0px;
}
	nav li {
		font-size: 15px;
		line-height: 15px;
		text-align: right;
		margin-bottom: 5px;
	}
		nav  a {
			color:#fff;
			text-decoration:none;
			display:inline-block;
			background:url(../images/nav-left.png) left top no-repeat;
			/*font-size: 23px;*/
		}
			nav  a strong {
				background:none;
				display:inline-block;
				padding:0 2px;
				background:url(../images/nav-right.png) right top no-repeat;
			}
				nav  a strong strong {
					background:none;
					padding:14px 5px 8px 17px;
					background:url(../images/nav-tail.png) 0 0 repeat-x;
				}
					nav  a:hover, nav .active {
						background:url(../images/nav-left-hover.png) left top no-repeat;
					}
					nav  a:hover strong, nav .active strong {
						background:url(../images/nav-right-hover.png) right top no-repeat;
					}
						nav  a:hover strong strong, nav .active strong strong {
							background:url(../images/nav-tail-hover.png) 0 0 repeat-x;
							color:#0a69b0;
						}
/*=================================================================================================================== content =====*/
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 20px; }
.col-indent1 { padding-right: 34px; }
.col-indent2 { padding-right: 8px; }
.col-indent3 { padding-right: 42px; }
/*=============================================================================== boxes =====*/
.box-top {
	/*background: url(../images/box-top-bg.png) left top no-repeat;*/
	background: #F8FAFA;
	padding-top: 5px;
}
	.box-bottom {
		/*background: url(../images/box-bottom-bg.png) left bottom no-repeat;*/
		background: #F8FAFA;
		padding-bottom: 5px;
		margin-bottom: 47px;
	}
		.box {
			/*background: url(../images/box-tail-bg.png) 0 0 repeat-y;*/
			background: url(../images/bg_logo.png) right bottom no-repeat #f8fafa;
			width: 100%;
		}
	.box .indent {padding: 15px 20px;*padding: 15px 20px 0;}
	#contenido{min-height: 607px;}
	.box .indent1 {padding: 5px 48px 40px 49px;}

.block {
	background: url(../images/block-bg.png) left bottom no-repeat;
	font-size: 17px;
	line-height: 1.2em;
	color: white;
	text-align: center;
	width: 181px;
	margin-bottom: 1px;
}
	.block p {
		padding: 4px 0 0;
		letter-spacing: -1px;
		height: 30px;
	}
/*=============================================================================== line-hor =====*/
.line-hor {
	background: url(../images/divider-bg.gif) left bottom repeat-x;
	margin-bottom: 20px;
}
.line-hor1 {
	background: url(../images/divider-bg.gif) left bottom repeat-x;
	padding: 0 0 26px 30px;
	margin-bottom: 20px;
}

.padding {padding: 0 0 0 31px;}
/*=============================================================================== lists =====*/
.list {
	padding: 2px 0 3px 0;
}
	.list li {
		font-size: 14px;
		line-height: 30px;
		background: url(../images/list-bg.png) 0 0 no-repeat;
		width: 100%;
	}
		.list li a {
			display: block;
			text-decoration: none;
			padding: 0 0 0 12px;
		}
			.list li a:hover {
				color: #7cb210;
			}
.update {padding: 18px 0 2px;}
	.update li {
		background: url(../images/update-list-bg.png) 0 0 no-repeat;
	}
/*=============================================================================== links =====*/
.link {
	background:url(../images/link-left-bg.png) left top no-repeat; 
	display:inline-block;
	text-decoration:none;
	margin:5px 0 0 0px;
	color: white; 
	cursor:pointer; 
	font-size:16px;
	text-transform: lowercase;
}
	.link span {
		background:url(../images/link-right-bg.png) right top no-repeat;
		display:inline-block; 
		padding:0 7px 0 7px;
	}
	.link span span  {
		background:url(../images/link-tail-bg.png) top repeat-x;
		padding:5px 4px 8px 6px;
	}
	.link:hover {background:url(../images/link-left-bg-hover.png) left top no-repeat; color:#3b5f01;}
		.link:hover span {background:url(../images/link-right-bg-hover.png) right top no-repeat;}
			.link:hover span span  {background:url(../images/link-tail-bg-hover.png) top repeat-x;}
.link_1 {
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
}
	.link_1:hover {text-decoration: underline;}
/*=============================================================================== table =====*/
/*table {
	font-size: 14px;
	margin-top: 25px;
	height: 354px;
	width: 462px;
}
	table tr {}
		table .cell-1 {
			width: 116px;
			padding: 5px 0 6px;
		}
		table .cell-2 {
			width: 204px;
			padding: 5px 0 0 13px;
		}
		table .cell-3 {
			text-align: center;
			padding: 5px 0 0;
			width: 77px;
		}
		table .cell-4 {
			text-align: center; 
			width: 48px;
			padding: 5px 0 0;
		}
		table td {
			border: 1px solid #575757;
		}
		table .left {border-left: none;}
		table .right {border-right: none;}
		table .top {border-top: none;}
		table .bottom {border-bottom: none;}*/
/*=================================================================================================================== footer =====*/
footer {
	width: 100%;
	position: absolute;
	bottom: -15px;
	left: 0;
	
}
	footer img {padding: 23px 0 0 50px;}
	footer p {
		padding: 0 0 0 17px;
		font-size: 11px;
		color: #b8b8b8;
	}
		footer p a {
			text-decoration: none;
			color: #b8b8b8;
		}
			footer p a:hover {text-decoration: underline;}
footer .center {
		width: 1040px;
		margin: 0 auto;
		background: url(../images/footer-bg.gif) 0 0 no-repeat;
	}
#page1 footer .center {
	width: 360px;
}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#ContactForm {
	padding-top:2px;
	width: 273px;
	margin-bottom: 27px;
}
	#ContactForm label {
		height:36px; 
		display:block;
	}
	#ContactForm .link {
		margin:26px 2px 0px 6px;
	}
	#ContactForm .input {
		width:247px; 
		background:url(../images/ContactForm-label-bg.png) 0 0 no-repeat; 
		border:none;
		padding:0px 13px 0px 13px;
		color:#cacaca;
		display:block;
	}
	#ContactForm input {
		width:247px; 
		background:none; 
		border:none;
		padding:7px 0px 8px 0px; 
		color:#cacaca;
	}
	#ContactForm textarea {
		width:247px; 
		height:302px;
		background:none;
		border:none;
		padding:0px 13px 0px 13px;
		overflow:auto; 
		color:#cacaca; 
	}
	#ContactForm .textarea {
		background:url(../images/ContactForm-textarea-bg.png) 0 0 no-repeat;
		border:none;
		width:273px; 
		padding:7px 0px 8px 0px;
		display: block;
	}

#OrderForm {
	padding:31px 0 8px;
	font-size:12px;
	line-height:18px; 
	width:462px;
}
	#OrderForm p {
		padding: 0 0 14px;
		
	}
	#OrderForm label {
		height:36px;
		display:block;
		width: 100%;
		overflow: hidden;
		font-size: 14px;
		line-height: 26px;
	}
	#OrderForm a {
		margin: 20px 0px 0px 15px;
		display: inline-block;
		color: #7cb210;
	}
	#OrderForm .column1 {
		float:left; width:216px; margin-right:40px;
	}
	#OrderForm .column2 {
		float:left; width:206px;
	}
	#OrderForm .input {
		width:131px; 
		background:url(../images/OrderForm-label-bg.png) 0 0 no-repeat; 
		border:none;
		padding:0px 10px 0px 10px;
		color:#9e9e9e;
		display:block;
		float: right;
	}
	#OrderForm input {
		width:131px; 
		background:none; 
		border:none;
		padding:7px 0px 7px 0px; 
		color:#9e9e9e;
	}
/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

#info_left{
	float: right;
    height: 165px;
    margin-right: 20px;
    margin-top: 25px;
    text-align: right;
    /*top: 325px;
    width: 100%;*/
}
#info_left h4{
	padding: 0;
	margin: 5px 0;
}
#info_left p {
	padding: 0;
	margin: 5px 0;
	font-size: 11px;
	color: #a3b7d6;
}
#info_left span{
	color: #fefefe;
	margin: 5px 0;
	font-size: 12px;
}

#info_sedes p{
	color:#0068B2;
	font-size: 12px;
	margin: 2px 0 0 10px;
	padding: 0;
}
#info_sedes span{
	font-size: 10px;
	clear: both;
	margin: 0 0 0 10px;
	display: inline-block;
	padding: 0;
}
#info_sedes span.tel{
	background: url(../images/inicio/tel.png) left top no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}

#info_sedes cufon{
	height: 8px !important;
}

.separador_sedes{
	border-top: 1px dotted #FFFFFF;
    height: 1px;
    margin: 2px auto;
    width: 110px;
}

a#logo_chamberi{
	background: url(../images/logo_chamberi.png) 0 0 no-repeat;
	display: block;
	height: 107px;
	width: 282px;
	float: right;
	margin: 26px 17px;
}

a#logo{
	background: url(../images/logos/consultas_externas_big.png) 0 0 no-repeat;
	display: block;
	height: 107px;
	width: 282px;
	float: left;
	margin: 10px 0;
	text-decoration: none !important;
}

#wrapper_atencion_cliente h4{
	color: #019ddf;
	text-align: center;
	line-height: 8px !important;
    margin: 6px 0;
    padding: 5px 0;
    font-size: 16px;
}

p.left{
	display: inline-block;
	width: 125px;
	margin-right: 15px;
	float: left;
}
p.right{
	display: inline-block;
	width: 350px;
	float: left;
}

a#enviar_form{
	width:141px;height:50px;display:block;overflow:hidden;background:url(../images/atencion_cliente/boton_enviar.png) left top no-repeat
}
a#enviar_form:hover{
	background-position: left bottom;
}

a#crear_cita{
	width: 338px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/crear_cita.png) left bottom no-repeat;
	margin:auto;
}
a#crear_cita:hover{
	background-position: left top;
}

a#modificar_cita{
	width: 338px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/modificar_cita.png) left bottom no-repeat;
	margin:auto;
}
a#modificar_cita:hover{
	background-position: left top;
}

a#cancelar_cita{
	width: 338px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/cancelar_cita.png) left bottom no-repeat;
	margin:auto;
}
a#cancelar_cita:hover{
	background-position: left top;
}

a#consultar_cita{
	width: 338px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/consultar_cita.png) left bottom no-repeat;
	margin:auto;
}
a#consultar_cita:hover{
	background-position: left top;
}

/** TABS SEDES */

#wrapper_tabs{
	width: 786px; overflow: hidden; margin: 0 auto; background: #e8f4f8; height: 430px;
}
.tabs li{
	float: left;
}
.sedes_tab{
	width: 262px; height: 37px; overflow: hidden; display: block; float: left;
}
#sede_tab1{
	background: url(../images/sedes/tab1.png) left bottom no-repeat;
}
#sede_tab1:hover{
	background-position: left top;
}

#sede_tab2{
	background: url(../images/sedes/tab2.png) left bottom no-repeat;
}
#sede_tab2:hover{
	background-position: left top;
}

#sede_tab3{
	background: url(../images/sedes/tab3.png) left bottom no-repeat;
}
#sede_tab3:hover{
	background-position: left top;
}
.tabs_active{
	background-position: left top !important;
}
#info_sedes_tabs{
	padding: 30px;
}
#info_sedes_tabs p{
	color:#000;
	font-size: 13px;
	margin: 8px 0;
	padding: 0;
}
#info_sedes_tabs span{
	font-size: 13px;
	clear: both;
	display: block;
	margin: 8px 0;
	padding: 0;
}
#info_sedes_tabs span.tel{
	background: url(../images/sedes/tel.png) left top no-repeat;
	padding-left: 30px;
	font-size: 17px;
	margin: 8px 0;
}
#info_sedes_tabs cufon{
	height: 15px !important;
}

.content_tabs_left{
	float:left;margin-right:10px;
}

p.como_llegar{
	color:#009de0 !important;
}
.wrapper_lineas{
	width: 340px; height: 82px; overflow: hidden; background: url(../images/sedes/bg_como_llegar.png) left top no-repeat transparent; margin: 15px 0;
}
.logo_lineas{
	width:76px; height: 82px; overflow: hidden; float: left;
}
#metro{
	background: url(../images/sedes/logo_metro.png) center center no-repeat transparent;
}
#bus{
	background: url(../images/sedes/logo_bus.png) center center no-repeat transparent;
}
.content_lineas{
	margin-top: 10px;
}
.content_lineas ul li{
	font-size: 11px !important;
	margin: 5px 0;
}

/** CONSULTAS **/
.orange{
	color: #fe6701;
}

#wrapper_filters{
	width: 772px; overflow: hidden; margin: 0 auto; height: 435px;
}
#filters li, #filters_selected li{
	float: left;
}

.filters, #filters_selected li{
	width: 193px; height: 68px; overflow: hidden; display: block; float: left;
}
#filters_selected li{
	background: url(../images/consultas/filter_selected.png) 0 0 no-repeat; position: relative;
}
#filters_selected li p{
	margin: 10px; padding: 0;
}
#filter1{
	background: url(../images/consultas/sociedades_filter.png) left top no-repeat;
}
#filter1:hover{
	background-position: left bottom;
}
#filter2{
	background: url(../images/consultas/especialidades_filter.png) left top no-repeat;
}
#filter2:hover{
	background-position: left bottom;
}
#filter3{
	background: url(../images/consultas/sedes_filter.png) left top no-repeat;
}
#filter3:hover{
	background-position: left bottom;
}
#filter4{
	background: url(../images/consultas/cuadro_filter.png) left top no-repeat;
}
#filter4:hover{
	background-position: left bottom;
}
.filter_active{
	background-position: left bottom !important;
}
#header_resultados{
	background: url(../images/consultas/header_resultados.png) 0 0 no-repeat transparent; height: 37px; width: 100%; position: relative; 
	color: #FFF;
}
#active_filter{
	margin-left: 20px; height:37px; line-height: 37px; font-size: 14px; font-weight: bold;
}
#filter_results{
	font-size: 13px;
    height: 37px;
    line-height: 37px;
    top: 0;
    position: absolute;
    right: 10px;
}
#content_resultados{
	background: #fcfdfd; height: 240px; border: 1px solid #edf2fb;
}

.results_list{
	float: left; width: 220px; margin: 0 10px;
}
.results_list li{
	float: left; width:205px; margin: 5px 0; height: 28px; padding-right: 15px; font-size: 11px;
}
.results_list li p{
	line-height: 28px; height: 28px; margin: 0; padding: 0;
}
.results_list li p span{
	background: url("../images/consultas/info.png") no-repeat scroll center top transparent;
    display: inline-block;
    float: left;
    height: 28px;
    width: 30px;
    cursor: pointer;
	
}
.results_list li p a{
	color: #000000 !important;
    display: inline-block;
    float: left;
    line-height: 14px;
    text-decoration: none !important;
    width: 160px;
    text-transform: uppercase;
}
.results_list li a:hover{
	color: #A3B7D6 !important;
}
.quitar{
	position: absolute; background: url(../images/consultas/quitar.png) no-repeat scroll 0pt 0pt transparent; width: 16px; 
	height: 16px; bottom: 10px; right: 10px; cursor: pointer;
}

/** Social */
#social_icons{
	position: absolute;
	top: 0;
	left: 33%;
	width: 240px;
}
#social_icons a{
	width: 36px;
	height: 36px;
	display: block;
	float: left;
	margin: 0 1px;
}

/** Aviso Legal */
#wrapper_aviso_legal ul{
	list-style-type: disc;
	margin: 5px 20px;
}
#wrapper_aviso_legal ul li{
	list-style-type: disc;
	margin: 5px 0;
}

.wrapper_galeria{
	height: 340px;
    margin: auto;
    overflow: hidden;
    width: 560px;
}

.img_galeria img{
	margin:6px; float:left; border: 2px solid #7ea0d0;
}

.img_galeria img:hover{
	border-color: #0068b2;
}

#carousel li{
	float: left;
}

#texto ul{
	list-style-type: disc;
	margin: 10px 15px;
}

#texto ul li{
	margin: 5px 0;
}

.mouse{
	background:url(../images/citas_on_line/mouse_citas.png) 0 0 no-repeat;width:163px;height:99px;position:absolute;top:0;right:0;
}

/** CITAS ON LINE */
#wrapper_citas p{
	margin-left: 5px;
	padding-top: 0 !important;
}

.preguntas{
	color: #467CAA;
	font-size:17px;
	text-transform:none;
	font-weight:bold;
	/*margin: 10px 0;*/
	margin: 0;
	padding: 0;
	outline: none;
}

.respuestas{
	color: #000000;
    height: 28px;
    line-height: 28px;
    margin-left: 35px !important;
    margin-top: 10px;
    text-transform: none;
}

.obligatorio{
	color: red;
	font-weight: bold;
}

a.continuar{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_continuar.png) left bottom no-repeat;
	margin:auto;
}

a.continuar_informes{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_descargar.png) left bottom no-repeat;
	margin:auto;
}

a.continuar_informes:hover{
	background-position: left top;
}

a.enviar_informes{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_enviar.png) left bottom no-repeat;
	margin:auto;
}

a.enviar_informes:hover{
	background-position: left top;
}

a.volver{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_volver.png) left bottom no-repeat;
	margin:auto;
}
a.volver:hover{
	background-position: left top;
}

a.aceptar{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_aceptar.png) left bottom no-repeat;
	margin:auto;
}
a.aceptar:hover{
	background-position: left top;
}

a.imprimir{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_imprimir.png) left bottom no-repeat;
	margin:auto;
}
a.imprimir:hover{
	background-position: left top;
}

a.guardar{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_guardar.png) left bottom no-repeat;
	margin:auto;
}
a.guardar:hover{
	background-position: left top;
}

a.cancelar{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_cancelar.png) left bottom no-repeat;
	margin:auto;
}
a.cancelar:hover{
	background-position: left top;
}

a.modificar{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_modificar.png) left bottom no-repeat;
	margin:auto;
}
a.modificar:hover{
	background-position: left top;
}

a.salir{
	width: 172px; height: 54px; overflow: hidden; display: block; background: url(../images/citas_on_line/boton_salir.png) left bottom no-repeat;
	margin:auto;
}
a.salir:hover{
	background-position: left top;
}

#continuar_paso_1{
	display: none;
}

#fecha_hora{
	float: left;
	width: 550px;
	height: 304px;
	background: url(../images/citas_on_line/bg_fecha_hora.png) 0 0 no-repeat;
	overflow: hidden;
}

#prox_cita{
	float: left;
	margin-left: 15px;
	width: 200px;
	height: 304px;
	background: url(../images/citas_on_line/bg_prox_cita2.png) 0 0 no-repeat;
	text-align: center;
	color: #0068b2;
	overflow: hidden;
}

#prox_cita p{
	padding: 0 20px;
}

#indicacion{
	width: 545px;
}

#doctor_calendario{
	width: 516px;
	height: 35px;
	margin: auto;
	background: url(../images/citas_on_line/bg_doctor_calendario.png) 0 0 no-repeat;
	margin-top: 15px;
	margin-bottom: 8px;
	overflow: hidden;
}

#calendario{
	width: 240px;
	height: 216px;
	float:left;
	background: url(../images/citas_on_line/bg_calendario.png) 0 0 no-repeat;
	margin-left: 17px;
	overflow: hidden;
	padding: 8px;
	margin-top: 33px;
}

#fecha_seleccionada{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	margin: 10px 0;
}

#horario{
	width: 240px;
	height: 214px;
	float:left;
	background: url(../images/citas_on_line/bg_calendario.png) 0 0 no-repeat;
	margin-left: 6px;
	margin-top: 33px;
	overflow: hidden;
	padding: 8px;
}

ul.list_horarios{
	list-style-type: none;
	margin: 15px auto auto;
}

ul.list_horarios li{
	float: left;
	margin: 5px;
	width: 60px;
	text-align: center;
}

#label_prox_cita{

	width: 180px;
	height: 35px;
	background: url(../images/citas_on_line/bg_label_prox_cita2.png) 0 0 no-repeat;
	margin: 15px auto 8px auto;
	overflow: hidden;
	
}

.datos{
	color: #000000;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    text-transform: none;
}

#datos_personales table{
	margin: auto;
	display: block;
}

#datos_personales table td{
	padding: 2px !important;
}

#datos_personales input[type=text]{
	/*float: right;*/
	margin-left: 2px;
	margin-right: 11px;
}

input#dia, input#mes, input#letra_nif{
	width: 30px !important;
}
input#anio{
	width: 80px !important;
}
input#nif{
	width: 85px !important;
}
#confirmacion{
	width: 540px;
	height: 305px;
	/*margin: 20px auto;*/
	margin-left: 70px;
	/*padding: 15px 0;*/
	background: url(../images/citas_on_line/bg_confirmacion2.png) 0 0 no-repeat;
	overflow: hidden;
}

#bg_label_confirmacion{
	width: 500px;
	height: 52px;
	margin-left: 16px;
	margin-top: 10px;
	background: url(../images/citas_on_line/bg_label_confirmacion2.png) 0 0 no-repeat;
}

.p_confirma{
	color: #0068b2;
	/*margin: 7px 0px 7px 25px !important;*/
	margin: 0px 0px 0px 40px !important;
}

#finalizado{
	width: 595px;
	height: 111px;
	margin: 20px auto;
	padding: 3px 0;
	background: url(../images/citas_on_line/bg_finalizado.png) 0 0 no-repeat;
	overflow: hidden;
}

#paso_5 p, #div_modificar_paso_6 p{
	margin: 15px 0;
}

.p_finalizado{
	color: #0068b2;
	margin: 2px 0 2px 25px !important;
}

.codigo_cita{
	font-size: 16px;
	height: 16px;
	line-height: 16px;
}
#numero_cita{
	font-size: 16px;
	color: #0068b2;
	font-weight: bold;
}

#div_cancelar_paso_2, #div_cancelar_paso_3{
	display:none;
	text-align: center;
}

#wrapper_cancelar_paso_2, #wrapper_modificar_paso_2{
	width:370px;margin:auto;height:125px;padding: 20px 15px;background:url(../images/citas_on_line/bg_cancelar.png) 0 0 no-repeat;text-align: center;
	overflow:hidden;
}

#div_cancelar_paso_2 p, #div_cancelar_paso_3 p, #div_modificar_paso_2 p{
	color: #0068b2;
	font-size: 13px;
    margin: 4px 0;
}

p#cancelar_nombre, p#cancelar_medico_especialidad, p#cancelar_centro, p#modificar_nombre, p#modificar_medico_especialidad, p#modificar_centro, p#modificar_prueba, p#cancelar_prueba, p#paso_3_resultado{
	font-weight: bold;
}

#form_datos_personales table tr td{
	height: 30px !important;
	vertical-align: middle !important;
	line-height: 30px !important;
}

#finalizado_telefono, #finalizado_email{
	color: #0068B2;
    font-size: 15px;
    padding-bottom: 4px;
}

/** **************** COMUNIDAD ***************************** */
.list_comunidad{
	font-size: 11px;
	margin: auto;
    width: 481px;
}

.list_comunidad li{
    border-bottom: 1px solid #E7E5DA;
    height: 60px;
    margin: 0;
    width: 461px;
}

.list_comunidad li a{
	background: url("../images/logo_32.png") no-repeat scroll 20px 10px transparent;
    color: #000000;
    display: block;
    font-size: 1.3em;
    height: 50px;
    padding: 10px 0 0 60px;
    text-decoration: none;
}

.list_comunidad li a:hover{
	background: url("../images/logo_32.png") no-repeat scroll 20px 10px #e7e5da;
    color: #000000;
    display: block;
    font-size: 1.3em;
    height: 50px;
    padding: 10px 0 0 60px;
}

.list_comunidad li a span{
	color: #3B393A;
    font-size: 0.8em;
    width: 461px;
    height: 25px;
    line-height: 25px;
}

/** CONSULTAR CITAS */
#listado_citas{
	width:700px;margin:auto;display:block;height:130px;overflow:auto;font-size:0.9em;
}

#listado_citas td, #listado_citas th{
	padding: 2px;
	text-align: center;
}

#listado_citas th{
	background: #0068B2;
	color: #fff;
	font-size: 11px;
	padding: 7px 0;
	height: 37px;
    line-height: 23px;
	background: url("../images/consultas/header_resultados.png") no-repeat scroll 0 0 transparent;
}

#listado_citas td{
	background: #fff;
	font-size: 12px;
}

.listado_enlaces{
	font-size: 11px;
}