@charset "utf-8";

body  {
	font: 76% Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
}

a {
	text-decoration: none;
	font-weight: bold;
}

a:link {
	color: #666666;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #FF9900;
}

.estructura #contenedor { 
    position: relative;
    width: 974px;
    background-image: url('http://gad.ite.es/img/fondo.jpg');
	background-repeat: no-repeat;
	background-color: #ffffff;
    margin: 0 auto; 
    border: 1px solid #808080;
    text-align: left; 
	min-height: 635px;
   } 

.estructura #cabecera { 
   	height: 165px; 
    background: none; 
    padding: 0 10px 0 575px;  
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 95%;
} 
  
.estructura #lateralizq {
   	position: absolute;
   	top: 166px;
   	left: 0;
   	width: 150px; 
    background: none; 
    padding: 15px 10px 0px 20px; 
	background-image:url('http://gad1.ite.es/img/fondomenu.png');
	background-repeat:no-repeat;
}
	
.estructura #lateralizq ul {
	padding-top: 0px;
}

.estructura #lateralizq li {
	margin: 7px 0 0 -47px;
	padding: 5px 0 0 15px;
	list-style-image: none;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
	
#seleccionado {
	background-image: url('http://gad2.ite.es/img/fondomenuactivo.png'); 
	background-repeat: repeat-y;
}	

div#idioma {
	float:left;
	width:120px;
	background-image: none;
	margin-top: 10px;
	margin-left: -500px;  
	padding: 0;
	text-align: left;
}

div#idioma a{
	color: #000000;
}

div#rotacion {
	float:left;
	width:156px;
	background-image: none;
	margin-top: 15px;
	margin-left: -5px;
	font: 76% arial,sans-serif;
	text-align: left;
	background-color: #CCCCCC;
}

#navigationtope {
	padding-top: 24px;
	margin-left: -20px;
}		
		
.estructura #lateralder {
   	position: absolute;
   	top: 158px;
   	right: 0;
   	width: 160px;
    background: none; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
    padding: 15px 10px 15px 20px; /* el relleno mantiene el contenido del div alejado de los bordes */
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 95%;
}

.estructura #principal { 
	width: 560px;
   	margin: 5px 0 0 180px; 
   	padding: 10px 20px 0px 20px; 
	background-image:url(../img/cuadro3.png);
	background-repeat: no-repeat;
}
	
.estructura #principal h1 {
	padding-left: 10px;
	margin-bottom: 15px;
	color: #666666;
	font-size: 140%;
	font-weight: bolder;
	text-indent: 30px;
	background-image: url('http://gad3.ite.es/img/fondomenuactivo.png'); 
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

.estructura #principal p {
	line-height:1.4;  
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
}
	
.estructura #contenttope {
	margin-left: 180px;
	margin-top: -12px; 
}

.botonvideo li {
	position: relative;
	float: none;
	list-style-type: none;
	margin-left: -40px;
	width: 135px;
}

.botonvideo a {
	background: url('http://gad.ite.es/img/video_duo.png');
	display:block; 
	height:87px; 
}

.botonvideo_en li {
	position: relative;
	float:none;
	list-style-type:none;
	margin-left: -40px;
	width:135px;
}

.botonvideo_en a {
	background:url('http://gad1.ite.es/img/video_duo_en.png');
	display:block; 
	height:87px; 
}

.botontwitter li {
	position: relative;
	float:none;
	list-style-type:none;
	margin-left: -40px;
	width:135px;
}

.botontwitter a {
	background:url('http://gad2.ite.es/img/twitter_duo.png');
	display:block; 
	height:54px; 
}

.botontwitter_en li {
	position: relative;
	float:none;
	list-style-type:none;
	margin-left: -40px;
	width:135px;
}

.botontwitter_en a {
	background:url('http://gad3.ite.es/img/twitter_duo_en.png');
	display:block; 
	height:54px; 
}

.botonrss li {
	position: relative;
	float:none;
	list-style-type:none;
	margin-left: -40px;
	width:135px;
}

.botonrss a {
	background:url('http://gad.ite.es/img/rss_duo.png');
	display:block; 
	height:54px; 
}

.botonrss_en li {
	position: relative;
	float:none;
	list-style-type:none;
	margin-left: -40px;
	width:135px;
}

.botonrss_en a {
	background:url('http://gad1.ite.es/img/rss_duo_en.png');
	display:block; 
	height:54px; 
}

.botonprivado li {
	position: relative;
	float: none;
	list-style-type: none;
	margin-left: -40px;
	width: 175px;
}

.botonprivado a {
	background: url('http://gad2.ite.es/img/privado_duo.png');
	display:block; 
	height:30px; 
}

.botonprivado_en li {
	position: relative;
	float: none;
	list-style-type: none;
	margin-left: -40px;
	width: 175px;
}

.botonprivado_en a {
	background: url('http://gad3.ite.es/img/privado_eng_duo.png');
	display:block; 
	height:30px; 
}

.botonherramienta li {
	position: relative;
	float: none;
	list-style-type: none;
	margin-left: 40px;
	width: 400px;
}

.botonherramienta a {
	background: url('http://gad.ite.es/img/enlace_herram.jpg');
	display:block; 
	height:204px; 
}

.botonherramienta_en li {
	position: relative;
	float:none;
	list-style-type:none;
	margin-left: 40px;
	width:400px;
}

.botonherramienta_en a {
	background:url('http://gad1.ite.es/img/enlace_herram_en.jpg');
	display:block; 
	height:204px; 
}

.menu_sv a {
	width: 135px; 
	background-position: 0px 0px; 
	position: relative; 
	margin-top:-10px; 
}

.menu_sv a:hover {
	background-position: 0px 54px;
}

.menu_sv a.active {
	background-position: 0px 54px;
}

.menu_herramienta a {
	width: 400px; 
	background-position: 0px 0px; 
	position: relative; 
/*	margin-top:-10px;   */
}

.menu_herramienta a:hover {
	background-position: 0px 204px;
}

.menu_herramienta a.active {
	background-position: 0px 204px;
}

.menu_vid a {
	width: 135px; 
	background-position: 0px 0px; 
	position: relative; 
	margin-top: -10px; 
}

.menu_vid a:hover {
	background-position: 0px 87px;
}

.menu_vid a.active {
	background-position: 0px 87px;
}

.menu_priv a {
	width: 175px; 
	background-position: 0px 0px; 
	position: relative; 
	margin-top: -10px; 
}

.menu_priv a:hover {
	background-position: 0px 30px;
}

.menu_priv a.active {
	background-position: 0px 30px;
}


	
    .estructura #footer { 
    	padding: 0 10px 0 20px; 
    	background:#DDDDDD;
    } 
    .estructura #footer p {
    	margin: 0; 
    	padding: 10px 0; 
    }

#noticias ul {
	list-style: none;
	text-indent: -1em;
}

#noticias ul li:before {
        content: "\00BB \0020";
        color: #FF6600;
}