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

<style type="text/css">
/* Menú principal*/
div.menuBar{
margin: 000 6%;
}
/* Main Nav
-------------------------------------- */
#navwrap { margin-left:10%; width:100%;padding:0% 0% 0%  0%;position:relative;}
#navblock {float: left; margin-top:10px; margin-left:5px;}
#nav, #nav ul {line-height:1.4em;padding:0;margin:0;list-style:none;background:#fff;display:block; } 
#nav a {display:block;border-bottom:none;color:#333;}
#nav a:hover {color:#333;border-bottom:none;}
#nav li {position:relative;float:left;margin:0 15px 0 0;padding:0;width:auto;height:20px;} 
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
/* second-level lists */
#nav li ul { position:absolute;left:-999em;top:20px;width:146px;height:auto; margin:0 0 0 -8px;padding:0;background:#fff; border-bottom:6px solid #BCBFB0; list-style:none; }
#nav li li {height:auto;margin:0;padding:0;width:100%;font-size:9px;border-bottom:1px solid #F5F5F0;}
#nav li li span {margin:0;padding:3px 4px 3px 7px;display:block;position:relative;}
#nav li li a, #nav li li a:visited {color:#66665F;text-decoration:none;display:block;}
#nav li li a:hover {color:#000;text-decoration:none;background:#F5F5F0;}

*>html #navblock ul {f\loat: right;margin-top:11px;} /*IE 5 Mac hack  */
*>html #nav a {f\loat: left;} /*IE 5 Mac hack */

div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
font-family: "verdana", Arial, sans-serif;
font-size: 7pt;

font-style: normal;
font-weight: normal;
color: #DFDDDD;
z-index: 100;

}
div.menuBar {



padding: 4px 2px 4px 2px;
text-align: left;
}
div.menuBar a.menuButton {
background-color: transparent;

color: #DFDDDD;
cursor: hand;


padding: 2px 6px 2px 6px;

text-decoration: none;
top: 0px;

}
div.menuBar a.menuButton:hover {
background-color: #DFDDDD;
font-weight: bold;
color: #FF6600;
border:solid;
border-color:
#666666;
border-width:1px;
}
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
background-color: #DFDDDD;
font-weight:bold;
color: #FF6600;

top: 1px;
border:solid;
border-color:
#666666;
border-width:1px;
}
div.menu {
background-color: #DFDDDD;
color:#FF6600;
left: 0px;
padding: 0px 1px 1px 0px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 101;
border:solid;
border-color:
#666666;
border-width:1px;
}
div.menu a.menuItem {
border-bottom-style:solid;

border-color:
#666666;
border-width:1px;
color: #999999;
cursor: hand;
display: block;
padding: 3px 1em;
text-decoration: none;
white-space: nowrap;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {

background-color: #B1B3AF;
color: #666666;
}
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow {
margin-right: -.75em;
}
div.menu div.menuItemSep {

margin: 4px 2px;
}
.Estilo2 {color: #FFFFFF}

/* Estilos de la Página*/
/* CSS Document */

body {
padding: 5px 0px 5px 0px; /* para el truco jello */
background-image: url(img/fondo4.png);
background-repeat: repeat;
 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  color:#FFFFFF;
cursor: pointer; 

}
a:link, a:visited, a:hover, a:active {font-weight:bold;text-decoration:none;color:
#000000;; font-size:9px;}
 a:hover {text-decoration:none; color:#e02e82;}
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
	  /* version for IE is at the bottom of this style block */
}
#expander {
	
	margin: 0 0px 0 10%;
	 /*min-width: 650px; Critical Safari fix! */
	
}
/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; } 





#bodi {
	display: block;
	margin: 0 0 0 0;
   padding: 0 0 0 0;
	
}


/*----------------Contenedor*/
#top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	width: 100%; 
	margin: 0% 0% 0% 0%;
	padding: 0 0 0 0;
	float:left;
	
}
#top a{
color:#CCCCCC;
margin-right:10px;
}
#top a:hover{
color:#CC0066;

}
#cabecera, #cabecerab {
	margin-left:9%;
	width: 100%; 

	padding: 0 0 0 0;
	
}
#banner{
	
	width: 650px;
	height: 170px;
	background-image:url(http://goliat.malab.satec.es:8081/datamovil/test/img/bannertop.gif);
	background-repeat:no-repeat;
	margin: 3% 0% 0% 31%;
	
	
}
#contenedor {
   padding: 0px 10% 0 10%;
	margin: 1px 0px 0px 0px;
	overflow: hidden;
	clear:both;
	min-width: 700px;
	
	
}
#footer {

font-size:9px;
 font-weight:bold; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 
 float:left;
 margin: 0 200px 0 0px;}

#menu {
	height: auto;
	background: transparent;
	
	margin: 0px 0px 0px 15%;
	
	
}
/*----------------Izquierda*/

#izquierda {
		
	display: table-cell;
	float:left;
	
	text-align:justify;
	width: 55%;
	margin: 0 0 0 15%;
	font:Verdana;
	color:#666666;
	min-weight: 10px;
	min-height: 200px;
	padding: 10px 0px 0px 0px;
	font-size:13px;
	
	
}
#izquierda b{
	font:Verdana;
	color:#666666;
	font-size:13px;
	font-weight:bold;
	text-decoration:none
}
#izquierda A:active{
	font:Verdana;
	color:#FF6500;
	font-size:13px;
	font-weight:bold;
	text-decoration:none
}


.spiffy{
display:block;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
background:#cccccc;

}
.spiffy1{
border-right:1px solid #cccccc;
padding-right:1px;
margin-right:3px;
border-left:1px solid #cccccc;
padding-left:1px;
margin-left:3px;
background:#cccccc;

}
.spiffy2{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
padding:0px 1px;
background:#cccccc;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
margin:0px 1px;
}
.spiffy4{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.spiffy5{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.spiffy_content{
padding: 5px 5px 5px 5px;
background:#cccccc;
min-height: 200px;
}



#izquierda div {
	
	clear: both;
	

	
}
opaco{
filter: alpha(opacity=10);

}





/*----------------Derecha*/
#derecha {
	
	display: table-cell;
	float:right;
	max-width: 20%;
	text-align:justify;
	width: 15%;
	margin: 0 0 0 px;
	font:Verdana;
	color:#666666;
	min-height: 200px;
	padding: 10px 0px 0px 10px;
	font-size:13px;
	
}
.spiffyd{
display:block;
}
.spiffyd *{
display:block;
height:1px;
overflow:hidden;
background:#666666;

}
.spiffy1d{
border-right:1px solid #666666;
padding-right:1px;
margin-right:3px;
border-left:1px solid #666666;
padding-left:1px;
margin-left:3px;
background:#666666;

}
.spiffy2d{
border-right:1px solid #666666;
border-left:1px solid #666666;
padding:0px 1px;
background:#cccccc;
margin:0px 1px;
}
.spiffy3d{
border-right:1px solid #666666;
border-left:1px solid #666666;
margin:0px 1px;
}
.spiffy4d{
border-right:1px solid #666666;
border-left:1px solid #666666;
}
.spiffy5d{
border-right:1px solid #666666;
border-left:1px solid #666666;
}
.spiffy_contentd{
background-image: url(http://goliat.malab.satec.es:8081/datamovil/test/img/barrita2.gif);
background-repeat:
repeat-x;
padding: 10px10px10px10px;



min-height: 200px;
}
#derecha div {
	
	

	clear: both;
	
}

#box{
margin: 5%0%0%14%;

}




#abajo {

	
	float:left;
	margin-top: 4px;
	text-align:justify;
	width: 170px;
height: 150px;
margin-left: 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#cccccc;
	
	
	
	
	
	
}


 a {

	text-decoration:none;
	color: #666666;
	
}
 a:hover {

	text-decoration:
	underline;
	
	
}
b {

color:#333333;
text-align:justify;
font-weight:bold;


}
h1{
font-size:14px;
font-weight:bold;
color:#009900;
text-align:justify;
}
h2{
font-style:italic;
font-size:10px;



}
.spiffya{
display:block;
}
.spiffya *{
display:block;
height:1px;
overflow:hidden;
background:#cccccc;

}
.spiffy1da {
border-right:1px solid #cccccc;
padding-right:1px;
margin-right:3px;
border-left:1px solid #cccccc;
padding-left:1px;
margin-left:3px;
background:#cccccc;

}
.spiffy2a{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
padding:0px 1px;
background:#cccccc;
margin:0px 1px;
}
.spiffy3a{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
margin:0px 1px;
}
.spiffy4a{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.spiffy5a{

border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.spiffy_contenta{
background-image: url(img/barrita.gif);
background-repeat:
repeat-x;
padding: 20px 0px 0px 0px;
min-width:: 250px;
min-height: 150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666;

font-size:10px;

text-align: left;

scrollbar-face-color:#6699CC;
scrollbar-highlight-color: #6699CC;
scrollbar-shadow-color: #6699CC;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #E3E3E3;
scrollbar-darkshadow-color: #000000;
max-height: 100px;



}


/*   abajo 2*/


#abajo2 {

	
	float:left;
	margin-top: 4px;
	text-align:justify;
	width: 170px;
height: 150px;
margin-left: 14%;
	font:Verdana;
	color:#cccccc;
	
	
	
	
	
	
}


 a {

	text-decoration:none;
	color: #666666;
	
}
 a:hover {

	text-decoration:
	underline;
	
	
}
b {

color:#333333;
text-align:justify;
font-weight:bold;


}
h1{
font-size:14px;
font-weight:bold;
color:#009900;
text-align:justify;
}
h2{
font-style:italic;
font-size:10px;



}
.spiffya{
display:block;
}
.spiffya *{
display:block;
height:1px;
overflow:hidden;
background:#cccccc;

}
.spiffy1da {
border-right:1px solid #cccccc;
padding-right:1px;
margin-right:3px;
border-left:1px solid #cccccc;
padding-left:1px;
margin-left:3px;
background:#cccccc;

}
.spiffy2a{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
padding:0px 1px;
background:#cccccc;
margin:0px 1px;
}
.spiffy3a{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
margin:0px 1px;
}
.spiffy4a{
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.spiffy5a{

border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.spiffy_contenta{
background-image: url(img/barrita.gif);
background-repeat:
repeat-x;
padding: 20px 0px 0px 0px;
min-width:: 250px;
min-height: 150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666;

font-size:10px;

text-align: left;

scrollbar-face-color:#6699CC;
scrollbar-highlight-color: #6699CC;
scrollbar-shadow-color: #6699CC;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #E3E3E3;
scrollbar-darkshadow-color: #000000;
max-height: 100px;



}

/*----------------Pie*/
#pie {	
		
	
	color: #3D3D33;
	font-size:10px;margin:0;padding:12px 10px;clear:both;
	
}
#pie a:link, a:visited, a:hover, a:active {font-weight:bold;text-decoration:none;color:#3D3D33;}
#pie a:hover {text-decoration:none; color:#CC0066;}
#pie h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {font-weight:normal;text-decoration:none;color:#3D3D33;}
#pie h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {font-weight:normal;text-decoration:none;color:#444444;}
#pie h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {font-weight:bold;text-decoration:none;color:#444444;}
#pie h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {font-weight:bold;text-decoration:none;color:#3D3D33;}
#pie h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:underline;}
#pie li a:link, li a:visited, li a:hover, li a:active {font-weight:normal;text-decoration:none;color:#FF6600;}
#pie li a:hover {text-decoration:underline;}
	


</style>