/* eduroam css, based on the 1024px xhtml/css website template by Andreas Viklund - http://andreasviklund.com. 
Version: 1.0, June 25, 2006 */ 
/******** General tags ********/
body {
	font: 12px Verdana, Tahoma, Arial, sans-serif;
	background: #ffffff url(/images/background.gif) top center repeat-y;
	color: #404040;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0;
}

a {
	text-decoration: none;
	color: #0a698e;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

p {
	margin: 0 0 18px 10px;
}

#search {
	text-align: center;
}

ul,ol,dl {
	font-size: 12px;
	margin: 2px 0 5px 5px;
}

ul ul,ol ol {
	margin: 4px 0 4px 5px;
}

h1 {
	font-size: 4.2em;
	letter-spacing: -8px;
	margin: 0 0 30px 25px;
	color: #0a698e;
}

h1 a {
	text-transform: none;
	color: #0a698e;
}

h2 {
	font-size: 15px;
	color: #0a698e;
	border-bottom: 4px solid #dadada;
	padding: 0 2px 2px 5px;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
}

h3 {
	font-size: 15px;
	font-weight: bold;
	color: #0a698e;
	border-bottom: 1px solid #dadada;
	margin: 10px 0 8px 0;
	padding: 1px 2px 2px 3px;
}

th {
	align: justify;
}
blockquote {
	font-size: 0.9em;
	border: 1px solid #dadada;
	margin: 20px 10px;
	padding: 8px;
}

@media screen { /******** Main wrap ********/
	#wrap {
		color: #404040;
		width: 670px;
		margin: 10px auto;
		padding: 0;
	}
	#header {
		margin: 0;
		float: right;
	}
	#mobheader {
		display: none;
	}
	#printheader {
		display: none;
	}
	/******** sidebar ********/
	#sidebar {
		float: left;
		width: 195px;
		margin: 0 0 5px 0;
		padding: 1px 0 0 0;
	}
	#sidebar ul {
		list-style: none;
		font-size: 0.8em;
		margin: 0;
		padding: 0 0 15px 10px;
	}
	#sidebar li {
		list-style: none;
		margin: 0 0 4px 0;
		padding: 0;
	}
	#sidebar li a {
		font-size: 11px;
		font-weight: bold;
		padding: 2px;
	}
	#sidebar ul ul {
		margin: 4px 0 3px 15px;
		line-height: 1.2em;
		padding: 0;
	}
	#sidebar ul ul li a {
		font-weight: normal;
	}
	#sidebar h2 {
		margin: 3px 0px 8px 0px;
	}
	/******** Content variations ********/
	#content {
		line-height: 1.5em;
		width: 450px;
		float: right;
		text-align: justify;
		margin: 0;
		padding: 0;
	}

        #content_sinmenu {
                line-height: 1.5em;
                width: 700px;
                float: right;
                text-align: justify;
                margin: 0;
                padding: 0;

        #encuesta {
 		text-align: left;
	}

	#drcha {
		text-align: right;
	}	
}

@media handheld { /******** Mobile & handheld style ********/
	#wrap {
		color: #404040;
		width: 800px;
		margin: 10px auto;
		padding: 0;
	}
	#header {
		display: none;
	}
	.lang_map {
		display: none;
	}
	#mobheader {
		margin: 0;
	}
	#printheader {
		display: none;
	}
	#content {
		line-height: 1.5em;
		float: right;
		text-align: justify;
		margin: 0;
		padding: 0;
		font-size: 12pt;
	}
}

@media print { /******** Print style ********/
	#wrap {
		color: #404040;
		width: 800px;
		margin: 10px auto;
		padding: 0;
	}
	#header {
		display: none;
	}
	#mobheader {
		display: none;
	}
	#printheader {
		margin: 0;
	}
	#drcha {
		display: none;
	}
	#sidebar {
		display: none;
	}
	#content {
		line-height: 1.5em;
		float: right;
		text-align: justify;
		margin: 0;
		padding: 0;
		font-size: 12pt;
	}
}

#toplinks {
	text-align: right;
	padding: 5px 2px 2px 3px;
}

#slogan {
	font-size: 1.5em;
	color: #808080;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 15px 0px 20px 35px;
	line-height: 1.2em;
}

#contentalt {
	line-height: 1.5em;
	width: 450px;
	float: left;
	text-align: left;
	padding: 0;
	margin-right: 20px;
}

#content h3,#contentalt h3 {
	margin: 10px 0 8px;
}

/******** Footer ********/
#footer {
	clear: both;
	text-align: right;
	color: #808080;
	font-size: 0.9em;
	border-top: 4px solid #dadada;
	margin: 0 auto;
	padding: 8px 0;
	line-height: 1.6em;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer a {
	color: #808080;
}

/******** Various classes ********/
.box {
	color: #ffffff;
	font-size: 0.9em;
	background-color: #0a698e;
	border: 1px solid #c8c8c8;
	line-height: 1.3em;
	padding: 5px 5px 5px 8px;
}

.box a {
	color: #f0f0f0;
}

.left {
	float: left;
	margin: 0 15px 4px 0;
}

.right {
	float: right;
	margin: 0 0 4px 15px;
}

.textright {
	text-align: right;
}

.readmore {
	text-align: right;
	margin: -10px 10px 12px 0;
}

.center {
	text-align: center;
}

.blue {
	color: #0a698e;
}

.big {
	font-size: 1.3em;
}

.small {
	font-size: 0.8em;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.fade {
	color: #c8c8c8;
}

.gray {
	color: #808080;
}

.photo {
	border: 1px solid #bababa;
	padding: 2px;
	background-color: #ffffff;
	margin: 6px 18px 2px 5px;
}

/* begin css tabs */
ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #0a698e; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px;
	/* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
	display: inline;
}

body#tab1 li.tab1,body#tab2 li.tab2,body#tab3 li.tab3,body#tab4 li.tab4, body#tab5 li.tab5
	{ /* settings for selected tab */
	border-bottom: 1px solid #fff;
	/* set border color to page background color */
	background-color: #fff;
	/* set background color to match above border color */
}

body#tab1 li.tab1 a,body#tab2 li.tab2 a,body#tab3 li.tab3 a,body#tab4 li.tab4 a,body#tab5 li.tab5 a
	{ /* settings for selected tab link */
	background-color: #fff;
	/* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px;
	/* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 4px;
	/* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #0a698e;
	/* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #fff;
	/* set unselected tab background color as desired */
	color: #7f7f7f; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
	background: #fff; /* set desired hover color */
}
/* end css tabs */
/* Some forms styling */
fieldset{
 border:1px solid #096386;
 margin-bottom: 10px;
}