/*
 * Hoja de estilos que representa todos los estilos utilizados dentro de los POPUP
 * de elementos.
 *
 * @author	Divisa Informática y Telecomunicaciones S.A.
 */

BODY.popupBody,
BODY.pageBody {
	margin: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #fff;
	color: #000;
}

body.pageBody ul{
	list-style:disc;
}

body.pageBody ul li{
	font-size: 100%;
}

BODY.popupBody{
	overflow: auto;
}

DIV.popupContainer {
	height: 100%;
	padding: 0;
	width: 100%;
	margin-top:1em;
}

DIV.popupContainer DIV.header {
	text-align: left;
}

DIV.popupContainer p.upperLogin{
	padding-right:2.5em;
}

h1.popupTitle {
	/*background: url('/imagenes/iconos/ico_title.gif') no-repeat left 0.3em;
	padding: 0.2em 1em;*/
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	color: #000;
	padding:0.2em 0;
	text-transform:uppercase;
	border-bottom:1px solid;
}

DIV.box {
	padding-top: 0.3em;
}

.box.photo .formPopupLabel label{
	float: left;
}

DIV.popupButtons {
	text-align: right;
	padding: 2em 0 0 0;
}

DIV.popupButtons BUTTON.normalButton {
	border: none;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
	border-radius: 2px 2px;
	padding: 0.5em 1.5em;
	margin: 0 0 0 0.5em;
	text-align: center;
}

DIV.box.popupButtons {
	text-align: center;
}

DIV.authForm DIV.popupButtons {
	width: 23em;
	padding: 1em 0 0 0;
}

DIV.authForm DIV.popupButtons button{
	margin-right: 2em;
}

DIV.authForm DIV.login DIV.loginField {
	margin-top: .2em;
}

DIV.authForm DIV.login DIV.loginField INPUT {
	width: 12em;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: .2em;
}

DIV.box.popupButtons BUTTON.normalButton {
	margin-left: 0;
}

.popupForm .personalInfo{
	text-align:center;
}

.popupForm .personalInfo span.formPopupLabel label{
	width: 10em;
	display:inline-block;
	text-align: right;
	font-size: 1em;
}

DIV.popupFooter {
	clear: both;
	vertical-align: bottom;
	text-align: right;
	padding: 0.6em 1em 0.5em 1em;
	height: 27px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 98%;
}

DIV.popupFooter A.cmContentLink {
	font-weight: bold;
}

A.cmPopupLink,
A.cmPopupLink:visited {
}

DIV.contentPopup {
	/*padding: 3em 1em 0 1em;*/
	padding: 1em 1em 0 1em;
}

DIV.contentPopupIDCSalud {
	padding: 5em 1em 0 1em;
	background: url('/imagenes/grupo/logo.png') no-repeat 1em 0;
}

DIV.authForm DIV.login{
	padding-left:0;
}

DIV.authForm DIV.login DIV.loginField LABEL{
	width: 9em;
	padding: .4em 1.5em .4em 0;
	margin-bottom: 0;
	font-size: 1em;
	clear:both;
	float:left;
	font-weight:bold;
	display: block;
}

/* Popups que no están dentro de un iframe */
.popupBodyStandalone {
	margin: 0 auto;
}
/*
.popupBody DIV.popupContainer {
	margin: 0.2em;
	padding: 1em 0em 2em 0em;
	border: 5px solid #70B4D8;
	width: 25em;
}*/

.popupBodyStandalone DIV.popupContainer {
	margin: 10em auto 2em auto;
	padding: 3em 3em 4em 3em;
	width: 26em;
}

.popupBodyStandalone DIV.popupContainer p.upperLogin {
	padding-right: 0;
}
.popupBodyStandalone DIV.contentPopup {
	padding: 0;
}

.popupBodyStandalone h2 {
	color: #5094B8;
	margin-top: 0;
}

/* TAG recaptcha */
DIV.recaptcha {
	text-align: center;
}

DIV.recaptcha_image {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #999;
	margin: 10px;
}

DIV.recaptcha_buttons {
	display: inline-block;
	vertical-align: middle;
}

IMG.recaptchaButton {
	margin: 2px;
}
div.popupTitle{
	padding: 1em 2em;
}
div.popupBody{
	padding: 0 2em;
}


@media screen and (max-width: 767px) {
	.tkShowMap p.cmParagraph {
		width: 82%;
	}
	.showMapFormContainer input {
		width: 100%;
	}
	.tkShowMap .cmMap_Container, .tkShowMap .cmMap_googleMaps {
		width: 100%;
		height: 500px;
	}
	.showMapFormContainer button.cmTypeSubmit, .showMapFormContainer button.cmTypeReset {
		margin-top: 10px;
		float: right;
	}
}