
@charset "utf-8";
/* CSS Document */
body{
    background:rgb(212,220,233);
    font-size: 14px;
    margin: 0;
    color:rgb(101,107,143);
}



BODY, BUTTON, INPUT, SELECT, TEXTAREA {
    
    font-family: arial,sans-serif;
}

.sabcs_button{
	background-color:rgb(230,73,20);
	text-align:center;
	color:white;
	height:30px;
	text-transform: uppercase;
}

.mytable td { 
    padding: 0px;
}

.homeTitular{
	font-size:1.6em;
	font-weight:bold;
}



.roundbuttonGO
{
	border-radius: 10px;
	width:80px;
	color:white;
	background-color:rgb(230,73,20);
	font-weight: bold;
	padding:8px;
}

.authcodebox{
	padding:5px;outline:none;
    background-color: #c9202e !important;
    border: 0px solid;
    width:100%;
    height:35px;
    color:white;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size:1.1em
}

.videoThumb{
	width:140px;
	height:100px;
}

.mytable {
	border-collapse: collapse;
	width:90%;
}

.websiteText{
	color:rgb(101,107,143);
}

/* http://www.miltonbayer.com/font-face/ */
.headerPages{
	background-color: rgb(230,73,20);
	text-align: center;
	color:white;
	font-size:1.6em;
	padding:5px;
	font-weight: bold;
	font-family: Helvetica;/*'Helvetica', 'Arial';*/
	letter-spacing: 1px;
}

.lectureDate{
	color:rgb(230,73,20);
	font-size:1.6em;
	font-weight: bold;
	text-transform: capitalize;
}

.lectureDataTitle{
	color:rgb(94,94,96);
	font-weight: bold;
	font-size:1.4em;
	text-transform: capitalize;
}

.lectureDataName{
	color:rgb(94,94,96);
	font-weight: normal;
	font-size:1.2em;
	text-transform: capitalize;
}

.lectureData span{
	font-size:1.0em;
	font-weight: normal;
}

input{

}

table img{
	
}

.inputBoxesCss{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    white;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    white;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    white;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    white;
}

.headerBoxes{
	color:white;
	background-color: rgb(230,73,20);
	padding:10px;
	font-weight: bold;
	font-size:1.3em;
}

.viewbox{
	width: 160px !important;
	text-align:center;
	background-color:red;
	color:white;
    padding: 10px;
    margin: 0; 
}

.viewbox a{
	color:white;
}

.indice_table{
	/*border-spacing: 1px;
    border-collapse: separate;*/
}

.indice_table td{
	padding-top: 0px;
}

.indice_table td{
	padding-top: 1px;
}

table td a{
	font-size:1em;
	color:#231f20;
}

.container-box{
    background-color: #fff;
    border: 1px solid #fff;
    border-top: 0px solid #fff;
    border-radius: 3px;
    -webkit-box-shadow: 3px 35px 71px -1px rgba(0,0,0,0.43);
    -moz-box-shadow: 3px 35px 71px -1px rgba(0,0,0,0.43);
    box-shadow: 3px 35px 71px -1px rgba(0,0,0,0.33);
    display: block;
    margin-bottom: 2rem;
    padding: 1rem;
    position: relative;

    text-decoration: none;
}

.lineeffect{
	border-bottom: 1px solid #909090;
	padding-bottom:10px;
}

.loginform{
	font-size:1em;
	font-weight: normal;
	outline:none;
	color:black;
	margin-top:2px;
}

.backgroundline{
	background-image: url("/images/line.jpg");
}


.backgroundtop-header{
	background-color:#ffaa6a;
	border-top: 1px solid #fff;
	background-image: url("/images/home_top-background.png");
	background-repeat: no-repeat;
    background-position: 32px;
}

input[type="text"], textarea {

  background-color : #FFF; 

}

.background-top{
	background-image: url("/images/header-ada.png");
	height:235px;
}

.login_menu_position{
	margin-top:201px;
}


.welcomeADA{
	font-size:0.9em;
	font-weight: bold;
	color:#203b88;

}

.welcomeTEXT{
	margin-left:-125px;
}

.submitlogin{
	background-color:#9e86b6;
	color:black;
}

.loginform input{
	font-weight: normal;
	outline:none;
	background-color: white;
    border: 0px solid;
    height: 25px;
    width: 155px;
    color: #000;

}





div.loginsubmit input {
    background:url(/images/b_ok.png) no-repeat;
    cursor:pointer;
    width: 80px;
    height: 41px;
    border: none;
}

.loginformpos{
	margin-left:0px;
}

table {
	font-size: 0.8em;
	text-transform: uppercase;
}

.titular{
	font-size:2em;
	text-transform: capitalize;
}

.contentpos{
	margin-top:0px;
}

.contenttext{
	padding-left:30px;margin-top:30px;
}

.titleposition{
	padding-left:30px;
}

.textmargin{
	margin-left:-15px;
}

.auth_code_form{
	font-size:0.9em;
	color:black;
}

#ada_button {
  outline:transparent solid 0.5px;
  padding: 2px 5px;
  border-radius: 0px;
  color:white;
  font-weight: bold;
  border: none;
  margin: 0;
  background: rgba(140,138,189,0.8);
  font-family: arial, sans-serif;
  font-size: 8pt;
  text-align: left;
  height:41px;
}

#ada_button:hover {
   background: rgba(0,0,0,0.4); 
   color:orange;
}

.authcodepos{
	margin-left:90px;
	margin-top:-2px;
}

.welcomeADATEXT{
	margin-left:-108px;
	font-size:0.9em !important;
	
}

.welcomeADATEXThome{
	
	font-size:1em !important;
	
}





@media only screen and (min-width: 1024px) and (max-width: 1040px) {
	body{
	    background:rgb(212,220,233);
	    font-size: 11px;
	    margin: 0;
	}


}

@media only screen and (min-width: 600px) and (max-width: 992px) {
	body{
	    background: rgb(212,220,233);
	    font-size: 11px;
	    margin: 0;
	}

	.welcomeTEXT{
		margin-left:-125px;
	}

	.login_menu_position{
		margin-top:-19px;
	}

    .background-top{
		background-image: url("/images/home-top-mobile.png") no-repeat;
		background-position:-45px 0px;
	}

	.auth_code_form{
		margin-top:200px;
		font-size:1em !important;
	}

	.table-responsive{
		border: 0px solid transparent !important;
	}

	.textmargin{
		padding-right: 25px;
	}

	.authcodepos{
		margin-left:40px;margin-top:-2px;
	}

	.adabutton{
		margin-top:193px !important;
	}

	.contentmobile{
		margin-top:20px;
	}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	body{
	    background: rgb(212,220,233);;
	    font-size: 11px;
	    margin: 0;
	}
	.adabutton{
		margin-top:3px !important;
	}

	
}

@media only screen and (max-width: 480px) {

	body{
	    background: rgb(212,220,233);
	    font-size: 11px;
	    margin: 0;
	}

	.authcodebox{
	padding:5px;outline:none;
    background-color: #c9202e;
    border: 0px solid;
    width:60%;
    height:35px;
    color:white;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;font-size:1.4em
}

	.welcomeADATEXT{
	margin-left:0px;font-size:0.6em !important;
	}

	.background-top{
		background-image: url("/images/home-top-mobile.png") no-repeat !important;
		background-position:-45px 0px;
	}

	.auth_code_form{
		font-size:1em !important;
	}

	.adabutton{
		margin-top:193px !important;
	}

	.login_menu_position{
		margin-top:-19px;
	}

	.authcodepos{
		margin-left:-40px;margin-top:-2px;
	}

	.auth_code_form{
	font-size:0.7em;
	margin-left:50px;
	}

	.loginformpos{
	margin-left:0px;
	}

	.welcomeADA{
		font-size:0.6em;
	}

	.loginform input{
		font-weight: normal;
		outline:none;
	    border: 0px solid;
	    height: 20px;
	    width: 100px;
	    margin-top:2px;

	}

	.contenttext{
	padding-left:30px;margin-top:10px;
	}

	.mytable td { 
    	padding: 10px;
	}

	.mytable{
		width:90%;
	}

	.table-responsive{
		border: 0px solid transparent !important;
	}

	.textmargin{
		padding-right: 25px;
	}

	.bCertificate{
		padding:15px;
	}



}
