@charset "UTF-8";
/* CSS Document */

body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, a {
	margin: 0;
	padding: 0;
	list-style-type: none;
} 

body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: #FFF;
	text-align:center;
}

#header {
	height:160px;
	width:80em;
	margin: 0 auto;
	text-align: center;
	position:relative;
}

#con span {
	color: #FFF; font-weight: bold;
	font-family: "Century Gothic";
}

#header img{
	margin-top: 10px;
}

#header ul{
	position:absolute;
	bottom: 20px;
	right: 0;
}

#header li{
	float:left;
/*	border-left: 1px solid:#9F0;  */
	padding:0 10px;
	list-style:none;
}

#header li a{
	color:#9F0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}

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

img{
	border:none;
}


/* --------------- Navegacion ------------------ */

#menu {
	width: 750px;
	background: url(../images/menu1.jpg);
	margin:  10px auto; padding: 0;
	position: relative;
	height: 13.5em;
}


#menu li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top:  0; height: 150px;
	display: block;
}

#menu a {
	height: 160px; display: block;
}

  #fyp {left: 0; width: 150px;}
  #ddj {left: 160px; width: 150px;}
  #ad {left: 320px; width: 150px;}
  #dt {left: 480px; width: 115px;}
  #som {left: 605px; width: 140px;}

#fyp a:hover { background: transparent url(../images/menu1.jpg)
    0px -200px no-repeat;}
    
#ddj a:hover {
    background: transparent url(../images/menu1.jpg)
    -160px -200px no-repeat;}
#ad a:hover {
    background: transparent url(../images/menu1.jpg)
    -320px -220px no-repeat;}
#dt a:hover {
	background-color: transparent;
	background-image: url(../images/menu1.jpg);
	background-repeat: no-repeat;
	background-position: -480px -220px;
	cursor: crosshair;
}
#som a:hover {
background: transparent url(../images/menu1.jpg)
    -605px -240px no-repeat; }
	
	
/* ----------------------- Contenido Principal -------------------- */


#content {
	text-align:left;
	width: 61.5em;
	margin: 0 auto;
	background:#ccc;
	position: relative;
	
}

.main-content {
	width: 45em;
	background:#ccc;
	padding-bottom: 30px;
	border-right: 1px solid #000;
	padding-bottom: 30px;
}

.main-content, .secondary-links {
	color: #000;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

#footer {
	clear:both;
}

#footer li {
	display:inline;
	list-style:none;
}

h1 {
	color:#FFF;
	padding: 0.8em 0 0 0.5em;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 2.7em;
}
	
p {
	font-size: 1.2em;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
	margin: 0em;
}

.main-content p{
	font-size: 1em;
}

/* ------------------- Estilo para los articulos ------------------------- */

.article-summary {
	clear:left;
}

.article-summary img {
	float:left;
	margin:0 20px 20px 20px;
}

.article-summary p {
	color: #000;
	margin-top: 0;
	margin-right: 3em;
	margin-bottom: 0;
	margin-left: 13.5em;
	text-align: justify;
	clip: rect(auto,auto,auto,10px);
}

.article-summary h2 {
	color: #001;
	font: bold 1.2em "Century Gothic", Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 1em;
	margin-bottom: 0;
	margin-left: 11.4em;
}

.article-summary h2 a {
	text-decoration: none;
	color: #FFF;
}

.article-summary h2 a:hover {
	text-decoration:underline;
}

#content > p {
	padding: 1em 3em;
}

/*-------------- Secondary Links ------------------*/
	
.secondary-links{
	margin-left: 49.5em;
	position: absolute;
	top: 122px;
	height: 260px;
}

.secondary-links li {
	list-style: none;
}

.secondary-links li a {
	display: block;
	height: 75px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5em;
	position: relative;
	top: 80px;	
} 
.secondary-links li a:hover { 
text-decoration: underline; 
} 

.secondary-links li#opt2 a { 
background: url(../images/mail-icon.jpg) no-repeat top left; 
} 
.secondary-links li#opt3 a {
	background-image: url(../images/tips-icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

html, body {
	height:100%;
}

.non-footer {
	position:relative;
	min-height: 100%;
}

#footer {
	clear:both;
	background:#ccc;
	height:2.75em;
	line-height:2.75em;
	position:relative;
}
#footer li a { 
	text-decoration: none; 
	padding: 0 0.8em;  
	color:#000;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
} 
#footer li a:hover { 
text-decoration: underline; 
} 

tr {
	color:#000;
	}

td {
	color: #000000;

border-top-width: 1px;

border-top-style: solid;

border-top-color: #e8edff;

padding-top: 10px;

padding-right: 15px;

padding-bottom: 10px;

padding-left: 15px;
}

tr:hover td {
	color: #000000;

background-color: #eff2ff;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;
	
	
	}

table {
	position: relative;
	top: 20px;
	left: 120px;
}

form label {
	display: inline-block;
	width: 200px;
	font-weight: bold;
	margin-left: 10px;
}
#forze {
	margin-left: 20px;
	width: 527.2px;
}
#logo {
	font-family: "Century Gothic";
	font-size: 100px;
	color: #F2F2F2;
	position: relative;
	bottom: 110px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}
#grupo {
	color: #ccc;
	text-decoration: none;
}
#dina {
	color: #9F0;
	text-decoration: none;
	font-weight: bold;
}
a #logo {
	text-decoration: none;
}
a #logo {
	text-decoration: none;
}
p {
	text-align: justify;
}
#noticias {
	background-image: url(../images/noticiasSBT.png);
}
#noticias {
	background-image: url(../images/noticiasSBT.png);
	height: 50px;
	width: 160px;
	margin-left: 164px;
}
#logounder {
	color: #ccc;
	font-weight: bold;
	font-family: "Century Gothic";
}
#esp {
	font-size: x-large;
	color: #ccc;
	position: absolute;
	top: 202px;
	left: 190px;
}
#repdom {
	font-size: x-large;
	color: #ccc;
	position: absolute;
	top: 202px;
	right: 130px;
}
#letraunder {
	font-family: "Century Gothic";
	font-size: large;
	font-weight: bold;
	color: #ccc;
	position: absolute;
	left: 190px;
	top: 230px;
}
#logo2 {
	text-decoration: none;
}