/* CSS Document - MSGG*/
/*** Tags HTML ***/
@charset "UTF-8";
/*----------------------- Reset -----------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%;  background:transparent;}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%; background:transparent;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
/* FIN Reset */

/* fontface */

/*ESTILO PARA BODY*/
/*.bodysite {background:url(/telematica/imag/bg/bg_site.jpg) no-repeat left bottom #FFFFFF;}*/
/*-------------------oo------------------------*/
/* BLOQUES PRINCIPALES*/
#main {width:1024px; text-align:left; margin:0 auto; padding:0 10px 20px; min-height:600px; height:auto !important; background:#FFFFFF; overflow:hidden;}
#head {width:1024px; height:97px;}
#footer {width:100%; font-size:12px; color:#003366; margin:0 auto 15px; text-align:left;}
#main #footer {width:930px; border-top:none; margin:10px auto 15px; text-align:left; background:none;}
/*-------------------oo------------------------*/


/*----------------------- General -----------------------*/
* {font-family:Arial,Helvetica,Sans-Serif,Tahoma,Verdana; margin:0; padding:0;}
body {margin:0; padding:0; border:0;}
html>body {margin:0; padding:0;}
ul {list-style:none;}
a {text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
.separa {clear:both; width:100%; margin:0; padding:0; display:block; margin-top:-1px;}

.separa-full {width:100%; height:1px; clear:both; display:block; margin:0; padding:0;}
.relative {position:relative;}
.absolute {position:absolute;}
.aleft {float:left;}
.aright {float:right;}
.col450 {width:450px;}
/*-------------------oo------------------------*/

/*----------------------- Header -----------------------*/
#header {width:960px; margin:0 auto 10px auto; padding:0 0 10px 0; border-bottom:1px #d7e3e9 solid; position:relative;}
#header > a > img {margin-right:30px;}
#header .logo-utfsm {position:absolute; right:0; top:25px; z-index:10;}
#header .superior {margin-top:28px;}
#header .superior h1 {font-size:30px; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header .superior h1 span {font-size:18px; display:block; text-align:left; color:#999; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#header menu {margin-top:13px; width:805px;}
#header menu .nav a {color:inherit; font-family:"opensans", "Trebuchet MS", Arial, Helvetica, sans-serif; padding:3px 12px; display:block;}
#header menu .nav a:hover {text-decoration:none;}
#header menu .nav li {float:left; margin:0 2px; font-size:17px; color:#003366; height:26px}
#header menu .nav li.activo, #header menu .nav li:hover {background:url(http://profesores.elo.utfsm.cl//imag/bg/bg-boton-menu.gif) repeat-x left; color:#FFF;}

#header menu .social {background:#c2e5f3;margin:0 3px; padding:3px 5px; margin-left:20px;}
#header menu .social a { display:block; padding-top:3px;}
#header menu .social li {margin:0 3px; font-size:17px; color:#003366; height:22px; float:left;}
/* FIN Header */

/*----------------------- Footer -----------------------*/
#footer {width:960px; margin:0 auto; padding:1px 0 30px 0; border-bottom:1px #d7e3e9 solid; position:relative; clear:both;}
#footer .un_cuarto {width:auto; padding:10px 20px; float:left;}
#footer h3 {border-bottom:1px #d8d8d8 solid; padding:0 0 8px 20px; margin:30px 0 20px 0; font-size:18px; color:#003366; background:url(http://profesores.elo.utfsm.cl//imag/auxi/bullet1.png) no-repeat left 3px;}
#footer a {color:inherit}
#footer span {display:block; color:#003366; font-size:11px; margin:10px 0;}

#footer .inferior img {float:left; margin-right:30px; margin-left:200px;}
#footer .inferior h4 {text-transform:uppercase; color:#1a7fa8; padding-top:40px;}
#footer .inferior h4 span {display:block; color:inherit;}
/* FIN Footer */


/*--------------- Efectos ---------------*/
.shadow, .shadow-small {
    box-shadow: 0 0 11px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 11px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.2);
}
.shadow-small-right {
    box-shadow: 2px 0 7px rgba(30,30,30, 0.3);
    -moz-box-shadow: 2px 0 7px rgba(30,30,30, 0.3);
    -webkit-box-shadow: 2px 0 7px rgba(30,30,30, 0.3);
}
.text-shadow-small {text-shadow:#333 0 1px 3px;}
.radius-normal {
    border-radius: 8px; 
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.radius, .radius-small {
    border-radius: 5px; 
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.radius-small-bottom {
    border-radius: 0 0 5px 5px; 
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.animar {
    -webkit-animation: .5s ease;
    -moz-animation: .5s ease;
    -ms-animation: .5s ease;
    -o-animation: .5s ease;
    -moz-animation: .5s ease;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
/* FIN Efectos */