/**
 * Establecemos el cursor a pointer en todos los anchor
 */
a { cursor:pointer; }

/**
 * datepicker
 */
.datepicker {white-space:nowrap;width:87px !important; }
.datepicker input {width:85px !important;}
.datepicker img{padding-left:6px;vertical-align:middle;cursor:pointer;}

/**
 * Icono flecha tabla sesiones
 */
.icono-ejercicio {display:inline !important;}

/**
 * Mensajes
 */
.jquery_mensaje {padding: 0 0.7em !important; overflow: hidden;}

/**
 * Tooltip
 */
.jquery_tooltip{display:none}
#jquery_tooltip {
	background:#fff;
	border:1px solid #888;
	font-family: arial;
	font-size: 12px;
	color: black;
    padding:5px;
}
#jquery_tooltip .jquery_title {font-weight:bold;}
#jquery_tooltip p{
    margin: 5px 0;
}
/**
 * Ancho dinamico de carrusel
 */
.jcarousel-container-horizontal {
    width: 85%;
}

.jcarousel-clip-horizontal {
    width: 100% !important;
}
/**
 * Dialogos con scroll del footer
 */
.dialog_scroll_footer {
	overflow: scroll;
	height: 150px;
}

/**
 * Enlaces azules en Público
 */
.enlace-azul {
	color:#42B2FC !important;
	text-decoration:underline !important;
	cursor: pointer !important;
}
.enlace-azul:hover {
	text-decoration:none !important;
}

/**
 * Para que aparezca el icono del calendario a la derecha del campo
 */
#main.registro .ui-datepicker-trigger {
	position:absolute;
	margin-left:10px;
	cursor:pointer;
}
/**
 * Los span (temporales) de los formularios indicando si el usuario o email existe
 */
#main.registro .decor-field span {
	position:absolute;
	margin-left:10px;
}

/**
 * Texto "atención al cliente" en el footer
 */
#footer strong a span{
	text-decoration: underline;
	color:#B1B1B1;
}
#footer strong a span:hover{
	text-decoration: none;
}


/**
 * Para los textarea. El que aparece en contacto
 */
.row .textarea{
	float:left;
	background:url(../images/bg-textarea-lt.gif) no-repeat;
	margin:0 3px 0 0;
}
.row .textarea textarea{
	background:none;
	border:0;
	padding:2px 0 0 0;
	margin:0;
	color:#666;
	width:250px;
	height:125px;
	overflow:auto;
}


/**
 * Para mostrar correctamente el numero de cuenta/tarjeta en la ventana emergente de Historico de cargos
 */
.desgloseTable table .numeroCuenta {
	width:25%;
	text-align:center;
}

/**
 * Para ocultar las opciones de redimensionado en los dialog.
 */
.ui-resizable-handle {
	display:none !important;	
}



/* BEGIN jquery ui modal 

-- Esto estaría duplicado en Tutor (all.css)
-- Sólo hace falta en Publico

*/
.ui-dialog {
	background:#fff url("../images/bg-modalv2.gif") repeat-x 0 bottom;
	color:#666;
}
.ui-dialog .ui-widget-content {
	color:#666;
}
.ui-dialog .ui-widget-header {
	background:none;
	border:none;
	border-bottom: solid 1px #deddde;
	color:#666;
	/*-moz-border-radius:none;*/
}

.ui-dialog p {
	margin:0;
}
.ui-dialog .ui-dialog-buttonpane {
	background:none;
	padding:10px 0 0;
	text-align:center;
}
.ui-dialog .ui-dialog-buttonpane button.ui-button {
	float:none;
	margin:-7px 0 0 -4px;
	padding-bottom:3px;
	height:39px;
	width:114px;
	border:none;
	background:url(../images/button01.png) no-repeat;
	border:none;
	font-size:14px;
	font-weight:bold;
	color:#333;
	cursor:pointer;
}
/* Resumen respuestas */
.ui-widget .red {
	color:#CA0707;
}
.ui-widget .green {
	color:#6CDD01;
}
.ui-widget .modHeader {
	padding:5px 0;
	position:absolute;
	top:5px;
	font-size:11px;
}
.ui-widget .modHeader:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui-widget .modHeader p {
	float:left;
	margin: 0 10px;
	font-weight:bold;	
}
.ui-widget .modHeader dl {
	float:left;
	margin:0;
}
.ui-widget .modHeader dt {
	float:left;
	margin:0;
	padding:0 0 0 10px;
	border-left: solid 1px #ccc;
}
.ui-widget .modHeader dd {
	float:left;
	margin:0 0 0 5px;
	padding:0 10px 0 0;
	font-weight:bold;	
}
.ui-widget .modBody {
	clear:left;
	font-size:11px;
}
.ui-widget .modBody dl {
	margin:0;
	padding:5px;
	background:#fff;
	border: solid 1px #AFAEAE;
}
.ui-widget .modBody dt {
	float:left;
	font-weight:bold;
}
.ui-widget .modBody dd {
	margin:0 0 10px 0;
}
.ui-widget .modFooter span {
	color:#3cb0fc;
	font-weight:bold;
	font-size:12px;
}
.ui-widget .modFooter {
	margin-top:10px;
	text-align: center;
}
.ui-widget .modFooter .navAnt {
	float:left;
	margin-left:5px;
}
.ui-widget .modFooter .navSig {
	float:right;
	margin-right:5px;
}
.ui-widget .modFooter a {
	text-decoration:underline;
	color:#3cb0fc;
}
.ui-widget .modFooter a:hover {
	text-decoration:none;
}
/* END jquery ui modal */

/**** BEGIN ModalBoxes ****/

/* Esto solo hace falta para la parte publica. */
/* En la de tutor (all.css) ya aparece, asi que esta duplicado */

/* Desglose pagos */
.desgloseTable.longList{
	padding:8px !important;
}
.desgloseTable p{
	margin-top: 4px;
	margin-bottom: 4px;
}
.desgloseTable p.username{
	font-size: 16px;
	margin-top: 16px;
}
.desgloseTable p.total{
	font-size: 15px;
	margin-top: 8px;
	margin-bottom: 6px;
}
.desgloseTable hr{
	color: #A1A1A1;
	border-left:none;
	border-right:none;
	border-top:none;
}
.desgloseTable table{
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
	margin:0;
	border-top:solid 1px #deddde;
	text-align:left;
}
.desgloseTable table thead{
	color:#9c77cf;
	background: #F4F3F7;
	text-align:center;
}
.desgloseTable table thead td{
	border-bottom:1px solid #9c77cf;
	padding:5px 10px 4px;
}
.desgloseTable table td{
	border-bottom:1px solid #e3e3e3;
	padding:6px 10px 8px;
}
.desgloseTable table .algCenter {
	text-align:center;
}
.desgloseTable table .algRight {
	text-align:right;

}
.desgloseTable table .bigger {
	width: 40%;
}

/**
 * Tag de error
 */
.ui-widget.errortag{
	margin-bottom: 8px;
}


/** AVATARES **/
/** Se usan en Publico y Tutor **/
.avatarMiniatura, .avatarMiniaturaSelected {
	float:left;
	padding:5px;
	text-align:center;
	width:104px;
}
.avatarMiniaturaSelected img {
	border:4px solid #FFA500;
	padding:5px
}
.avatarMiniatura img {
	border:4px solid transparent;
	padding:5px
}
.avatarMini {
	float:left;
	width:45px;
}
.avatarMini img {
	position:relative;
	top:-10px
}
 .avatarMiniReg {
	float:left;
	width:45px;
}
.avatarMiniReg img {
	position:relative;
}

/**
 * 
 */
.noFloat{
	float: none !important;
}

/**
 * Para los elementos que no son accesibles
 * Para los tutores secundarios
 */
label.noAccess {
	color:#F3F5F5;
	font-weight:normal;
}


/**
 * Maquetacion para la pantalla accountExpired
 */
.contentBox {
	margin: 40px;
	font-weight: bold;
	font-size: 13px;
}

/**
 * Maquetacion para la pantalla addalumno (tutor)
 */
.addalumno .block .emText {
	margin-left:150px;
	width:270px;
}
.addalumno .block .textMini {
	font-size:11px;
	display:block;
	text-align:left;
}
.addalumno .block .info-hold {
	width: 470px;
	float: left;
	border-right: solid thin;
	padding-right: 30px;
	margin-bottom: 20px;
}
.addalumno .block .hold-info {
	float:left;
	margin: 20px 0 0 40px;
	text-align:center;
	width:120px;
	position: relative;
	top: -10px;
}
.addalumno.addalumnofin.content-box .bg fieldset{
	width:100%;	
	margin-bottom:17px;
	padding-bottom:2px;
}
.addalumno.addalumnofin.content-box h3{
	margin-top:15px;
}
.addalumno.addalumnofin.content-box input.button02{
	*margin-top:5px;	
}
.addalumno .hold-info .big-txt {
	display:block;
	font-size:18px;
}
.addalumno .block .hold-info2{
	margin:20px 0 0 18px;
	position:relative;
	top:-25px;
}
.addalumno .hold-info2 .big-txt {
	font-size:15px;
}
.addalumno span.info {
	float: right;
	top: -30px;
	position: relative;
	margin-right: 30px;
}
.addalumno .block .content-form {
	border: solid 2px #D0D0D0;
	padding: 30px;
	margin: 20px 20px 20px 50px;
	width: 500px;
}
.addalumno .bottomMargin {
	margin-bottom: 18px;
}
.addalumno .block .bg .pdf{
	float:right;
	background:url(../images/ico-pdf.gif) no-repeat;
	line-height:16px;
	padding:0 10px 3px 25px;
	color:#42b2fc;
	font-weight:bold;
	text-decoration:underline;
	top: -20px;
	position: relative;
}


.float-right {
	float: right;
}

div.button01 {
	padding: 8px 0 0 10px;
	height:39px;
	width:114px;
	border:none;
	background:url(../images/button01.png) no-repeat;
	border:none;
	font-weight:bold;
}

div.button01 a{
	text-decoration: none !important;
	color:#333 !important;
	font: bold 16px Verdana,Helvetica,Arial,sans-serif !important;
}


/**
 *	ESTILOS EMPLEADOS EN LAS VENTANAS EMERGENTES DEL FOOTER (Publico y tutor).
 */
/* Texto subrayado (footer) */
.subrayadoText {
	text-decoration: underline;
}
/* Titulos centrados */
.contenidoDialog.textoSeparado h3{
 	text-align:center;
}
/* Separacion y justificacion de los párrafos de las ventanas emergentes */
.contenidoDialog.textoSeparado p{
 	margin-top:15px;
 	text-align:left;
}
/* Aumentar el tamaño del texto de las ventanas emergentes */
.contenidoDialog.textoSeparado .big {
	font-size:15px;
}
/* Boton (de imprimir) de las ventanas emergentes */
.contenidoDialog.textoSeparado button.btn-center {
	background:url(../images/btn-ver.png) no-repeat;
	width:165px;
	margin:20px 0 10px;
	height:40px;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	border:none;
}
.contenidoDialog .align-center {
	text-align:center;
}
/**
 *	ESTILOS EMPLEADOS EN LAS VENTANAS EMERGENTES (Publico y tutor).
 */
 /* Mensaje de guardado */
#contenidoDialog.msgGuardado {
	text-align: center;
	padding: 20px;
	font-size: 17px;
	line-height: 28px;
}


/**
 *	Imagenes de Pedagogia (Pantallazo1)
 */
.pedagogia-inner .parrafoImg {
	padding-top: 5px;
}
.pedagogia-inner .parrafoImg .imgLeft {
	margin-right: 18px;
	float: left;
}
/**
 *	Imagenes de Pedagogia (Pantallazo3)
 
.pedagogia-inner .parrafoImg {
	float: left;
	margin-bottom: 12px;
	margin-top: 5px;
}
.pedagogia-inner .parrafoImg .imgLeft {
	margin-right: 18px;
	float: left;
}
.pedagogia-inner .parrafoImg .pCenter1 {
	padding-top: 22px;
}
.pedagogia-inner .parrafoImg .pCenter2 {
	padding-top: 70px;
}*/

/**
 *	TEXTO EN CURSIVA (Publico - Tarifas)
 */
#main .txt-box p.textCursiva {
	font: 10px italic;
	padding: 15px 0 0 10px;
}

/** Párrafo con fuente mayor y margen abajo
  * Usado en Publico-Metodo
  */
p.pBigMarginBottom {
	font-size: 13px;
	margin-bottom: 30px;
}

/* Botón dialog avatares */
.ui-dialog .centerButton {
	text-align:center;
	margin-top:10px;
}
.ui-dialog .centerButton input.button01{
	margin:-7px 0 -3px -4px;
}

/* Cursor mover dialog */
.ui-draggable .ui-dialog-titlebar {
	cursor:url("../images/cursores/move1.cur"), default;
}

input.disabled{
	cursor:default;	
}

p.separate{
	border-bottom:1px solid #DEDDDE;
	margin-bottom:8px;
	padding-bottom:6px;
}

.secondLabel{
	float:none !important;
	position:relative;
	top:4px;
}

ul.errorMessage{
	
}

#evolucionSearcher .combosEvolucion{
/*     margin-bottom: 25px; */
    margin-right: 10px;
	display: inline-block;
}

#evolucionSearcher .combosEvolucion select{
	float: inherit;
}

#evolucionSearcher .button01{
	position: absolute;
	top: 90px;
	left: 554px;
}

#contenidoDialog2 .add-area{
	margin-bottom: 10px;
}

#contenidoDialog2 .radio{
	margin-top: 2px;
	margin-bottom: 2px;
}