body {
	font-size: 13px !important;
	font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
}

.linkprincipal {
	color: #566473;
	font-weight: 700;
	border-bottom: groove 1px black;
	/*font-size: 1.35em !important;*/
}

.ui-menuitem-icon{
	position: initial !important;
}


.linkprincipal:hover {
	text-decoration: none;
}

.mini {
	font-size: 0.8em;
}

h5, .h5 {
	font-size: 12px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.italicandbold {
	font-weight: bold;
	font-style: italic;
}

.error {
	color:darkorange;
	font-size: 1.3em !important;
}

.marginbottom {
	margin-bottom: 5px;
}

.marginleft {
	margin-left: 5px;
}

.marginright {
	margin-right: 5px;
}

.margintop {
	margin-top: 5px;
}

.margin {
	margin:2px;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.displayblock {
	display: block;
}

.displaynone {
	display: none;
}

.aligncenter {
	text-align: center;
}

.noborder, .noborder div {
	border: none !important;
}

.cursorpointer {
	cursor:pointer;
}

.nota {
	border-bottom-width: 2px;
	border-bottom-style: ridge; 
}

.scrollPanel {
	width: 100%;
	height: 120px;
}

.opacityComent {
	color: black !important;
	opacity: 1 !important;
}

.image250 {
	display: block;
	max-width: 250px;
	width:250px;
	height: auto;
	margin: 1em auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.circleImage30 {
	display: inline-block;
	max-width: 30px;
	width:30px;
	height: 30px;
	margin: 1em auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	border: 3px solid transparent;
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3); 
}

.circleImage40 {
	display: block;
	max-width: 40px;
	width:40px;
	height: 40px;
	margin: 1em auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	border: 3px solid transparent;
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3); 
}

.circleImage40social {
	display: block;
	max-width: 40px;
	width:40px;
	height: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	border: 3px solid transparent;
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3); 
}

.circleImage80 {
	display: block;
	max-width: 80px;
	width:80px;
	height: 80px;
	margin: 1em auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	border: 3px solid transparent;
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3); 
}

.circleImage150 {
	display: block;
	max-width: 150px;
	width:150px;
	height: 150px;
	margin: 1em auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	border: 3px solid transparent;
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3); 
}

.circleImage250 {
	display: block;
	max-width: 250px;
	width:250px;
	height: 250px;
	margin: 1em auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 99em;
	-moz-border-radius: 99em;
	border-radius: 99em;
	/*border: 3px solid #eee;*/
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.3); 
}

.img18 {
	max-width:18px;
	width: 100%;
	height: auto;
	border-bottom:1px solid black;
}

.img20 {
	max-width:18px;
	width: 100%;
	height: auto;
	border-bottom:1px solid black;
}

.liststats ul  {
	padding-left:2px;
}

.panelstats {
	background-color: #3A4968;
	border: 0px !important;
	padding: 0px !important;
}

.panelstats .ui-panel-titlebar {
    background-color: #EC6B56;
    border: none;
    color: #FFE374 !important;
    text-align: center;
}

.liststats div {
	border:none !important;
	background-color: #3A4968;
    color: #676767;
}

.listnoborder div {
	border: none !important;
}

.loginNews {
	font-weight: 700;
}

.responsiveImage {
	width:100%;
	height: auto;
	max-width: 600px;
	max-height: 400px;
}

.verticaltop {
	vertical-align:top;
}

.data {
	margin-bottom:5px;
	margin-top:5px;
	margin-left:10px; 
	margin-right:5px;
}

.center {
	text-align:center;
}

.editor {
	margin-bottom:5px;
}

.ui-carousel .ui-carousel-header, .ui-carousel .ui-carousel-footer {
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.cd-top.cd-is-visible {
	visibility: visible;
  	opacity: 1;
}
.cd-top.cd-fade-out {
	opacity: .6;
}

.stateAct{
	opacity: 1 !important;
}

.login {
	background-color: transparent !important;
	border: none !important;
}

.login .ui-widget-content {	
	color: #676767 !important;		
}

.login .boton {
	padding:5px 15px; 
	background:#F7DA64; 
	color: #676767;
	border:0 none;
   	cursor:pointer;
   	font-weight: bold;
   	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	-o-border-radius: 5px;
   	border-radius: 5px; 
}

.link, .link:hover {
	color: #E07B20 !important;
}

.titulo1p5  {	
	font-size: 1.5em;
	margin-top: 40px;
	font-weight: bold;
}

.titulo  {	
	font-size: 30px;
	display: block;
	text-align: center; 
	margin-top: 40px;
	color: #676767 !important;
	font-weight: bold;
}

.titulo2 {
	font-size: 2em;
	display: block;
	font-weight: bold;
}

.ciudad {	
	font-size: 3.4em;
	display: block;
	text-align: center; 
	margin-top: 5px;
	color: #676767 !important;
	text-transform: uppercase;
}

.logos {
	background-color: #676767;
}

.catedra {
	color: #676767 !important;
	display: block;
	text-align: center;
}

.formstats {
	height: 30px;
}

.fa.fa-trash, .fa.fa-pencil-square-o {
	font-size:1.5em !important	
}

.ok {
	background-color: lightgreen !important;
}

.condiciones {
	max-width: 90% !important; 
	height: 400px !important; 
	padding: 4% !important; 
	text-align: justify; 
	word-wrap: break-word;
}

.columnIco {
	width:40px !important; 
	text-align:center !important;
}

.spin .ui-spinner {
	width: 100% !important;
}

.spin .ui-inputfield {
	width: 90% !important;
}

.wrap label{
	white-space: normal !important;
}

.textGreen {
	font-weight: bold;
	color: #60bc6f;
}

.textRed {
	font-weight: bold;
	color: #f0443b;
}

.textMorado {
	font-weight: bold;
	color: #6808A9;
}

.textAzul {
	font-weight: bold;
	color: #0808FD;
}

.textAzulAzul {
	font-weight: bold;
	color: #6ACBE3;
}

.textAmarillo {
	font-weight: bold;
	color: #FBFC0D;
}

.textNaranja {
	font-weight: bold;
	color: #faa448;
}

.linktool {
	float:right;
	display:block;
	margin-right:10px;	
}

.linktool img {
	width: 30px;
	height: 30px;	
}

.columnCodes {
	width:100px !important; 
	text-align:center !important;
}

.columnOption {
	width:80px !important; 
	text-align:center !important;
}

.footerMain {
	font-weight: bold;	
}

.footerMain a {
	color: #000;
}
 
