/* DEFAULTS
----------------------------------------------------------*/
body{font-size: .80em;font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;margin: 0px;padding: 0px;}
p{margin-bottom: 10px;line-height: 1.6em;text-align:justify;}
.linkHeader{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:27px;color:#acacac; text-decoration:none;  }
.linkHeader strong{ color:#ffffff;}
.linkHeader strong.punto{ font-family:"Open Sans",sans-serif !important; font-size:48px; color:#ffe300; line-height:0px;-moz-box-sizing:border-box;}
.linkHeader  {text-decoration: none; }
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-size: 1.5em;color: #000000;font-variant: small-caps;text-transform: none;font-weight: 200;margin-bottom: 0px;}
h1{font-size: 1.6em;padding-bottom: 0px;margin-bottom: 0px;}
h2{font-size: 1.5em;font-weight: 600;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5, h6{font-size: 1em;}
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2{margin-top: 0px;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page{width: 100%;margin: 0px auto;min-height:900px;}
.header{position: fixed;top:0px; left:0px;margin: 0px;padding: 0px;background:#000000;width: 100%;height:80px;}
.header h1{font-weight: 700;margin: 0px;padding: 0px 0px 0px 20px;color: #000000;border: none;line-height: 2em;font-size: 2em;}
.main{padding: 0px 0px;margin: 0px; margin-top: 40px; min-height: 590px;}
.leftCol{padding: 6px 0px;margin: 12px 8px 8px 8px;width: 200px;min-height: 200px;}
footer{ background:#2d2d2d; text-align:center; vertical-align:middle;}
.footer{background:#2c2f33; height:370px;vertical-align:middle; }
.text-uppercase{ text-transform:none; font-size:11px; font-weight:normal !important; color:#ffffff; font-family:"Open Sans",sans-serif !important; }
.text-uppercase p{display:inline-block; padding:8px 10px; vertical-align:middle; text-align:left }
.row-md{ width:10%; margin:0 auto; height:300px;display: table-cell;vertical-align: middle; position:relative; }
.col-md-2{ margin:0 14px; width:150px; float:left;min-height:1px; padding-right:15px; padding-left:15px; color:#ffffff; font-size:16px; vertical-align:middle; text-align:right; margin-top:20px; height:150px;}
.col-md-3{ margin:0 14px; width:300px; float:left;min-height:1px; padding-right:15px; padding-left:15px; color:#ffffff; font-size:16px; vertical-align:middle; height:150px;  }
.col-md-3 h2{ text-transform:uppercase; font-size:18px; font-family:"Open Sans",sans-serif !important; color:#ffffff; font-weight:700; margin-bottom:37px; 
              padding-bottom:0px; display: table; width:100%; white-space:nowrap; margin-left:0px; letter-spacing:1.3px; margin-top:20px;line-height:1.1}

/* TAB MENU   
----------------------------------------------------------*/
.legend1{float:left;height:50px;margin:15px 0x 0px 15px;}
.legend2{width:60%;float:right;height:50px;margin:15px 0x 0px 15px;}
div.hideSkiplink{background-color:#3a4f63;width:100%;}
div.menu{float:right;padding: 0px;height:50px;}
div.menu ul{list-style: none;margin: 0px;padding: 0px;width: auto;}
div.menu ul li a, div.menu ul li a:visited{
    color: White;display: block;line-height: 1.35em;padding: 15px 20px;text-decoration:none;
    white-space: nowrap;height:18px;font-family:Calibri;font-size:14px;font-weight:bold;text-transform:uppercase;
}
div.menu ul li a:hover{background-color: #bfcbd6;color: #465c71;text-decoration: none;}
div.menu ul li a:active{background-color: #465c71;color: #cfdbe6;text-decoration: none;}  

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset{margin: 1em 0px;padding: 1em;border: 1px solid #ccc;}
fieldset p {margin: 2px 12px 10px 10px;}
fieldset.login label, fieldset.register label, fieldset.changePassword label{display: block;}
fieldset label.inline{display: inline;}
legend{font-size: 1.1em;font-weight: 600;padding: 2px 4px 8px 4px;}
input.textEntry {width: 320px;border: 1px solid #ccc;}
input.passwordEntry {width: 320px;border: 1px solid #ccc;}
div.accountInfo{width: 42%;}

/* MISC  
----------------------------------------------------------*/
.clear{clear: both;}
.title{display: block;float: left;text-align: left;width: auto;}
.loginDisplay{margin: 10px 0px 0px 15px; padding-left:10px; color: #FFFFFF;height:35px;font-family:Calibri;font-size:18px;font-weight:normal;text-transform:uppercase;}
.loginDisplay a:link{color: white;}
.loginDisplay a:visited{color: white;}
.loginDisplay a:hover{color: white;}
.failureNotification{font-size: 1.2em;color: Red;}
.submitButton{text-align: right;padding-right: 10px;}
.esquina{height:70px;float:left; margin: 0px 0px 5px 10px; }
.esquina_rigth{height:80px;float:right;}

@media screen and (width: 1024px){
.loginDisplay{font-size:12px; padding-left:10px;margin: 10px 0px 0px 15px;color: #585858;height:35px;font-family:Calibri;font-weight:bold;text-transform:uppercase;}
.esquina{height:70px;float:left; margin: 0px 0px 5px 10px; }
.linkHeader{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px;color:#acacac; text-decoration:none; padding-top:20px; }
.linkHeader strong.punto{ font-family:"Open Sans",sans-serif !important; font-size:28px; color:#ffe300; line-height:0px;-moz-box-sizing:border-box;}
}    
@media screen and (width: 1150px){
.loginDisplay{font-size:12px; padding-left:10px;margin: 10px 0px 0px 15px;color: #585858;height:35px;font-family:Calibri;font-weight:bold;text-transform:uppercase;}
.esquina{height:70px;float:left; margin: 0px 0px 5px 10px;}
.linkHeader{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:10px;color:#acacac; text-decoration:none; padding-top:20px; }
.linkHeader strong.punto{ font-family:"Open Sans",sans-serif !important; font-size:18px; color:#ffe300; line-height:0px;-moz-box-sizing:border-box;}
}
@media screen and (width:1366px){
.loginDisplay{margin: 5px 0px 0px 15px; padding-left:10px;color: #585858;height:35px;font-family:Calibri;font-size:18px;font-weight:bold;text-transform:uppercase;}
.esquina{height:70px;float:left; margin: 0px 0px 5px 10px; }
.linkHeader{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:27px;color:#acacac; text-decoration:none; padding-top:20px;margin-left:100px; }
.linkHeader strong.punto{ font-family:"Open Sans",sans-serif !important; font-size:28px; color:#ffe300; line-height:0px;-moz-box-sizing:border-box;}
    
}