body{
background:#fafafa;
margin:0;
}

/*@font-face {
  font-family: 'Soberana Titular';
    src: url('http://itsguasave.edu.mx/font/soberanatitular-regular-webfont.eot'); 
    src: local('Soberana Titular'), 
         url('http://itsguasave.edu.mx/font/soberanatitular-regular-webfont.ttf') format('truetype'),
		  url('http://itsguasave.edu.mx/font/soberanatitular-regular-webfont.woff') format('woff'),
          url('http://itsguasave.edu.mx/font/soberanatitular-regular-webfont.svg') format('svg');

}

@font-face {

 font-family: 'Soberana Sans';
    src: url('http://itsguasave.edu.mx/font/soberanasans-regular-webfont.eot'); 
    src: local('Soberana Sans'), 
         url('http://itsguasave.edu.mx/font/soberanasans-regular-webfont.ttf') format('truetype'),
		  url('http://itsguasave.edu.mx/font/soberanasans-regular-webfont.woff') format('woff'),
         url('http://itsguasave.edu.mx/font/soberanasans-regular-webfont.svg') format('svg');

}


/*@font-face {
    font-family: 'soberana_titularbold';
    src: url('font/soberanatitular-bold-webfont.eot');
    src: local('☺'),
         url('font/soberanatitular-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanatitular-bold-webfont.woff') format('woff'),
         url('font/soberanatitular-bold-webfont.ttf') format('truetype'),
         url('font/soberanatitular-bold-webfont.svg#soberana_titularbold') format('svg');
}
@font-face {
    font-family: 'soberana_titularregular';
    src: url('font/soberanatitular-regular-webfont.eot');
    src: local('☺'),
         url('font/soberanatitular-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanatitular-regular-webfont.woff') format('woff'),
         url('font/soberanatitular-regular-webfont.ttf') format('truetype'),
         url('font/soberanatitular-regular-webfont.svg#soberana_titularregular') format('svg');    
}
@font-face {
    font-family: 'soberana_sansbold';
    src: url('font/soberanasans-black-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-black-webfont.woff') format('woff'),
         url('font/soberanasans-black-webfont.ttf') format('truetype'),
         url('font/soberanasans-black-webfont.svg#soberana_sansbold') format('svg');    
}
@font-face {
    font-family: 'soberana_sansbold_italic';
    src: url('font/soberanasans-blackitalic-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-blackitalic-webfont.woff') format('woff'),
         url('font/soberanasans-blackitalic-webfont.ttf') format('truetype'),
         url('font/soberanasans-blackitalic-webfont.svg#soberana_sansbold_italic') format('svg');
}
@font-face {
    font-family: 'soberana_sans_lightbold';
    src: url('font/soberanasans-bold-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-bold-webfont.woff') format('woff'),
         url('font/soberanasans-bold-webfont.ttf') format('truetype'),
         url('font/soberanasans-bold-webfont.svg#soberana_sans_lightbold') format('svg');
}
@font-face {
    font-family: 'soberana_sans_lightBdIt';
    src: url('font/soberanasans-bolditalic-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-bolditalic-webfont.woff') format('woff'),
         url('font/soberanasans-bolditalic-webfont.ttf') format('truetype'),
         url('font/soberanasans-bolditalic-webfont.svg#soberana_sans_lightBdIt') format('svg');
}
@font-face {
    font-family: 'soberana_sansitalic';
    src: url('font/soberanasans-italic-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-italic-webfont.woff') format('woff'),
         url('font/soberanasans-italic-webfont.ttf') format('truetype'),
         url('font/soberanasans-italic-webfont.svg#soberana_sansitalic') format('svg');
}
@font-face {
    font-family: 'soberana_sanslight';
    src: url('font/soberanasans-light-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-light-webfont.woff') format('woff'),
         url('font/soberanasans-light-webfont.ttf') format('truetype'),
         url('font/soberanasans-light-webfont.svg#soberana_sanslight') format('svg');
}
@font-face {
    font-family: 'soberana_sanslight_italic';
    src: url('font/soberanasans-lightitalic-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-lightitalic-webfont.woff') format('woff'),
         url('font/soberanasans-lightitalic-webfont.ttf') format('truetype'),
         url('font/soberanasans-lightitalic-webfont.svg#soberana_sanslight_italic') format('svg');
}
@font-face {
    font-family: 'soberana_sansregular';
    src: url('font/soberanasans-regular-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-regular-webfont.woff') format('woff'),
         url('font/soberanasans-regular-webfont.ttf') format('truetype'),
         url('font/soberanasans-regular-webfont.svg#soberana_sansregular') format('svg');
}
@font-face {
    font-family: 'soberana_sansultra';
    src: url('font/soberanasans-ultra-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-ultra-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-ultra-webfont.woff') format('woff'),
         url('font/soberanasans-ultra-webfont.ttf') format('truetype'),
         url('font/soberanasans-ultra-webfont.svg#soberana_sansultra') format('svg');
}
@font-face {
    font-family: 'soberana_sansultra_italic';
    src: url('font/soberanasans-ultraitalic-webfont.eot');
    src: local('☺'),
         url('font/soberanasans-ultraitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/soberanasans-ultraitalic-webfont.woff') format('woff'),
         url('font/soberanasans-ultraitalic-webfont.ttf') format('truetype'),
         url('font/soberanasans-ultraitalic-webfont.svg#soberana_sansultra_italic') format('svg');
}*/

img{
border:0;
}

#reproductor{
width: 280px;
height: 200px;
margin: 0px auto;
padding: 0px;
background: #000000;
border: 1px solid #666666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
} 

#otro_mod{
-webkit-box-shadow: 1px 2px 5px #999;
-moz-box-shadow: 1px 2px 5px #999;
box-shadow: 1px 2px 5px #999;
border: 1px solid #CCC;
width: 285px;
height:auto;
margin: 0px auto;
padding: 0px;
background:#E1E1E1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
} 


* {margin:0; padding:0;}

div#menu {width:184px; background:url(menu_1.gif) top no-repeat; padding-top:44px;}

div#menubody {background:url(menu_2.gif) repeat-y; padding-left:21px;}

div#menubottom {height:26px; background:url(menu_4.gif) bottom no-repeat;}

ul#menulist {width:144px; list-style-type:none;}

ul#menulist li {height:27px; background:url(menu_3.gif) bottom repeat-x;}

ul#menulist a {width:122px; height:20px; border-left:#75c5de 10px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;}

ul#menulist a:hover {background:url(menu_5.jpg) left repeat-y;}


#otro_menu{
-webkit-box-shadow: 1px 2px 5px #999;
-moz-box-shadow: 1px 2px 5px #999;
box-shadow: 1px 2px 5px #999;
border: 1px solid #CCC;
width: 200px;
height:400px;
margin: 0px auto;
padding: 0px;
background:#EBEBEB;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
} 

.vineta{
	list-style-image:url(imagenes/flecha.png);
	padding-left:50px;
	padding-top:10px;
	padding-bottom:0px;} 


#otro{
-webkit-box-shadow: 1px 2px 5px #999;
-moz-box-shadow: 1px 2px 5px #999;
box-shadow: 1px 2px 5px #999;
border: 1px solid #CCC;
width: 280px;
height: 300px;
margin: 0px auto;
padding: 0px;
background:#CCCCCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

p{
font-family:Soberana Sans;
font-size:14px;
}

 a  
{
font-family:Soberana Sans;
color:#000;
text-decoration:none;   
}  

 a:link   
{
font-family:Soberana Sans;
color:#000;
text-decoration:none;   
}  


h3{
font-family:Soberana Titular;
font-size:16px;

}
h2{
font-family:Soberana Titular;
font-size:12px;
}
#head{
background:#D3D3D3;
display:block;
width:100%;
height:105px;
top:0;
position:absolute;
}

#directorio img
{
width:200px;
height:auto;
text-align:center;
}
#menucabezal a{
font-family:Soberana Titular;
font-size: 12px;
text-decoration:none;
color:#555;
}

#cuerpo{
margin:0 auto;
background:#fafafa;
-webkit-box-shadow: 1px 2px 10px #999;
-moz-box-shadow: 1px 2px 10px #999;
box-shadow: 1px 2px 10px #999;
filter: shadow(color=#999999, direction=135, strength=2);
width:980px;
display:block;
}
#content{
width:100%;
height:auto;
background:#fafafa;
}

#navegador{
width:980px;
/*font-family:"Soberana Sans" Light;*/
font-family:Soberana Titular;
font-size:13px;
position:absolute;
height:34px;
display:block;
background:#F00;
background: -webkit-linear-gradient(#FF0000, #990000);
background: linear-gradient(#FF0000, #990000);
background: linear-gradient(#FF0000, #990000);
background: -moz-linear-gradient(#FF0000, #990000);
}


#navegador a{
background:#F00;
 background: -webkit-linear-gradient(#FF0000, #990000);
 background: linear-gradient(#FF0000, #990000);
 background: -moz-linear-gradient(#FF0000, #990000);
text-decoration:none; 
padding: 9 0;
width:163.3px;
text-align:center;
display:block;
color:white;
float:left;
}
#navegador a:hover{
cursor: pointer;
transition: background-color 0.5s ease 0s;
-webkit-transition: background-color 0.5s ease 0s;
background:white;
color:#000000;
}


#nombre{
/*font-family:Trajan Pro;*/
font-family:Soberana Titular;
color:#990000;
}
#footer{
padding:5;
font-size:9pt;
text-align:center;
width:980px;
margin:0 auto;
}

#imafooter{
width:980px;
height:80px;
display:block;
background:url(images/footer3.png);
}

#imafooter1{
width:980px;
height:80px;
display:block;
background:url(images/footer3.png);
}
#footer a{
text-decoration:none;
}

#submenu{
width:100%;
height:19px;
display:block;
background:#BBB;
}
#submenu a{
font-family:Soberana Titular;
/*font-family:"Soberana Sans" Light;*/
font-size:12px;
display:block;
padding:0 10px;
float:left;
text-align:center;
text-decoration:none;
color:#333;
}
#submenu a:hover{
color:#888;
transition: background-color 0.7s ease 0s;
-webkit-transition: background-color 0.7s ease 0s;
text-decoration:underline;
}

#boton a{

font-family:Trajan Pro;
display:block;
width:250px;
padding:15 0px;
background:#888;
text-align:center;
text-decoration:none;
color:#FFF;
float:left;
}

#fecha
{
background:url(images/etiqueta.png);
width:82px;
height:37px;
display:block; 
position:absolute; 
margin-top:40px;
margin-left:21px;
font-size:16px;
padding:3 8px;
z-index:2;
color:#555;
background-repeat:no-repeat;
}

#s-hr
{
margin:0 auto;
margin-top:460px;
background:url(images/post-bottom-shadow.png);
width:539px;
height:37px;
background-repeat:no-repeat;
}

#sombra-hr
{
margin:0 auto;
margin-top:220px;
background:url(images/post-bottom-shadow.png);
width:539px;
height:37px;
background-repeat:no-repeat;
}

#sombraa-hr
{
margin:0 auto;
margin-top:10px;
background:url(images/post-bottom-shadow.png);
width:539px;
height:37px;
background-repeat:no-repeat;
}
#sombraa1-hr
{
margin:0 auto;
margin-top:20px;
background:url(images/post-bottom-shadow1.png);
width:250px;
height:10px;
background-repeat:no-repeat;
}


#boton a:hover
{
background:#CCC;
color:#888;
transition: background-color 0.7s ease 0s;
-webkit-transition: background-color 0.7s ease 0s;
}

#accesos
{
display:block;
float:left;
margin-top:5px; 
width:280px;
height:170px; 
background:#DD0000;
}


#noticia
{
width:665px;
height:230px;
display:block; 
float:left;
margin:0 10px;
}
#noticia img{
width:250px;
height:160px;
position:absolute;
margin-left:30px;
margin-top:30px;
z-index:1;
border: 1px solid #FFF;
-webkit-box-shadow: 2px 2px 2px #CCC;
box-shadow: 2px 2px 2px #CCC;
-moz-box-shadow: 2px 2px 2px #CCC;
}

#noticia h3
{
font-family:Soberana Titular;
color:#CC0000;
}

#noticia p
{
font-family:Soberana Sans;
color:#000;
}

#vacante
{
width:665px;
height:470px;
display:block; 
float:left;
margin:0 10px;
}
#vacante img
{
width:250px;
height:200px;
position:absolute;
margin-left:30px;
margin-top:30px;
z-index:1;
border: 1px solid #FFF;
-webkit-box-shadow: 2px 2px 2px #CCC;
box-shadow: 2px 2px 2px #CCC;
-moz-box-shadow: 2px 2px 2px #CCC;
}
#vacante h3
{
font-family:Soberana Titular;
color:#CC0000;
}

#vacante p
{
font-family:Soberana Sans;
color:#666;
}


#izquierda
{
padding:10px;
width:660px;
float:left;
}


#izquierda img{
width:200px; height:150px;
}

#derecha
{
display:block;
float:left;
width:290px;
}

#derecha1
{
display:block;
float:left;
width:320px;
}
#isqsgc
{
width:230px;
display:block;
float:left;
margin-top:-30px;
margin-left:20px;
}

#ver_perfil {
}

#ver_perfil  a{
background : #990000;
text-decoration:none; 
padding: 12 0;
width:360px;
text-align:center;
display:block;
color:white;
float:left;
}

#ver_perfil a:hover{
cursor: pointer;
transition: background-color 0.5s ease 0s;
-webkit-transition: background-color 0.5s ease 0s;
background:#FFF;
color:#990000;
}

#ligas{
display:block;
width:200px;
}

#ligas a{
float:left;

}

#moodle a:hover{
background:url(images/moodle_1.png);
}

#facebook a
{
display:block;
width:40px;
height:40px;
background:url(images/face_0.png);

}
#facebook a:hover{
background:url(images/face_1.png);
}

#twitter a
{
display:block;
width:40px;
height:40px;
background:url(images/twitter_0.png);
}

#twitter a:hover{
background:url(images/twitter_1.png);
}

#youtube a{
display:block;
width:40px;
height:40px;
background:url(images/youtube_0.png);

}

#youtube a:hover{
background:url(images/youtube_1.png);
}

#modulos img{
-webkit-box-shadow: 1px 2px 5px #999;
-moz-box-shadow: 1px 2px 5px #999;
box-shadow: 1px 2px 5px #999;
border: 1px solid #FFF;
margin:5px 18px;
}

#modulo img{
-webkit-box-shadow: 1px 2px 5px #999;
-moz-box-shadow: 1px 2px 5px #999;
box-shadow: 1px 2px 5px #999;
border: 1px solid #FFF;
margin:5px 0px;
}

#modulo1 img{
-webkit-box-shadow: 1px 2px 5px #999;
-moz-box-shadow: 1px 2px 5px #999;
box-shadow: 1px 2px 5px #999;
border: 1px solid #FFF;
margin-top:60px;
}

#leermas a
{
width:118px;
height:31px;
display:block;
background:url(images/leermas.png);
}

#certif a
{
width:200px;
height:30px;
display:block;
background:url(images/etiqueta6.png);
}







*{
    margin: 0;
    padding: 0;
}
#header {
    height: 40px;
    padding: 0px 5px;
    width: 960px;
}





/*MENU DE NAVEGACIÓN*/
#header #nav { margin-bottom: 30px; }
#header #nav ul { list-style-type: none; }
#header #nav #nav-bar {
background:#EC0000;
background: -webkit-linear-gradient(#FF0000, #990000);
background: linear-gradient(#FF0000, #990000);
 height: 37px;
 margin-top: 0px;
 width: 960px; 
 padding: 0 10px;
 margin-left: -5px;

 }
#header #nav #nav-bar > ul > li {
 float: left;
 position: relative;
  font-family:Soberana Sans;
 font-size:12px;
}

#header #nav #nav-bar > ul > li:first-child:before {
 content: none;
 display: none;
 }
#header #nav #nav-bar > ul > li > a {
 border-left: 1px solid transparent;
 border-right: 1px solid transparent;
 text-align:center;
 font-family:Soberana Sans;
 width: 103px;
 color: #FFF;
 float: left;
 height: 39px;
 text-decoration:none;
 line-height: 37px; 
 padding: 0 16px; position: relative;
 z-index: 20;
 margin-top: 0px;}
#header #nav #nav-bar > ul > li > a.selected { color: #cf242a; }

#header #nav #nav-bar > ul > li:hover > a {
 background-image: #FFF;
 color:#990000;
 text-decoration: underline;
 }
 #header #nav #nav-bar > ul > li > a:hover{
 background: #FFF;
 color:#990000;
 text-decoration: underline;
 }
#header #nav .submenu {
 background: #bbb;
 background: linear-gradient(#FFF, #CCC);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#cbcbcb',startColorstr='#fbfbfb'); 
 /* for IE */ 
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#cbcbcb',startColorstr='#fbfbfb')"; 
 /* for IE */
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); 
 /* for webkit browsers */ 
 background-image: -moz-linear-gradient(center top, #fbfbfb, #cbcbcb); 
 /* for firefox 3.6+ */ 
 border: 0px solid #990000; 
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); 
 display: none;
 font: 13px/14px serif;
 margin-left: 0px; min-width: 140px; padding: 18px;
 position: absolute;
 top: 39px; z-index: 15;
 font-family:Soberana Sans;
 font-size:14px;
 }
#header #nav .submenu a { color: #990000;text-decoration:none; 
  font-family:Soberana Sans;
 font-size:12px;
}
#header #nav .submenu a:hover {text-decoration:underline; }
#header #nav .submenu ul li { 
border-top: 0px solid #000000; 
padding: 8px 5px; 
text-align: left; 
white-space: nowrap; 
}
#header #nav .submenu ul li:first-child { border-top: 0; }
#header #nav .submenu ul li a { display: block; }

#header #nav #galeria-submenu { 
overflow: hidden; 
margin-left: -500px; 
padding-right: 28px 30px 28px 28px; 
width: 620px;}
#header #nav #galeria-submenu .left { float: left; width: 170px; padding: 0 10px;  }
#header #nav #galeria-submenu .left h3 { 
color:#aaa;
 margin: 0 0 20px 5px; 
 text-transform: none; }
#header #nav #galeria-submenu .left ul li { white-space: normal; }
/*FIN MENU DE NAVEGACIÓN*/

{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}