body
{
    background-color : #FFFFFF;
    margin-left : 0px;
    margin-top : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
	font-family : Verdana , Arial , Helvetica , sans-serif;
	font-size: 12px;
}

img { border: 0; }

iframe.noScrolling { 
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden; 
	width: 700px;
	height: 450px;
}

a {	text-decoration : none; }

h1 { text-align: center; color: #0AA6D9; }
h2 { text-align: center; color: #000000; }

.table { display: table; }
.row { display:table-row; }	
.cell { display:table-cell; }
.w100 { width:100%; }
.w80 { width:80%; }
.w50 { width:50%; padding:10px; }
.h100 { height: 100%; }
.vertMiddle { vertical-align:middle; }
.vertTop { vertical-align: top; }
.vertBottom { vertical-align: bottom; }
.horCenter { text-align:center; margin-left: auto; margin-right: auto;}
.horRight { text-align:right; margin-left: auto; margin-right: auto;}
.horLeft { text-align:left; margin-left: auto; margin-right: auto;}
.sepHor { width:10px; }
.sepVer { height: 20px; }
.borderTop { border-top:1px solid #0AA6D9; }
.borderBottom { border-bottom:1px solid #0AA6D9; }
.p10 { padding: 10px; } 

.title {
	font-family : Comic Sans MS;
	font-size: 25px;
	text-shadow: 1px 1px #555555;
	color: #0AA6D9;
}

.title img {
	height: 103px;
}

.ui-icon {
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Chrome, Safari, Opera */
  transform: scale(2);
}

.titulo {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.5em;
}

.tableTop {
	display: table;
	width:100%;
	border-bottom:1px solid #0AA6D9;
	vertical-align:top;
}

.tableBottom {
	display: block;
	text-align: right;
	width:100%;
	border-top:1px solid #0AA6D9;
	height:50px;
	
}

.tableMenu {
	width:312px;
	border-right:1px solid #0AA6D9; 
	border-bottom:1px solid #0AA6D9;
}

.TextoLogin
{
    color : #0AA6D9;
    font-size : 12px;
	font-weight:bold;
    text-decoration : none;
	text-align: center;
}

.TextoErrorLogin
{
	display: block;
    color : red;
    font-size : 12px;
    text-decoration : none;
    font-weight : bold;
    font-style : normal;
	width : 100%;
	text-align: center;
}

.TextoNormal
{
	
    color : #000000;
    font-size : 12px;
    font-style : normal;
    text-decoration : none;
}

.InputNormal
{
    color : #FFFFFF;
    background-color : #0AA6D9;
    font-size : 12px;
}

.PiePagina
{
    color : #000000;
    font-size : 8.5px;
    font-style : normal;
    text-decoration : none;
	margin-top: 20px;
	vertical-align: middle;
}

.TdTitulo
{
    Background-color : #0AA6D9;
    Text-align : center;
    color : #FFFFFF;
    font-weight : bold;
	font-size : 14px;
	border-bottom: 5px solid #0AA6D9;
	border-left: 5px solid #0AA6D9;
	border-right: 5px solid #0AA6D9;
}

.TdTexto
{
    Background-color : #FFFFFF;
    Text-align : center;
    color : #000000;
	font-size : 10px;
	width:100%;
}

.LinkOscuro
{
    color : #000000;
    font-size : 12px;
    font-style : normal;
    text-decoration : none;
	font-weight : bold;
}
.LinkOscuro:visited
{
    color : #000000;
}
.LinkOscuro:hover
{
    color : #0AA6D9;
}

.TextoRojo
{
    color : red;
    font-size : 12px;
    text-decoration : none;
    font-weight : bold;
    font-style : normal;
}

.Lista
{
	list-style-image: url(../img/bullet_active.png);
}

.seleccionAnimated {
	font-size: 25px;
	font-weight:bold;
	color: #0AA6D9;
}

.table1 {
	background-color: #0AA6D9;
	width: 100%;
}

.table1 thead {
	background-color: #0AA6D9;
	color: #FFFFFF;
}
.table1 tbody {
	background-color: #FFFFFF;
}
.table1 thead tr td {
	padding: 10px;
	border-spacing: 0px;
	border-collapse: separate;
}
.table1 tbody tr td {
	padding: 5px;
	border-spacing: 0px;
	border-collapse: separate;
}


.tableScroll {
	display: block;
	background-color: #0AA6D9;
	width: 100%;
	overflow-x: scroll;
	overflow-y: auto;
}

.tableScroll thead {
	background-color: #0AA6D9;
	color:#FFFFFF;
	
}
.tableScroll tbody {

	background-color: #FFFFFF;

}

.tableScroll thead tr td {
	padding: 10px;
	border-spacing: 0px;
	border-collapse: separate;
	text-align : center;
	font-size: 12px;
}


.tableScroll tbody tr td {
	padding: 5px;
	border-spacing: 0px;
	border-collapse: separate;
	white-space: nowrap;
}


.content {
	margin: 15px;
	min-height : 400px;
}

.content-login {
    position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.linkButton {
  text-decoration: none;
  background-color: #0AA6D9;
  color: #FFFFFF!important;
  font-weight : bold;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #0AA6D9;
  border-right: 1px solid #0AA6D9;
  border-bottom: 1px solid #0AA6D9;
  border-left: 1px solid #0AA6D9;
  border-radius: 5px;
  -moz-box-shadow: 0px 10px 14px -7px #276873;
  -webkit-box-shadow: 0px 10px 14px -7px #276873;
  box-shadow: 0px 10px 14px -7px #276873;
}

.linkButton:hover {
	background-color: #FFFFFF;
	color: #0AA6D9!important;
	cursor: pointer;
}

.linkBig {
	font-size: 1.5em;
	padding: 5px;
}

.label-form {
	display:table-cell;
	color: #0AA6D9;
	width: 50%;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 20px;
	font-weight: bold;
}

.input-form {
	display: table-cell;
	width: 50%;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}

.grupo {
	display: inline-block;
	font-size: 15px;
	width: 90%;
	margin: 10px;
	padding: 10px;
	border: 1px solid #0AA6D9;
}

.campo {
	display: inline-block;
	font-size: 12px;
	width: 90%;
	padding: 5px;
}

#userLogged {
	display:block;
	position: absolute;
	height: 32px;
	right : 0px;
	top: 0px;
	margin-top : 5px;
	margin-right: 5px;
	cursor: pointer;
}

#userLogged .userElement {
	float:left;
	padding-left: 15px;
}

#userData:hover > #userLoggedFrame {
	display:block;
}

#userLoggedFrame {
	display:none;
	position: absolute;
	right : 0px;
	top: 32px;
	min-width: 125px;
	z-index: 1;
	padding: 10px;
	cursor: default;
	background-color: #FFFFFF;
	border: 1px solid #0AA6D9;
}

#userLoggedFrame div {
	padding: 5px;
}

.cajaSelect {
   margin-bottom: 5px;	
   border:1px solid #0AA6D9;
   height:30px;
   overflow: hidden;
   width: 180px;
   position:relative;
}

.select {
   background: transparent;
   border: none;
   font-size: 14px;
   color: #0AA6D9;
   height: 30px;
   padding: 5px;
   width: 200px;
}

.select:focus{ outline: none;}

.cajaSelect::after{
	content:"\025be";
	font-weight: bold;
	color: #FFFFFF;
	display:table-cell;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:30px;
	background-color:#0AA6D9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
}

.logo {
	display: inline-block;
}

@media (max-width: 700px) {
	#userLogged {
		display:block;

		height: 32px;
		margin-top : 5px;
		margin-right: 5px;
		cursor: pointer;
	}
	#userLogged .userElement {
		float:bottom;
		padding-left: 15px;
	}
	
	.logo img {
		height: 50px;
	}

}