/**
 * @file style.css
 * @author Pablo Orantes Pozo (pabloop@correo.ugr.es)
 * @brief fichero de hoja de estilos en cascada de la Intranet del grupo sci2s
 *   
 */ 
    body {
        margin: 0;
        padding: 0;
        text-align: center;
        font: 85% "Trebuchet MS",Arial,sans-serif;
		    color: #000;     
        background-color:#DDDDDD;
    }
    
    .page {
        width: 90%;
        margin:  5px auto 10px auto;
	      padding: 5px;
        text-align: left;
		    background: #FFFFFF; 
		    color: #000000;
		    border: 1px solid #000;
    }
    
    .footer { padding: 10px; background-color: #6699CC; color: #000000; text-align: center;}
    
    .marco_menu {
        width: 100%;
        height: 28px;
        margin:  0 0 0 0;
        padding: 0;
        text-align: center;
		    border: 1px solid #000000;
		    background: #DDDDDD;
		    color: #000000;
    }
    
    .menu{
        cursor: pointer;
        width: 360px;
        height: 30px;
        margin: 5px auto auto auto;
        padding: 0;
        outline: none;
        border: 1px solid #336699;
        text-align: center;
        background: #6699CC;
		    color: #002455;
		    font-size: 4;
    }
    
    .seleccion{
        cursor: pointer;
        padding: 0;
        outline: none;
        border: 1px solid #336699;
        text-align: center;
        background: #99CCCC;
		    color: #000000;
    }
    
    .boton{
        cursor: pointer;
        width: 240px;
        height: 25px;
        padding: 0;
        outline: none;
        border: 1px solid #336699;
        text-align: center;
        background: #6699CC;
		    color: #000000;
    }
 
     #menuhoriz ul li {
        display: inline;
        padding: 2px 7px; /*Separar el texto*/
        margin:5px; /* Separar los botones */
        background-color:#6699CC; /* Color de fondo */
        color: #002455
      }
      #menuhoriz ul li:hover {
        background-color:#FFFFFF; /* Color de fondo sobre el boton */
        color: #6699CC;
        cursor: pointer; /* cambiar el aspecto del puntero */
      }
      #menuhoriz ul {
          /* Linea para delimitar la botonera */
          border-bottom-width: 1px;
          border-bottom-style: solid;
          border-bottom-color: #99CCCC;
      }
      
      /* formato para las tablas paginas */
      .paginada td{
        border-style: solid;
        border-width: 1px;
      }
      
      .paginada table{
        border-width: 0px;
      }
	
    .texto{ font-size: 16pt; text-align: left; color: #444477; background-color:#FFFFFF;}
  
    p{padding: 0 5px 5px}
    h1{font-size: 200%;color: #002455; letter-spacing: 1px; text-align: center; line-height:1 }
    h2{font-size: 200%;line-height:1;color:#002455; }
    h3{font-size: 130%;line-height:2;color:#002455; }
    label { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000; display: block; }
        
    a:link.navlink { color:#0000cc; background-color:#CCFFFF; text-align:center; text-decoration:none }
    a:visited.navlink { color:#9900cc; background-color:#CCFFFF; text-align:center; text-decoration:none }
    a:hover.navlink { color:#000000; background-color:#CCFFFF; text-align:center; text-decoration:none  }
    
    a:link.breadcrumb { color:#69C; text-align:center; text-decoration:none }
    a:visited.breadcrumb { color:#69C; text-align:center; text-decoration:none }
    a:hover.breadcrumb { color:#69C;text-align:center; cursor: pointer; border-bottom: 1px dashed #002455;   }
    
    a:link.tabla{ COLOR: #000000; FONT-SIZE: 13px;  FONT-FAMILY: Verdana, Helvetica; text-decoration:none; font-weight:bold;}
    a:active.tabla{ COLOR: #000000; FONT-SIZE: 13px; FONT-FAMILY: Verdana, Helvetica; text-decoration:none; font-weight:bold;}
    a:visited.tabla{ COLOR: #000000; FONT-SIZE: 13px;FONT-FAMILY: Verdana, Helvetica; text-decoration:none; font-weight:bold;}
    a:hover.tabla{ COLOR: #000000; FONT-SIZE: 13px; FONT-FAMILY: Verdana, Helvetica; text-decoration:none; font-weight:bold;}
    
    td:hover.tabla{ COLOR: #000000; text-decoration:underline; cursor: pointer;}
    
    div:hover.menu{background-color:#CCFFFF; color: #000000;}
    /*div:focus.menu{background-color:#CCFFFF; color: #000000;}*/
    td:hover.seleccion{background-color:#CCFFFF; color: #000000;}
    td:focus.seleccion{background-color:#CCFFFF; color: #000000;}
    div:hover.menu_h{background-color:#CCFFFF; color: #000000;}
    
    /** botones ventana cerrar sesión */
    #DialogSalir .salir {font-size:15px; width:100px; }
    
    /** texto para formulario y de la aplicación */
#texto h1{
 	font-size:16px;
	background-color:#243349;
	border-bottom:1px solid #fff;
	color:#fff;
	padding:3px;
	clear:both;
}

.FormPrincipal{
  font-size: 16px;
  background-color: #6699CC;
  color: #002455;
  text-align: center;
  font-weight: bold;
}

#texto h2{
	margin-left:23px;
    font-size:14px;
	border-bottom:1px solid #243349;
	clear:both;
}

#texto h3{
	margin-left:43px;
	clear:both;
}

#texto h4{
	margin-left:63px;
}


#texto a{
	color: #003377;
}

#texto a:hover{
	color: #cc0000;
}

#texto a.unexistent {
	color: #FF1100;
}

#texto ul {
	line-height:1.5em;
	list-style-type:square;
	margin:0 0 0.5em 1.5em;
	padding:0;
	color:#335c6c;
	list-style-image:none;
	clear:both;
}

#texto ol{
	line-height:1.5em;
	margin:0 0 0.5em 1.5em;
	padding:0;
	color:#335c6c;
	font-weight:bold;
	list-style-image:none;
}

#texto ol{list-style-type:decimal}
#texto ol ol{list-style-type:upper-roman}
#texto ol ol ol{list-style-type:lower-alpha}
#texto ol ol ol ol{list-style-type:lower-greek}

#texto li {
	padding:0;
	margin:0;
	font-size:12px;
	color:#000;
	font-weight:normal;
}

#texto li a {
	color: #003377;
}

#texto div.footnotes{
	clear:both;
	border-top:1px solid  #ffcc66;
	padding-left:1em;
	margin-top:1em;
	font-size:10px;
}
#texto table {
	width: 100%;
	border: none;
	background-color:#EEE;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #aaa;
}							

#texto tr{
	background-color:#eee;
	padding:0;
	margin:0;
	border: 1px solid #bbb;
}

#texto td{
	font-size:12px;
	padding:5px;
	margin:0px;
	border: 1px solid #bbb;
}
#texto th{
	font-size:13px;
	font-weight:bold;
	padding:5px;
	margin:0px;
	background-color:#ACD2F2;
	border: 1px solid #8BC1ED;
}    
  

#sin_estilo table {
	width: 60%;
	border: none;
	background:#F0F0EE none repeat scroll 0%;
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid #CCCCCC;
}						

#sin_estilo tr{
	background-color:none;
	padding:0;
	margin:0;
	border: 1px solid #CCCCCC;
}

#sin_estilo td{
	font-size:12px;
	padding:0px;
	margin:0px;
	border: none;
}
#sin_estilo th{
	font-size:13px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	background-color:none;
	border: none;
}    

#tabla_collapse table {
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid #000;
}						

#tabla_collapse tr{
	padding:0;
	margin:0;
}

#tabla_collapse td{
	font-size:12px;
	padding:0px;
	margin:0px;
}
  
/* Estilos para la barra de navegacion por pestañas */
div.second-tabs {
	height: 47px;
	margin: 15px 0 0px 0;
	background: url(../images/tab2-bg.png) 0 100% repeat-x;
}

ul.bottomtab {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	float: left;
}

ul.bottomtab a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #666;
	cursor: pointer;
}

ul.bottomtab a:hover {
	color: #002455;
}

ul.bottomtab li.active_menu a:link,
ul.bottomtab li.active_menu a:visited {
	color: #fff;
}

ul.bottomtab li {
	list-style: none;
	float: left;
}

ul.bottomtab li {
	background: url(../images/tab2-r-off.png) 100% 0 no-repeat;
	padding: 0;
}

ul.bottomtab li a {
	display: block;
	padding: 0 20px 0 10px;
	line-height: 32px;
	height: 32px;
	border: 0;
	font-weight: bold;
}

ul.bottomtab li#first a {
	padding-left: 20px;
}

ul.bottomtab li#last a {
	padding-right: 20px;
}

ul.bottomtab li#first a {
	background: url(../images/tab2-l-end-off.png) 0 0 no-repeat;
}

ul.bottomtab li#last {
	background: url(../images/tab2-r-end-off.png) 100% 0 no-repeat;
}

ul.bottomtab li.active_menu {
	background: url(../images/tab2-r-on.png) 100% 0 no-repeat;
}

ul.bottomtab li#first.active_menu a {
	background: url(../images/tab2-l-end-on.png) 0 0 no-repeat;
}

ul.bottomtab li#last.active_menu {
	background: url(../images/tab2-r-end-on.png) 100% 0 no-repeat;
}

ul.bottomtab li.before_active_menu {
	background: url(../images/tab2-l-on.png) 100% 0 no-repeat;
}

/* ficha de personal */
.ficha {
	margin-top:10px;
	border-top:1px solid #aaa;
	padding-top:10px;
	border-bottom:1px solid #aaa;
	width:600px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	color:#000000;
	clear:both;
}
.ficha p{
	font-size:12px;
	
}
	
.texto_ficha .nombre{
	color:#333333;
	margin-left:0px;
	padding-left:0px;	
	font-size:18px;
	padding-bottom: 10px;
}
	
div.row span.asigIzq {
  color:#000000;
  float: left;
  width: 25%;
  text-align: left;
  font-size:12px;
  font-weight:bold;
  padding-right:10px
}

div.row span.asigDch {
	color:#333333;
  float: right;
  width: 70%;
  text-align: left;
  font-size:12px
}

.texto_ficha{float:right;width:60%}
.imagen_ficha{float:left;width:30%;padding:10px;padding-top:15px;}
     
.formAgrup {float: left; font-size: 0.75em;color:#000000;margin-bottom:12px;display:inline;}
.formAgrup2 {float: left; font-size: 0.75em;color:#000000;margin-bottom:12px; margin-left: 10px;display:inline;}
.formAgrup3 {font-size: 0.75em; color:#000000;margin-bottom:15px;background:url(../img/pixBlue.gif) repeat-x 100% 90%;}
.formAgrup4 {float: left; font-size: 0.75 em, color:#000000;margin-bottom:10px; margin-top:20px;}
.formAgrup5 {float: right; font-size: 0.75em;color:#000000;margin-bottom:12px;display:inline;}
.separador {border-bottom:1px solid #DCE6EB;margin-bottom:15px;clear:both;}
.formTit {background:#fff;}

.padding20 {padding-right:20px;}
.padding40 {padding-right:40px;}