@font-face{ font-family: 'Roboto'; src: url('../Content/fonts/Roboto-Regular.ttf') format('truetype'); }
body { background: #fff; margin: 0px; padding: 0px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 12px; color:#333; -webkit-overflow-scrolling: touch; }
#header { background-color:rgba(  0,121,193, 0.9); text-indent:-10000px; width:100%; height:100px; position:fixed; top: 0; font-size:10px; color:#58585B; }
#headercontent { background: url(../Content/Images/logo30.png) no-repeat; width:1000px; height:70px; text-indent:-10000px; margin: 0 auto; margin-top: 15px; }
#bgintermatico { background-color: #fff; 
                 background: url(../Content/Images/bg30.jpg) no-repeat center center fixed; 
                 overflow: auto; width: 100%; height: 100%; z-index:-999999; 
                 -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover; position: fixed; -webkit-overflow-scrolling: touch; }
#toplinks a { color: #fff; text-decoration: none; margin-left: 15px; }
#headercontent #toplinks {
	margin-top: -45px; text-align: right; width: 1000px; position: absolute; height: 20px; color: #fff; font-weight: lighter;
}
#toplinks a:hover {
	text-decoration:underline;
}
#h1 { color:#333; font: bold 22px 'Roboto', Helvetica, Arial, sans-serif; margin:3px 0 8px 0;}
#prebody { width:1000px; height:100px; position: relative; }
#bodywrapper { width:1000px; margin:auto; }
#top { height:30px; }
#content { width:1000px; position:absolute; -webkit-overflow-scrolling: touch; }
#contentwrapper { padding:20px; margin:0; overflow:auto; -webkit-overflow-scrolling: touch; }
#leftcol { width:140px; float: left; margin-right:10px;}
#centercolfull { background: #fff; background-color:rgba(255,255,255,0.95); padding: 15px; width:780px; min-height:300px; float: left; 
                 overflow:auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);}
#footer { width:1000px; height:63px; bottom: 0; font-size:10px; color:#58585B; }
#footerline { background-color: #A1C7DA; height: 2px; }
#footercontent { width: 1000px; margin: auto; margin-top: 10px; }
#footertext { padding:1px 0 0 20px; }
#footertext2 { width: 84px; float:right; padding:1px 20px 0 20px; }
#footertext3 { float:right; padding:1px 20px 0 0; text-align: right; font-size: 9px; }
#boxwelcomewrapper { width:500px; height:20px; text-align: right; font-size:11px; color:#fff; margin-top:5px; margin-left: auto; -moz-border-radius: 3px; 
                     -webkit-border-radius: 3px; border-radius: 3px; }

#background { background: #038edd url(../Content/Images/bgerr30.jpg) no-repeat center center fixed; 
              overflow: auto; position: fixed; width: 100%; 
              height: 100%; z-index:-999999; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover; 
              -webkit-overflow-scrolling: touch;
}
#headerlogin { background: url(../Content/Images/logo30.png) no-repeat; width:1000px; height:70px; text-indent:-10000px;}
#fullcollogin { width:600px; min-height: 220px; margin: 0px auto;
	background: #fff;
    background-color:rgba(255,255,255,0.8);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
}

.centercontent { margin:3px auto; text-align:center; padding:3px 0; min-height:0px; } /* Contenedor para centrar elementos */
#footerlogin { background-color: #f1f6fb; width:100%; height:63px; position:fixed; bottom: 0; font-size:10px; color:#58585B; }

.notifibox { background-color:#fdf8e4; font-size:13px; color:#c9a654; margin-bottom:12px; border: 1px solid #F0F0F0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.notifibox a, .notifibox a:link, .notifibox a:link, .notifibox a:hover, .notifibox a:active { color:#c9a654 !important; text-decoration:underline;	}