/* CSS Document ESTE ES EL DOC PARA LA HOMEPAGE*/
body {	
		background:url('ImagesSatec/fondo_pags.jpg') white repeat-x;
		font: normal 0.85em/1.15em Arial, Helvetica, Geneva, sans-serif;
		padding: 0 0 0 20px;
		color: #777; 
		width: 1004px;
}

a { text-decoration: none; border:none;}
a img { text-decoration: none; border:none;}
a:hover { text-decoration: underline; border:none;}

.invisible { visibility:hidden; font-size:0.01em; margin:0; padding:0px; position:absolute; top:-600px;}
.derecha { text-align:right; }
.izquierda { text-align:left; }

form { display:block; width:100%; clear:both; margin:0px;}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXX DEFINICION DE TAMAÑO DE TIPOGRAFIA POR ZONA XXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	/* XXXXXXXXXXXXXXXXX CABECERA XXXXXXXXXXXXXXXX */
	#areamenusup { font-size: 75%; }
	
	.idiomas { font-size: 75%; }
	
	#arealogoshome { font-size: 75%; }
	
	/* XXXXXXXXXXXXXXXXX MENU IZQUIERDA XXXXXXXXXXXXXXXX */
	#areamenusgeneral { font-size: 95%; }
		.titlemenu { font-size: 85%; }
		.general { font-size: 70%; }
		
	/* XXXXXXXXXXXXXXXXX AREA CONTENIDOS XXXXXXXXXXXXXXXX */
	#areacontenido { font-size: 90%; }
	
	/* XXXXXXXXXXXXXXXXX PIE DE PAGINA XXXXXXXXXXXXXXXX */
	.copyright { font-size: 80%; }



	#pieoficinas ul.oficinas { font-size: 80%; }



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXX CABECERA XXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	/* XXXXXXXXXXXXXXXXX LOGOS XXXXXXXXXXXXXXXX */

	#arealogoshome {
		padding:0px;
		margin:10px 0px 20px;
		display:block;
		background: #FFFFFF;
		border-top: 10px solid #FFF;
		height: 50px;
		min-width: 500px;
		clear:both;	}
		
	#arealogoshome a { /*text-decoration:none;*/ }
	#arealogoshome h1.logos { width:100%; padding:0px; margin:0px; margin-top: -15px; _margin-top: 0px;border-right :200px solid white;}
	
	/* XXXXXXXXXXXXXXXXX IDIOMAS XXXXXXXXXXXXXXXX */
	
		.idiomas {
			display:block;
			position:absolute;
			top:-10px;
			right:20px;
			color: #999;
			text-align:right;
			margin: 0px;
			padding: 1px;
			padding-top:15px;
		}
		.idiomas a { color: #999; }
		.idiomas a:hover { text-decoration: underline; }
	
	
	/* XXXXXXXXXXXXXXXXX MENU HORIZONTAL XXXXXXXXXXXXXXXX */

		#areamenusup {
			display:block;
			/*position:relative;
			top:-40px;
			right: 0px;*/
			/*width: 100%;*/
			position: absolute;
			top: 80px;
			left: 240px;
			margin: 0px auto;
			height: 20px;
			/*min-width: 240px;*/
			padding: 0px; 
			text-align: right;
			float: right;
			}
		
		#areamenusup ul.menusup { 
		/*display: block;*/
		padding-bottom: 3px; 
		border-bottom: 1px solid #0099CC; 
		/*border-right: 20px white solid;*/
		/*margin-right: 20px;*/
		width: 720px;
		}
		
		/* Hacks para IE 6 y 7 */
		html* #areamenusup { left: 202px; }
		html* #areamenusup ul.menusup { width: 760px; }
		/* Hacks SOLO para IE 6 */
		*html #areamenusup ul.menusup { width: 765px; }


		
		#areamenusup ul.menusup li {
			list-style: none;
			/*float: left;*/
			display: inline;
			height: 20px;
			text-align: center;
			margin: 0px 3px;
			}

		#areamenusup ul.menusup a { 
		color: #0099CC;  
		border-right: 1px solid #0099CC; 
		padding-right: 5px; 
		font-weight: bold;
		}
		
		#areamenusup ul.menusup a:hover { color: #000000; }
	
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXX CONTENIDO XXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


	/* XXXXXXXXXXXXXXXXX MENU LATERAL XXXXXXXXXXXXXXXX */

	#areamenusgeneral {display:block;float:left;clear:both;padding:0px;margin:0px;width:200px; }

	/* Estilos primer y segundo nivel laterales */
	
	.titlemenu { /*width: 200px;*/ margin: 0; /*height:48px;*/ font-weight: bold; }
	#areamenusgeneral ul { list-style-type: none;  margin: 0; padding: 0; text-align: left;  width: 200px; color: #000;  }
	#areamenusgeneral ul ul { background: url('ImagesSatec/borderLImenulateral.gif') repeat-y right top; margin: 10px 0; border-bottom: 1px solid #f1f1f1;}
	#areamenusgeneral ul li { margin: 1px 0; white-space: nowrap; /*border-bottom: 1px solid #f1f1f1;*/ }
	#areamenusgeneral ul.general li {
	/*background-image: url('ImagesSatec/borderLImenulateral.gif');
	background-repeat: no-repeat; 
	background-position:right bottom;*/
	}
	
	#areamenusgeneral ul.general li a { 
		background: #fff;
		padding: 5px 0;
		_padding: 3px 0 0;
		_height: 23px;
		display:list-item;
		margin: 1px 0;
		border-right: 1px #DEDEDE solid;
	}
	
	#areamenusgeneral ul li ul li {
	/*padding: 5px 0px 0px 0px; */
	/*padding-left: 10px; */
	/*margin: 0px;  */
	/*border:none;*/
	/*height:28px;*/ 
	/*border-right:1px #DEDEDE solid; */
	}
	
	#areamenusgeneral ul li a { color: #000000; }
	#areamenusgeneral ul li a:hover { color:#015e85; text-decoration:none;}

	/* Area de Busqueda en el menu lateral */

	
	#areamenusgeneral div.busquedaSatec {margin-bottom:10px;}
	#areamenusgeneral form { 
		display:block;
		width:200px; 
		margin:0px;
		padding:5px;
		margin-top:-1em;
		/*border:1px solid #0099CC;*/}
	
	input.textobusquedaSATEC {
		margin-left:0.5em;
		color:#666;  
		padding:0px; 
		width:12em;
		height:1.6em;}
		
	#ctl00_PlaceHolderSearchArea_SearchBox	{ margin-top: 20px; /*border: 1px solid #0099CC;*/ background-color: white; }
	
	#ctl00_PlaceHolderSearchArea_SearchBox input { border: 1px solid #0099CC; background: #f1f1f1; width: 150px; }
	#ctl00_PlaceHolderSearchArea_SearchBox img { }
	input.botonbusqueda { /*background: url('ImagesSatec/btn_buscar.gif') no-repeat; border:none; padding-top:20px;*/ }
	
	/*estilo del enlace Consulta info@satec.es* (by cmas)*/
	/*se le llama desde HomePage.master*/
	#areamenusgeneral div.contactogeneral { 
	text-align:left;
	margin:0px;
	padding:0px; 
	color:#666666;
	font-weight:normal;
	}
	
	div.contactogeneral a:visited { 
	color:#666666; 
	text-decoration: underline;
	font-weight:normal;}
	
	div.contactogeneral a:link { 
	color:#666666; 
	text-decoration: underline;
	font-weight:normal;}
	
	div.contactogeneral a { 
	color: #666666; 
	text-decoration: underline;
	font-weight:normal;}	
	

	/*estilo del enlace Contacto*/
	
	#areamenusgeneral div.contactme{ 
	margin-bottom:1.5em; 
	display:block; 
	text-align:center;
	background-color:white;
	font-size:80%; 
	}
	
	#areamenusgeneral div.contactme a {
	text-decoration:none; 
	color :#333; 
	}
	#areamenusgeneral div.contactme a:hover {
	color :#333;
	text-decoration:underline;  
	}

	
	/*Estos estilos se cargan por defecto*/
	table.ms-sbtable-ex td { 
	border: none; 
	background-color:#F5F5F5;
	padding:5px;}
	
	table.ms-sbtable-ex { 
	border: none; 
	background-color:#F5F5F5;
	padding:5px;}
	
	table.ms-sbtable td { 
	border: none; 
	background-color:#F5F5F5;
	padding:5px;}
	
	table.ms-sbtable { 
	border: none; 
	background-color:#F5F5F5;
	padding:5px;}
	
	td.ms-sbtext { border: 1px white solid; }
		
	td.ms-sbcell { border: 1px white solid; }
	.ms-sbcell input{ width: 50px !important; }
		
	/*Area Imágenes Roatativo de noticias en la HOMEPAGE_UNICAMENTE*/
	
	#areaimagenes {
	padding:0px;
	min-width:250px;
	height:180px; 
	background:url('ImagesSatec/fondo_cabeceros.jpg') no-repeat 0 0;
	background-color:#F2F2F2;
	min-width:580px;
	border:none; }

		#areaimagenes .invisible { 
		visibility:hidden; 
		font-size:1px;}

		#areaimagenes .slogan {
		display: block;
		float: left;
		color: #FFFFFF;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		/*font-weight:bold;*/
		font-size: 110%;
		width:27%;
		margin:10px;
		padding:0px;
		padding-top:20px;
		text-align:left;
		max-width:200px;
		}
		
		#areaimagenes img { float:right; padding:0px; margin:0; }
		#areaimagenes p.slogan  { float:left;}
		
			/*colocacion de la imagen para IE 6 y IE7*/
		* html #areaimagenes img { top:0px; }



		html * #areaimagenes img { top:0px; }



/*Area --------------------CONTENIDO---------------------------*/

#areacontenido {font-size: 90%; margin:0px; margin-left: 22%;/*min-width:250px;*/ padding:0px;width:76%; }
	/*Area Imágenes- Definida para la homepage están en noticias.satec*/
	
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
	/* XXXXXXXXXXXXXXX BREADCRUMBS o MIGAS DE PAN XXXXXXXXXXXXX */
	/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	/* Rutas PATH DE LAS BREADCRUMBS*/

	#migas { padding: 10px 0; clear:right; width: 99.9%; font-size:80%; text-transform: uppercase; border-bottom: 1px solid #c1c1c1;}
	a.ms-sitemapdirectional { background: url(ImagesSatec/crumbs.gif) no-repeat; }
	#migas ol {list-style-position: inside; list-style-type: none; margin: 0 0 20px 0; padding: 0; }
	#migas ol li { display: inline;}
	#migas a { color: #0099cc; text-decoration: none; border-bottom: 1px #0099cc dotted; }
	#migas li a { background-position: left; margin-left: 5px; padding-left: 1.2em;}
	#migas a:hover {  }
	
	.breadcrumbCurrent { background:url(ImagesSatec/crumbs.gif) no-repeat; color: black; }
	
	/* FIN Rutas PATH DE LAS BREADCRUMBS */

/* ---------------AREA PIE DE CONTENIDO---------------*/

/*Linea de accesibilidad*/

	.access { visibility:hidden; height:1px; /*clear:both; font-size:0.7em;*/}
	
	/*p.access a img { margin-top:3px;}*/

/*Botones con enlace*/

#infocontent {margin:0; padding:0;}
#infocontent td { vertical-align:top;}

.ms-WPBody { margin:0; padding:0;}

.cbq-layout-main {margin:0; padding:0; }

#infocontent a.masinfo {
	background:url('ImagesSatec/btn_masinfo.gif') no-repeat top left;
	color:#333333;
	font-size:10px;
	width:20px;
	padding:1px 15px 5px 13px; 
	text-decoration:none;
	border-bottom:1px dotted #fff;}
	
	a.masinfo:hover {font-weight:bold;}

	
#infocontent  a.subir {
	background:url('ImagesSatec/btn_subir.gif') no-repeat top right;
	color:#333333;
	font-size:10px;
	width:100%;
	height:25px;
	padding:1px 18px 5px 5px; 
	border-bottom: 1px #FAFAFA dotted;
	border-bottom:1px dotted #fff;
	}
	
	a.subir :hover {font-weight:bold;}

	
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXX PIE DE PAGINA XXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

	#pieoficinas {
		display:block;
		text-align: right;
		margin: 0;
		margin-top:1em;
		margin-bottom:1em;
		padding: 0.20em;
		min-height: 2.60em;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: auto;
		border-top: 1px solid #0099CC;
	}

	#pieoficinas ul.oficinas { 
		margin: 0; 
		padding: 0;
		text-align: right;
		/*white-space:nowrap;*/
		width: 100%;
	}

	#pieoficinas ul.oficinas li {
		color:#0099CC;
		list-style: none;
		float:left;
		height: 1.25em;
		padding: 0.20em 0.20em;
		margin: 0 0.20em;
	}

	#pieoficinas ul.oficinas li a {
	font-size:100%;
		text-decoration: none;
		color:#0099CC;
		padding-right:3px;
	}

	#pieoficinas ul.oficinas li a:hover { text-decoration: underline; }

p.copyright { 
	font-size:10px;
	text-align:right;
	margin:0px;
	margin-right:20px;
	padding:0px; 
	color: #666666;
	min-width:350px;
	width: 98%;
	}
	p.copyright a,
	p.copyright a:visited,
	p.copyright a:link { color: #666666; text-decoration: none;}