body { background:#252525 url(../img/bkg.jpg) no-repeat center 20px; background-size:cover; }
body, table td { padding: 2px; margin: 0; font-size:0.9em; font-family: 'Monda', Helvetica, sans-serif; color:#eee; }
p { font-size: 0.9em; }
a { text-decoration: none; color:#6ecc43; }
/*img, video, object { max-width: 100%; }*/
.vaM { vertical-align: middle; }
.vaT { vertical-align: top; }
.B { font-weight: bold; }
.R { text-align:right; }
.Red { color: #900; }
.C { text-align: center; }
.Blue, #divName { color: #97BE13;}
.Blue2 { background:#008; }
.T8 { font-size:0.8em;}
.T12 { font-size:0.8em;}
.T16  { font-size:1.4em;}
.MB10 { margin-bottom:10px;}
.ML10 { margin-left:10px; margin-right:10px; }
.grid {
	margin-top: 5px;
	font-size: 12px;
	border-collapse: collapse;
	width: 100%;
}

.grid th, .grid td {
	border: 1px solid #FFF;
	padding: 4px 8px;
}

.color-blanco {
	color: white;
}

.color-rosado {
	color: #b5584e;
}

.color-celeste {
	color: #5b90b3;
}

td, select, input, .C {
	vertical-align: middle !important;
}

/* Starting styles for smartphones */
input, select { font: 0.9em Monda, Helvetica, sans-serif; }
select {padding:5px; border:solid 2px #666; background:#333; width:95%; color:#fff; margin-top:10px;}
input[type="text"], input[type="password"], input[type="number"]{ padding: 10px; border:none; border-bottom: solid 2px #666; background:#333; color:#fff; }
input[type="button"], input[type="submit"] {padding: 10px;  color: #fff; border: solid 1px #050; font-size:0.9em; }
input[type="file"] { background: #ccc; padding: 10px 5px; margin-bottom: 20px; }
input[type="button"]:hover, input[type="submit"]:hover { background: #0a0; }
input[type="button"]:disabled, input[type="submit"]:disabled { background: #666; }
.val { display: inline-block; background: #900; color: #fff; min-width: 10px; border-radius: 10px; padding: 2px; font-size: 0.8em; }

#secTitle {padding:5px; width:98%; background:#000; height:40px; margin:0 auto; color:#fff; }
#divHome { width:8%;}
#divTitle { width:82%; font-weight:bold; overflow:hidden; }
#mainMenu { width:10%; text-align:right; }
#divHome, #divTitle, #mainMenu {float:left; height:45px;}
#mainMenu a { color:#060; float:none; font-size:0.9em; }

#secMsg { }
.dBody { border-bottom:solid 1px #666; padding-bottom:10px;}
#secBody { padding:5px; }
#secBodyL, #secBodyR { float:none; }
.Footer { text-align:center; font-size:0.8em; color:#999;  padding:5px; }

#busyMainImage { border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 32px; height: 32px; background: url(''); }
.dAd { margin:0 auto; text-align:center; }
.dAd img { max-width:96%;}
#dLogin { text-align: center; width: 230px; margin: 0 auto; border:solid 1px #333; padding: 10px 50px; }
	#dLogin input[type="text"], #dLogin input[type="password"] { width: 200px; }
	#dLogin img {max-width:200px; margin:10px 0; }
.dtgQ, .tabFull { width:100%; background:url(''); 
				  border-bottom:solid 1px #777; border-left:solid 1px #777; border-right:solid 1px #777;
}
	.dtgQ td { padding:3px;}
.ListHeader { background: #333; color: #fff; height: 25px; font-size: 0.9em; }
.ListItem { height:50px; line-height:30px; font-size: 1em;}
.pnlButtons { margin-bottom: 10px; }
.tabForm { text-align: left; }
.tdL { text-align: right; background: #333; width:30%; padding: 5px; }
.ctlP { width: 100px; }
.ctlN { width: 180px; }
.ctlG { width: 300px; }
#divName { font-weight:bold; }
/*.dTitleBar { background:#00468C; color:#fff; padding:5px 10px; font-size:0.9em; margin-bottom:5px; margin-top:5px; }*/
.dTitleBar { background: #000; color:#fff; padding:5px 10px; font-size:0.9em; margin-top:10px; 
	border-top:solid 1px #777; border-left:solid 1px #777; border-right:solid 1px #777; }
.btn { width: 175px; background: #080; }
.btnP { width: 100px; margin: 5px; background: #080; }
.btnAct { width: 95%; height: 100px; margin: 50px 10px; background: #080; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; /* Firefox */ }
.chkSel input[type=checkbox] { -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); padding: 5px; }

.radiowrap input { float: none; margin-left:0; }
.radiowrap label { margin-right: 15px; display: block; text-align:center; }

.ajaxCal .ajax__calendar_container   {
background-color: #333;
border:solid 1px #fff;
}
.ajaxCal .ajax__calendar_container, .ajaxCal .ajax__calendar_body {width: 210px; }
.ajaxCal .ajax__calendar_body { height: 190px; }
.ajaxCal .ajax__calendar_container { height: 240px; }
.ajaxCal .ajax__calendar_day { color:#080;  font-size: 14px; padding: 5px; border: solid 1px #444; }
.ajaxCal .ajax__calendar_invalid .ajax__calendar_day { color:#555; text-decoration:line-through;}
.ajaxCal .ajax__calendar_other .ajax__calendar_day { color:#585; }

@media screen and (min-width:600px) {
	.T12 { font-size:1em;}
	.T16  { font-size:1.6em;}
	#secTitle { height:40px; width:99%; padding:10px; }
	.dtgQ { width:80%; }
	.tdL { width:25%; }
	select { width: 50%; }
}

/* Screen > 760 */
@media screen and (min-width:760px) {
	body, table { font-size: 100%; /*ampliar a más tamaño*/ }
	#secTitle { width:97%; }
	#divHome { width:6%; }
	#divTitle { width:76%; }
	#mainMenu { width: 10%; }
	#mainMenu a { font-size:1em; }
	.dAd { margin-bottom: 5px; }
	.dAd img { max-height:200px; }
	#secBody {display:block; }
	#secBodyL {display:inline-block; width:45%; margin-right:3%; vertical-align:top; }
	#secBodyR {display:inline-block; width:47%; margin-right:3%; vertical-align:top; }
	.dTitleBar {font-size:1.0em; margin-top:15px; }
	.ctlP { width: 150px; }
	.ctlN { width: 300px; }
	.ctlG { width: 500px; }
	.dtgQ { width:60%; }
	input[type="button"], input[type="submit"]{padding:6px 10px;}
	.dBody {}
	.btnAct { width: 500px; }
}

/* Screen > 1200px */
@media screen and (min-width:1200px) {
	body, table { }
	#secTitle { width:100%; }
	#dLogin { margin-top: 50px; }
}