@font-face {
    font-family: 'BubbleBathRegular';
    src: url('captcha/bubblebath.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;

}


/* generic */
* {
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body, input, textarea, select {
	font-family: Verdana;
	font-size: 12px;
}
input {
	border: 1px solid;
}
a {
	text-decoration: none;
}
a:hover {
	color: red;
}

.lista1 {
	margin-top: 16px;
	font-weight: bold;
}





/* menu nav */
.menulist {
	border: 1px solid black;
	width: 140px;
	margin-top: 2px;
	margin-left: 4px;
	margin-bottom: 2px;
	font-size: 12px;
}
.menulist a {
	display: block;
	text-decoration: none;
	/*background-color: #d1dbed;*/
	padding: 3px;
	font-weight: bold;
	color: black;
}
.menulist a:hover {
	background-color: #f7f7f7 !important;
	color: #FF0000;
}




/* 2 DIVs set_theme/admin.php */
#themes {
	float: left;
	width: calc(50% - 6px);
	border: 1px solid;
	margin: 3px;
	padding: 6px;
}
#fonts {
	float: left;
	width: calc(50% - 6px);
	border: 1px solid;
	margin: 3px;
	padding: 6px;
}





/* ********************************* */
/* taula login admin */
#taula_login_admin {
	width: 560px;
	border-collapse: collapse;
}
#taula_login_admin td {
	/*border: 1px solid;*/
	vertical-align: middle;
	padding: 2px;
}
/* columnes pars */
#taula_login_admin td:nth-child(2n) {
	text-align: left;
	width: 55%;
}
/* columnes impars */
#taula_login_admin td:nth-child(2n+1) {
	text-align: right;
	width: 45%;
}






/* ********************************* */
/* taula save_as */
#taula_save_as {
	width: 540px;
	border-collapse: collapse;
}
#taula_save_as td {
	/*border: 1px solid;*/
	vertical-align: middle;
	padding: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}
/* columnes pars */
#taula_save_as td:nth-child(2n) {
	text-align: left;
	width: 75%;
}
/* columnes impars */
#taula_save_as td:nth-child(2n+1) {
	text-align: right;
	width: 25%;
}







/* *********************************** */
/* taula themes admin and font factory */
#taula_themes_admin3 {
	border-collapse: collapse;
}
#taula_themes_admin3 td {
	border: 1px solid;
	vertical-align: middle;
	padding: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#taula_themes_admin3 td:nth-child(1) {
	width: 20px;
}
#taula_themes_admin3 td:nth-child(2) {
	width: 180px;
}
#taula_themes_admin3 td:nth-child(3) {
	text-align: center;
	width: 80px;
}
#taula_themes_admin3 td:nth-child(4) {
	text-align: center;
	width: 70px;
}








/* *********************************** */
/* taula themes admin and font factory */
#taula_themes_admin4 {
	border-collapse: collapse;
}
#taula_themes_admin4 td {
	border: 1px solid;
	vertical-align: middle;
	padding: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#taula_themes_admin4 td:nth-child(1) {
	width: 20px;
}
#taula_themes_admin4 td:nth-child(2) {
	width: 180px;
}
#taula_themes_admin4 td:nth-child(3) {
	text-align: center;
	width: 80px;
}
#taula_themes_admin4 td:nth-child(4) {
	text-align: center;
	width: 70px;
}
#taula_themes_admin4 td:nth-child(5) {
	text-align: center;
	width: 70px;
}





/* *************************************** */
/* taula themes admin theme and font perso */
#taula_themes_admin5 {
	border-collapse: collapse;
}
#taula_themes_admin5 td {
	border: 1px solid;
	vertical-align: middle;
	padding: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#taula_themes_admin5 td:nth-child(1) {
	width: 20px;
}
#taula_themes_admin5 td:nth-child(2) {
	width: 180px;
}
#taula_themes_admin5 td:nth-child(3) {
	text-align: center;
	width: 80px;
}
#taula_themes_admin5 td:nth-child(4) {
	text-align: center;
	width: 70px;
}
#taula_themes_admin5 td:nth-child(5) {
	text-align: center;
	width: 70px;
}
#taula_themes_admin5 td:nth-child(6) {
	text-align: center;
	width: 70px;
}






/* ******************************** */
/* taula admin theme and font perso */
#taula_themes_admin6 {
	border-collapse: collapse;
}
#taula_themes_admin6 td {
	border: 1px solid;
	vertical-align: middle;
	padding: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#taula_themes_admin6 td:nth-child(1) {
	width: 20px;
}
#taula_themes_admin6 td:nth-child(2) {
	width: 180px;
}
#taula_themes_admin6 td:nth-child(3) {
	text-align: center;
	width: 80px;
}
#taula_themes_admin6 td:nth-child(4) {
	text-align: center;
	width: 70px;
}
#taula_themes_admin6 td:nth-child(5) {
	text-align: center;
	width: 70px;
}
#taula_themes_admin6 td:nth-child(6) {
	text-align: center;
	width: 70px;
}
#taula_themes_admin6 td:nth-child(7) {
	text-align: center;
	width: 70px;
}








/* ********************************* */
/*  captcha  */
.mitipoguay {
	font-family: "BubbleBathRegular";
	font-size: 27px;


	/* NO FORMAT */
	/*font-family: "Liberation Mono", monospace;
	font-size: 38px;
	font-weight: bold;*/


	height: 38px;
	width: 182px;

	color: rgb(123, 132, 218);
	background-color: #d5ceb2;
	border: 1px solid;
	vertical-align: top;
}






.red {
	color: red;
}





.inline {
	display: inline-block;
	vertical-align: middle;
	/*border: 1px solid;*/
}








/* ********************************* */
/* taula protect admin */
#table_protect_admin {
	width: 500px;
	border-collapse: collapse;
}
#table_protect_admin td {
	/*border: 1px solid;*/
	vertical-align: middle;
	padding: 2px;
}
/* columnes pars */
#table_protect_admin td:nth-child(2n) {
	text-align: left;
	width: 70%;
}
/* columnes impars */
#table_protect_admin td:nth-child(2n+1) {
	text-align: right;
	width: 30%;
}








/* ********************************* */
/* taula block */
#taula_blocks {
	width: 99%;
	border-collapse: collapse;
}
#taula_blocks td {
	border: 1px solid;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
}
#taula_blocks td:nth-child(1) {
	width: 24px;
}
#taula_blocks td:nth-child(2) {
	text-align: left;
}
#taula_blocks td:nth-child(4) {
	text-align: left;
}
#taula_blocks td:nth-child(6) {
	text-align: left;
}









/* smartPhones */
@media screen and (max-width: 1000px){
	body, input, textarea, select {
		font-family: Verdana;
		font-size: 14px;

		/* DEBUG */
		/*background-color: pink;*/
	}
	.menulist {
		/*background-color: #CCFF00;*/
		font-family: Verdana;
		font-size: 14px;
		margin-bottom: 8px;
	}
}




/* tablets & smartPhones 2 DIVs */
@media screen and (max-width: 900px) {
	#themes {
		width: 99%;
	}
	#fonts {
		width: 99%;
	}
}