/*
     CSS basado en la hoja de Keith Donegan de http://www.code-sucks.com
*/



/* 
Diseño página
<===================================================================================>
*/
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image:url(../images/fondo.gif);
 background-repeat:repeat-Y;
 background-position:center;
}
#wrapper { 
 margin: 0 auto;
 width: 924px;
}
#faux {
 background: url(../images/faux.gif);
 background-repeat:repeat-y;
 margin-bottom: 30px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 924px;
 margin-left:0px;
}
#header {
 color:#003366;
 width: 924px;
 height: 192px;
 margin: 0px 0px 0px 0px;
 background: #003366;
 background-image:url(../images/cabecera.jpg);
 background-position:center;
 background-repeat:no-repeat;
}

#wleftcolumn { 
 display: inline;
 margin: 0px;
 padding: 0px;
 width: 221px;
 float: left;
 background-image:url(../images/menu.jpg);
 background-repeat:no-repeat;
}

#leftcolumn { 
 display: inline;
 margin: 10px;
 padding: 0px;
 width: 221px;
 float: left;
}


#wrightcolumn { 
 float: right;
 margin: 0px;
 margin-top: 0px;
 padding: 0px;
 width: 703px;
 display: inline;
 position: relative;
 background-color:#FFFFFF;
 background-image:url(../images/cuerpo.jpg);
 background-repeat:no-repeat;
}

#rightcolumn {
text-align:justify;
 float: right;
 margin:15px;
 margin-top:30px;
 padding: 0px;
 width: 673px;
 display:inline;
 position: relative;
}

#footer {
 color: #333;
 width: 924px;
 padding: 0px;
 height: 164px;
 margin: -30px 0px 0px 0px;
 background-IMAGE:url(../images/pie.jpg);
 background-repeat:no-repeat;
}

#copyright
{
 float: right;
 margin: -80px;
 margin-top:90px;
 padding: 0px;
 width: 400px;
 display:inline;
 position: relative;
 text-align:left;
 color:#FFFFFF;
}

.clear { clear: both;}

/* 
Fin Diseño página
<===================================================================================>
*/
 /* 
Diseño del contenedor del equipo
<===================================================================================>
*/
.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 100%;
height: 250px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
z-index:0;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
padding: 10px;
visibility: hidden;
width: 100%;
text-align:center;
background-image:url(../../../imagenes/fondoequipo.jpg);}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 100%;
border: 1px solid white;
border-top-width: 0;
overflow: hidden;
text-align:center;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
padding: 2px;
float: left;
display: block;
font-weight: bold;
color: white;
}

.fadecontenttoggler a:hover{
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: white;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: white;
}

 /* 
Diseño del contenedor del equipo
<===================================================================================>
*/

 /* 
Diseño del menu deslizante
<===================================================================================>
*/
#floatMenu {
		position:absolute;
		top:204px;
		right:50%;
		margin-right:282px;
		width:160px;
		font-weight:bold;
		}
		#floatMenu ul {
			margin-bottom:5px;
			}
			#floatMenu ul li a {
				list-style: none;
				display:block;
				border:1px solid ;
				border-color:#000000;
				font-weight:100;
				border-right:1px solid #000000;
				text-decoration:none;
				color:#FFFFFF;
				padding:5px 5px 5px 20px;
				background-image:url(../images/menuoff.png)
			}
			#floatMenu ul li a:hover {
			background-image:url(../images/menuon.png);
			}
			#floatMenu ul.menu1 li a:hover {
				
			}
			#floatMenu ul.menu2 li a:hover {
				
			}
			#floatMenu ul.menu3 li a:hover {
				
			}

 /* 
Diseño del menu deslizante
<===================================================================================>
*/

/* 
Divs de contenido
<===================================================================================>
*/
#foto_dxa img{
float:right;
margin: 0 0 5px 10px;
}

#foto_izq img{
float:left;
margin: 0 10px 5px 0px;
}
/* 
Formatos de letra
<===================================================================================>
*/

a:link  {
color:#3300FF;
text-decoration:none;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

a:visited{
color:#3300FF;
text-decoration:none;
font-weight:bold;
}

a:visited:hover{text-decoration:underline;}

.h1 {
font-size:18px;
color:#1052ad;
}

.h2 {
font-size:16px;
color:#106ded;
}

.resaltado {
font: bold;
}

.pequeña {
font-size:8px;
}

.portada {
font-size:13px;
}

.portada_res {
font-size:13px;
font-weight:bold;
}

.servicios{
color:#3300FF;
font-weight:bold;}


/*
Virtual market
*/