/* ===========================
       CSS A.F.PEREZ-CADENAS 
   ===========================
Código @2014 Marianne B. van Roode: */


/* === GENERAL ===*/


body {
	background-color: #F5F5F5;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	text-align:center;
	margin: auto;
}

a { text-decoration: none; color: #666666}
a:visited { text-decoration: none; color: #666666}
a:hover { text-decoration: underline; color: #000000}
a:active {	text-decoration: none; color: #000000}

h1 {font-size: 2.0em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight: lighter; letter-spacing: 0.1em; color: #669900; text-shadow: 1px 1px 1px rgba(255,255,255,0.6);}
h2 {font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-weight:lighter; border: 1px solid #669900; background-color: #DDE0D3; letter-spacing: 2px; padding: 10px;} 
h3 {font-size: 1em; text-transform: uppercase; letter-spacing: 3px; color: #666666; padding: 15px; border-bottom: 1px solid #CCCCCC;}
h4 {font-size: 0.875em; text-transform: uppercase; letter-spacing: 2px; font-weight: bolder; padding: 5px; margin: 50px 0px 1px 0px;}
h5 {font-size: 0.875em; text-transform: uppercase; font-weight: bolder; padding: 0px; margin: 2px 0px 2px 10px;}

h1 span{
  display: block;
  margin-top: 0.5em;
  font-family: Verdana;
  font-size: 0.6em;
  font-weight: normal;
  letter-spacing: 0em;
  text-shadow: none;
}

p {
	font-size: 0.8em;
	text-align: left;
	padding: 5px 15px 5px 15px;
}

.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}
.capitalize {text-transform:capitalize;}

hr {
	color: #CCCCCC;
	background: #CCCCCC;
	background-color: #CCCCCC;
	width: 75%;
	height: 1px;
}

.oculta {
	display: none;
}

.imagemargin {
	margin: 20px;
	border: 1px solid #669900;
	-moz-box-shadow: -2px 2px 5px #888;
	-webkit-box-shadow: -2px 2px 5px #888;
	box-shadow: -2px 2px 5px #888;
}

.floatright {
	display: block;
	float: right;
	margin: 25px;
	clear: right;
	border: 1px solid #669900;
	-moz-box-shadow: -2px 2px 5px #888;
	-webkit-box-shadow: -2px 2px 5px #888;
	box-shadow: -2px 2px 5px #888;
}

.floatleft {
	display: block;
	float: left;
	margin: 25px;
	clear: left;
	border: 1px solid #669900;
	-moz-box-shadow: -2px 2px 5px #888;
	-webkit-box-shadow: -2px 2px 5px #888;
	box-shadow: -2px 2px 5px #888;
}

.volver {
	font-size: smaller;
	color: #999999;
	text-align: right;
	text-transform: uppercase;
}

#contenedor {
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: auto;
	margin: auto;
	text-align:center;
}

#UGR {
	width: 99%;
	height: 65px;
	margin: 5px 0px 0px 0px;
}

#titulo {
	margin: 10px 0px 10px 0px;
	width: 947px;
	height: 90px;
	background-image:  url("titulo.png");
	background-repeat: no-repeat;
	background-position: center;
	border-style: solid;
	border-width: thin;
	border-color: #CCCCCC;
}

#columiz {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 190px;
	height: 450px;
	border-style:solid;
	border-width: thin;
	border-color: #CCCCCC;
}

/* inicio menu navegación */

#nav {
	margin: 100px auto; 
	text-align: center;
	margin: -5px 0px 0px 0px;
}

#nav ul ul {
	display: none;
}

	#nav ul li:hover > ul {
		display: block;
	}


#nav ul { 
	padding: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}
	#nav ul:after {
		content: ""; clear: both; display: block;
	}

	#nav ul li {
	}
		#nav ul li:hover {
			background: #CCCCCC;
		}
			#nav ul li:hover a {
				color: #333333;
				background-color: #CCCCCC;
				border: 1px solid #666666;
			}
		
		#nav ul li a {
			display: block;
			background: #E5E5E5;
			margin: 3px 0px 5px 0px;
			padding: 2px 4px;
			color: #757575;
			text-decoration: none;
			text-align: left;
			border: 1px solid #CCCCCC;
		}
			
		
	#nav ul ul {
		width: 500px;
		font-size: 0.875em;
		text-align: left;
		border-radius: 0px;
		padding: 0px;
		margin: 0px;
		position: absolute; left: 100%; top: 0;
		z-index: 2;
	}
		#nav ul ul li {
			float: none; 
			position: relative;
		}
			#nav ul ul li a {
				background-color: #CCCCCC;
				padding: 10px 10px;
				margin: 0px;
				border: 1px solid #999999;
				color: #333333;
			}	
				#nav ul ul li a:hover {
					background: #999999;
				}
		
	#nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
	
/* fin menu navegación */

#nav ul li a.act {
	display: block;
	color: #333333;
	background-color: #CCCCCC;
	border-style: solid;
	border-width: thin;
	border-color: #999999;
}

#datacolumiz {
	display: block;
	width: 100%;
	margin: 5px 0px 5px -5px;
	padding: 5px;
	text-align: center;
	font-size: smaller;
	color: #666666;
	background-image:  url("Agus2013.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

#columcent {
	float: right;
	margin: 0px;
	width: 78%;
	height: 450px;
	border-style: solid;
	border-width: thin;
	border-color:#CCCCCC;
	overflow: auto;
	text-align: left;
}

#pie {
	width: 99%;
	height: 20px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	float: left;
	text-align: center;
	font-size: x-small;
	color: #CCCCCC;	
}

#pie a {
	color: #CCCCCC;
}

#pie a:hover {
	color: #999999;
}

.commonlist {
	font-size: 0.875em;
	text-align: left;
	list-style-type: square;
	padding: 0px 20px 5px 50px;
}

.listadosin {
	font-size: 0.875em;
	text-align: left;
	list-style-type: none;
	padding: 0px 10px 5px 10px;
}

.listadonuetral {
	font-size: 1em;
	text-align: left;
	list-style-type: none;
	padding: 5px 15px;
}


/* === INDEX === */


/* === CV === */

.tabla {
	font-size: 0.87em;
	padding: 5px 5px;
}

.td1 {
	font-size: 0,87em;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	padding: 5px 5px;
}

.td2 {
	font-size: 0,87em;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	padding: 5px 5px;
}

/* === RESEARCH === */

.ul {
	font-size: 0.875em;
	text-align: left;
	margin: 3px;
}

/* === PUBLICATIONS === */

.tx {
	font-size: 0.8em;
	text-align: left;
	margin: 5px;
}

/* === EQUIPO === */

div.img
  {
  margin:25px 10px 10px 55px;
  border:1px solid #CCCCCC;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border: 1px solid #669900;
	-moz-box-shadow: -2px 2px 5px #888;
	-webkit-box-shadow: -2px 2px 5px #888;
	box-shadow: -2px 2px 5px #888;
  }
div.img a:hover img
  {
  border:1px solid #000000;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  font-size: 0.875em;
  width:175px;
  margin:2px;
  }

#docente ul {
	display: block;
	margin: 25px;
	padding: 10px;
	text-align: left;
}


/* === PRÁCTICAS === */

.fraction {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	letter-spacing: 0.01em;
	text-align: center;
	}
.fraction > span {
	display: block; 
	padding: 0.2em; 
	}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}

.rarrow {
	position: relative;
	font-size: 125%;
	font-family: serif;
	top: -0.5ex;
	margin: 0px 2px;
	}
.larrow {
	position: absolute;
	left: 0px;
	top: 0.8ex;
	}

.buttonactive {
	width: 423px;
   	background: #DDE0D3;
   	margin: 5px;
   	padding: 5px 7px;
	list-style-type: none;
	border: 1px solid #669900;
    color: #666666;
	font-weight: bolder;
   	font-size: 13px;
	text-transform: uppercase;
   	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
   	text-decoration: none;
   	vertical-align: middle;
   }

#submenu ul {
	float:left;
	width:100%;
	margin:0;
	list-style-type:none;
	text-align:center;
}

#submenu a {
	float:left;
	margin: 0;
	font-size: 0.8em;
	text-decoration:none;
	color: #669900;
	text-align: center;
	padding:0.2em 0.6em;
}

#submenu a:hover {text-decoration: underline;}
#submenu li {display:inline;}

#tabla {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875em;
}

#tabla td, #tabla th {
	border-width: 1px;
	border-style: solid;
	border-color: #669900;
	padding: 3px 7px 2px 7px;
}

#tabla tr.alt {
	background-color: #EFECD3;
}

#tabla tr.cabeza {
	background-color: #E0DDAD;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: larger;
}

.abclist {
	font-size: 0.875em;
	text-align: left;
	list-style-position: outside;
	list-style-type: lower-alpha;
	padding: 5px 75px 5px 100px;
}


/* === SEGURIDAD === */

#menuseguridad ul li a{
	display: block;
	text-align: left;
	color: #669900;
	list-style-type: decimal;
}

#menuseguridad ul li a:hover {
	text-decoration: underline;
}