/*-----------------------------------------------------------------------------
version:   1.0
autor:     Luis Latre, Soluciones Binaria
email:     luislatretena@solucionesbinaria.com
notas:     Poner todo en minúsculas.
-----------------------------------------------------------------------------*/

/* = Comunes a todas las páginas y elementos sueltos
-----------------------------------------------------------------------------*/
h1, h1 a.enlace
{
	margin:10px;
	margin-top:20px;
	margin-left:0px;
	font-size:16px;
	color:#005EA7;
}
h2
{
	margin:5px;
	margin-top:15px;
	margin-left:0px;
	font-size:12px;
	color:#005EA7;
}
h3
{
	margin:5px;
	margin-top:10px;
	margin-left:0px;
	font-size:10px;
	color:#006fb8;
}
/* Quitar borde alrededor de las imágenes con link */
img
{
	border: 0px;
}

a:link, a:visited, a:active
{ 
	color: #006fb8;
	font-family: tahoma; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline; 
}

a:hover
{
	color: #CCCCCC; 
	font-family: tahoma; 
	font-size: 11px; 
	text-decoration: underline; 
}

/* = (Plantilla)
-----------------------------------------------------------------------------*/

body
{
	font-family:Verdana;
	font-size:11px;
	font-stretch:condensed;
	font-weight:bold;
	color:#5F5F61;
	background-color:#000000;
}
#web
{
	margin:0 auto;
	height:345px;
	background: url(../IMG/MaquetacionWeb/FondoNegro.gif) repeat-x top center transparent ;
}
	#cabecera
	{
		margin:0 auto;
		width:980px;
		height:158px;
		background: url(../IMG/MaquetacionWeb/Cabecera.gif) top center no-repeat transparent;
		position:relative;
	}
		#cabecera #aLogo
		{
			display:block;
			position:relative;
			top:10px;
			margin:0 auto;
			width:300px;
			height:100px;
		}
		#cabecera span
		{
			display:none;
		}
	#cuerpo
	{
		background:url(../IMG/MaquetacionWeb/FondoRepetidor.gif) top left transparent repeat-y;
		width:980px;
		margin:0 auto;
		padding-bottom:5px;
	}
		#menu
		{
			background:url(../IMG/MaquetacionWeb/ParteArribaMenu.gif) top left transparent no-repeat;
			width:187px;
			height:225px;
			float:left;
			position:relative;
			list-style:none;
		}
			#menu span
			{
				display:none;
			}
			#btnInicio, #btnEmpresa,#btnProductos ,#btnPreguntasFrecuentes ,#btnBlog ,#btnDescargas ,#btnEnlaces ,#btnContacto, #btnRedComercial 
			{
				height:36px;
				width:172px;
				display:block;
				position:absolute;
				left:15px;
			}
			#btnInicio
			{
				background:url(../IMG/Botones/Ambos/btnInicio.png) top left transparent no-repeat;
				top:28px;
			}
			#btnInicio:hover
			{
				background:url(../IMG/Botones/Ambos/btnInicio.png) top right transparent no-repeat;
			}
			#btnEmpresa
			{
				background:url(../IMG/Botones/Ambos/btnEmpresa.png) top left transparent no-repeat;
				top:73px;
			}
			#btnEmpresa:hover
			{
				background:url(../IMG/Botones/Ambos/btnEmpresa.png) top right transparent no-repeat;
			}
			#btnProductos
			{
				background:url(../IMG/Botones/Ambos/btnProductos.png) top left transparent no-repeat;
				top:118px;
			}
			#btnProductos:hover
			{
				background:url(../IMG/Botones/Ambos/btnProductos.png) top right transparent no-repeat;
			}
			#btnPreguntasFrecuentes
			{
				background:url(../IMG/Botones/Ambos/btnPreguntasFrecuentes.png) top left transparent no-repeat;
				top:161px;
			}
			#btnPreguntasFrecuentes:hover
			{
				background:url(../IMG/Botones/Ambos/btnPreguntasFrecuentes.png) top right transparent no-repeat;
			}
			#btnEnlaces
			{
				background:url(../IMG/Botones/Ambos/btnEnlaces.png) top left transparent no-repeat;
				top:204px;
			}
			#btnEnlaces:hover
			{
				background:url(../IMG/Botones/Ambos/btnEnlaces.png) top right transparent no-repeat;
			}	
			#btnDescargas
			{
				background:url(../IMG/Botones/Ambos/btnDescargas.png) top left transparent no-repeat;
				top:247px;
			}
			#btnDescargas:hover
			{
				background:url(../IMG/Botones/Ambos/btnDescargas.png) top right transparent no-repeat;
			}	
			#btnBlog
			{
				background:url(../IMG/Botones/Ambos/btnBlog.png) top left transparent no-repeat;
				top:290px;
			}
			#btnBlog:hover
			{
				background:url(../IMG/Botones/Ambos/btnBlog.png) top right transparent no-repeat;
			}	
			#btnContacto
			{
				background:url(../IMG/Botones/Ambos/btnContacto.png) top left transparent no-repeat;
				top:333px;
			}
			#btnContacto:hover
			{
				background:url(../IMG/Botones/Ambos/btnContacto.png) top right transparent no-repeat;
			}	
			#btnRedComercial
			{
				background:url(../IMG/Botones/Ambos/btnRedComercial.png) top left transparent no-repeat;
				top:376px;
			}
			#btnRedComercial:hover
			{
				background:url(../IMG/Botones/Ambos/btnRedComercial.png) top right transparent no-repeat;
			}
		#contenido
		{
			background:url(../IMG/MaquetacionWeb/ParteArribaContenido.gif) top right transparent no-repeat;
			margin-left:187px;
			padding-top:50px;
			padding-left:50px;
			padding-right:50px;
			width:693px;
			min-height:588px;
			position:relative;
		}
			#aContacto
			{
				display:block;
				position:absolute;
				top:10px;
				right:23px;
				color: #DDDDDD;
			}
			
			#presto
			{
				display:block;
				position:absolute;
				top:-9px;
				left:160px;
				width:100px;
			}
				#presto a
				{
					color: #DDDDDD;
				}
				#presto img
				{
					position:relative;
					top:10px;
					left:10px;
				}
			#prestoHTML
			{
				display:block;
				position:absolute;
				top:-9px;
				left:260px;
				color: #DDDDDD;
				width:100px;
				color: #DDDDDD;
			}
				#prestoHTML a
				{
					color: #DDDDDD;
				}
				#prestoHTML img
				{
					position:relative;
					top:10px;
					left:10px;
				}
			#bc3
			{
				display:block;
				position:absolute;
				top:-9px;
				left:395px;
				color: #DDDDDD;
				width:100px;
				color: #DDDDDD;
			}
				#bc3 a
				{
					color: #DDDDDD;
				}
				#bc3 img
				{
					position:relative;
					top:10px;
					left:10px;
				}
	#pie
	{
		margin:0 auto;
		background:url(../IMG/MaquetacionWeb/Pie.gif) top center transparent no-repeat;
		clear:both;
		height:55px;
		width:980px;
		text-align:center;
	}
		#textoPie
		{
			margin-left:187px;
			padding-top:22px;
			color:#FFFFFF;
			font-size:10px;
		}
		#textoPie a
		{
			color:#FFFFFF;
		}
		
	
/* = (Sección inicio)
-----------------------------------------------------------------------------*/
ul#novedades
{
	list-style:none;
}
ul#novedades li
{
	display:block;
	background:url(../IMG/Contenidos/Inicio/FondoGrisOcuroNovedades.gif) top right repeat-y #d9dadb;
	height:50px;
	margin-bottom:30px;
	padding:15px;
	padding-right:110px;
	position:relative;
}
ul#novedades li img
{
	position:absolute;
	right:-10px;
	top:-10px;
}
/* = (Sección empresa)
-----------------------------------------------------------------------------*/
div#logo
{
	width:100%;
	text-align:center;
}
div#certificados
{
	width:100%;
}
div#certificados a
{
	margin-left:18px;
}
div#certificados a img
{
	border:1px solid #000000;
}
/* = (Sección contactos)
-----------------------------------------------------------------------------*/
div#datosContacto
{
	background:#EEEEEE;
	padding:5px;
	text-align:center;
}
div#datosContacto div.titulo
{
	font-size:10px;
	font-stretch:condensed;
	font-weight:bold;
	color:#005EA7;
}
#mapa
{
	width:693px;
}
/* = (Sección enlaces)
-----------------------------------------------------------------------------*/
ul#enlaces li
{
	margin-bottom:12px;
}

/* = (Sección productos)
-----------------------------------------------------------------------------*/
table.caracteristicas
{
	width:100%;
	font-size:10px;
}
	table.caracteristicas tr td
	{
		padding:5px;
		background-color:#EEE;
		border:2px solid #AAA;
	}
	table.caracteristicas tr.cabecera td
	{
		background-color:#999;
		color:#FFF;
	}
ul#listadoPrincipal ul
{
	list-style:none;
}
ul#listadoPrincipal li img
{
	vertical-align:middle;
}
ul#listadoPrincipal li a
{
	font-size:12px;
}
div#descargasPDF
{
	position:relative;
}

div#descargasPDF #imgDescargarCatalogo
{
	position:absolute;
	right:-10px;
	top:-90px;
}
div#descargasPDF #imgDescargarSeccion
{
	position:absolute;
	right:75px;
	top:-88px;
}
div#descargasPDF #textoDescargarCatalogo
{
	position:absolute;
	right:-8px;
	width:60px;
	top:-18px;
	text-align:center;
}
div#descargasPDF #textoDescargarSeccion
{
	position:absolute;
	right:72px;
	top:-18px;
	width:60px;
	text-align:center;
}
div#paginacion
{
	margin-bottom:45px;
	font-size:14px;
}
div #paginacion a
{
	font-size:14px;
}
div#navegacion
{
	position:relative;
}
div#navegacion #textoAnterior
{
	position:absolute;
	right:-15px;
	top:400px;
}
div#navegacion #textoSiguiente
{
	position:absolute;
	right:-18px;
	top:470px;
}
div#navegacion #imgAnterior
{
	position:absolute;
	right:0px;
	top:350px;
}
div#navegacion #imgSiguiente
{
	position:absolute;
	right:0px;
	top:430px;
}
div#imagen
{
	margin-left:-28px;
	margin-top:5px;
}
h1#tituloSeccion
{
	margin-top:-15px;
}
/* = (Sección preguntas frecuentes)
-----------------------------------------------------------------------------*/
ol#preguntasCabecera
{
	margin:10px;
	margin-bottom:50px;
}
ol#preguntasCabecera li
{
	margin-bottom:5px;
}
ol li
{
	margin-bottom:20px;
}
ol li p.pregunta
{
	font-size:16px;
	font-stretch:condensed;
	font-weight:bold;
	color:#005EA7;
}
/* = (Sección descargas)
-----------------------------------------------------------------------------*/
ul#listaDescargas
{
	list-style-type:none;
}
ul#listaDescargas li
{
	margin-bottom:15px;	
}
ul#listaDescargas li img
{
	vertical-align:middle;
}

/* = (Sección Red comercial)
-----------------------------------------------------------------------------*/
ul#listaContactos, ul#listaDepositos
{
	background:#EEEEEE;
}
ul#listaContactos li, ul#listaDepositos li
{
	margin-bottom:20px;
}
ul#listaContactos li div.titulo
{
	font-size:10px;
	font-stretch:condensed;
	font-weight:bold;
	color:#005EA7;
}
img.tarjeta
{
	margin:9px;
	float:left;
	clear:both;
}
ul#listaDepositos li
{
	margin-left:310px;
}


