﻿/*
 * FILMAC WEB STRUCTURE v1.0.0.0
 * 
 * Fecha: 26/12/2006
 * Autor: David Ortiz
 * Descripción: Estilos comunes a toda la aplicación
 */

body 
{
    background-color: #88201F;
	margin-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana;
	font-size:11px;
	color:White;
}

#topPage
{
    background-image:url(../../gifs/fondo_cabecera_web.gif);
    background-repeat:repeat-y;
}

#TopBanner
{
    position:absolute;
    top:10px;
    right:20px;
}

form
{
    margin:0px;
    padding:0px;
}

h1
{    
    font-size: 18px;
    font-weight: bold;
}

p
{
    margin-top: 8px;
    padding-bottom: 8px;    
    margin-bottom:0px;
}

a
{
    color:#0d0d8c;
}

ul
{
    list-style-type:disc;
    margin:0px;
    padding:0px;
    padding-left:25px;
}

li
{
    margin:0px;
    padding-bottom:15px;
}


/*
 * Centrado de páginas
 */ 
.clear{
 clear: both;
 margin:0px;
 padding:0px;
 height:0px;
}

.centeredPage {
  margin:0px auto;
  width:896px;
  position:relative;
  border:solid 2px White;
}

img
{
	border:0px;
}

/* 
 *  Cabecera
 */

#header
{
    position: relative;
    padding: 0px;
    margin: 0px;    
    width: auto;    
    background-color: #FFFFFF;
    z-index: 1;
}

#header #logo
{
    position: relative;         
}

#header #logo img
{
    border: 0px;
}

#header #menu
{
    position: relative;    
    font-size: 10px;
    width: auto;
    padding-top:1px;
}

#header #menu img
{
    margin: 0px;
    padding: 0px;    
}

#header #menu .staticItem
{
    margin: 0px;
    padding: 0px;    
}

#header #menu .dynamicItem
{
    /*background-color:#000066;
    border-top: solid 1px #000066;
    border-top: solid 1px #41438E;    */
    color:#ffffff;
    font-weight:bold;
    Width:155px;
    padding:0px;
    vertical-align: middle;
}
#header #menu .dynamicItem div
{
    padding:5px 5px 5px 10px;
}

#header #metaMenu
{    
    position: absolute;
    right: 20px;
    top: 0px;
    padding: 0px;
    background: url('../../gifs/bg-metamenu.gif') repeat-y;
    color:#0d0d8c;    
    font-family: Arial; 
    font-size: 11px;
}

#header #metaMenu a
{
    text-decoration: none;
}

#header #metaMenu #links
{
	float:left;
	padding-top:5px;
}

#header #metaMenu .separator
{
	margin:0px 5px;
	color:#0d0d8c;
}

#header #metaMenu select
{
	font-size:10px;
	margin:3px 2px;	
}

/*Estilos para el menú desplegable BANAK IMPORTA*/
#ctl00_NavigationMenun0Items
{
 border-bottom: solid 2px #FFFFFF;
 border-right: solid 2px #FFFFFF;
 z-index:1;
}
#ctl00_NavigationMenun1Items
{
 border-bottom: solid 2px #FFFFFF;
 border-right: solid 2px #FFFFFF;
 border-left: solid 2px #FFFFFF;
 margin-left:-2px;
 z-index:1;
}
#ctl00_NavigationMenun2Items
{
 border-bottom: solid 2px #FFFFFF;
 border-right: solid 2px #FFFFFF;
 border-left: solid 2px #FFFFFF;
 width:170px;
 margin-left:-2px;
 z-index:1;
}
#ctl00_NavigationMenun3Items
{
 border-bottom: solid 2px #FFFFFF;
 border-right: solid 2px #FFFFFF;
 border-left: solid 2px #FFFFFF;
 margin-left:-2px;
 z-index:1;
}
#ctl00_NavigationMenun4Items
{
 border-bottom: solid 2px #FFFFFF;
 border-right: solid 2px #FFFFFF;
 border-left: solid 2px #FFFFFF;
 margin-left:-2px;
 z-index:1;
}
#ctl00_NavigationMenun5Items
{
 border-bottom: solid 2px #FFFFFF;
 border-left: solid 2px #FFFFFF;
 margin-left:-2px;
 z-index:1;
}

/*
 * Pie de página
 */ 
#footer
{
    
    position:relative;
	margin:10px auto;
	width:896px;
	text-align:center;
	color:White;
}

#footer a
{
	color:White;	
}

#base
{
  margin:0px auto;
  width:896px;
  position:relative;
}

/* 
 *  Zona de contenido principal 
 */

#mainPanel
{
    position: relative;
    padding: 0px;  
    margin:0px;      
    /*margin-top:40px; */
}

#mainContent
{
    position:relative;    
    background-color: #FFFFFF;
    /*border-bottom: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    padding: 3px 0px 10px 5px;    */
}


#mainContent table
{
    font-family: Arial;
    font-size: 11px;
}

#mainContent table th
{
   background-color: #0d0d8c;
   color: #ffffff;         
   padding: 0px 10px 0px 2px;
}

#mainContent table td
{
    padding: 3px 10px 3px 2px;
    border-bottom: solid 1px #0d0d8c; 
}

#mainContent .listTitle
{
   position: relative;
   font-weight: bold;
   background-color: #0d0d8c;
   color: #ffffff;         
   padding: 3px 3px 3px 5px;
}

#mainContent .listTitle2
{
   position: relative;
   font-weight: bold;
   background-color: #FE9900;
   color: #ffffff;         
   padding: 3px 3px 3px 5px;
}


#mainContent .listSubtitle
{
   position:relative;
   color: #c0c0c0;   
}

#mainContent .listItem
{
    position: relative;
    padding: 7px 0px 7px 2px;
    border-bottom: solid 1px #0d0d8c;
}

#mainContent .listItem2
{
    position: relative;
    padding: 7px 0px 7px 2px;
    border-bottom: solid 1px #FE9900;
}

#mainContent .listImg
{
    position: relative;
    float: left;    
    margin: 0px 3px 3px 0px;
}

#mainContent .listTextBlock
{
    position: relative;
    margin-left: 59px;
}

#mainContent .leftContent
{
    width: 498px;
    margin-bottom: 10px;
}

#mainContent .downloads
{
    width: 498px;
}

#mainContentBrown
{
    position:relative;    
    background-color: #88201F;
    border-bottom: solid 1px #88201F;
    border-left: solid 1px #88201F;
    border-right: solid 1px #88201F;
}

#mainContentGreen
{
    position:relative;    
    background-color: #93AD1C;
    border-bottom: solid 1px #93AD1C;
    border-left: solid 1px #93AD1C;
    border-right: solid 1px #93AD1C;
}

#mainContentOrange
{
    position:relative;    
    background-color: #FA6C15;
    border-bottom: solid 1px #FA6C15;
    border-left: solid 1px #FA6C15;
    border-right: solid 1px #FA6C15;
    
}

#mainContentRed
{
    position:relative;    
    background-color: #DB0066;
    border-bottom: solid 1px #DB0066;
    border-left: solid 1px #DB0066;
    border-right: solid 1px #DB0066;
}

#mainContenBlue
{
    position:relative;    
    background-color: #14B4EA;
    border-bottom: solid 1px #14B4EA;
    border-left: solid 1px #14B4EA;
    border-right: solid 1px #14B4EA;
}

#mainContentContract
{
    position:relative;    
    background-color: #B08C69;
    border-bottom: solid 1px #B08C69;
    border-left: solid 1px #B08C69;
    border-right: solid 1px #B08C69;
}

#contenido
{
    padding-top:20px;
	padding-left:40px;
	padding-right:20px;
}

.columna
{
    position:relative;
	float:left;
	padding-top:40px;
	padding-left:40px;
	padding-bottom:20px;
	padding-right:10px;
	width:390px;
}

.columnaImg
{
    position:relative;
	float:left;
	padding-top:40px;
	margin-left:20px;
	padding-bottom:20px;
	text-align:right;
	width:400px;
	border:solid 1px red;
}

.columna p
{
    margin-top:0px;
    padding-top:0px;
}

.columna3
{
  position:relative;
	float:left;
	padding-top:40px;
	padding-left:40px;
	padding-bottom:20px;
	width:200px;
}

.columna2
{
  position:relative;
	float:left;
	padding-top:40px;
	padding-left:40px;
	padding-bottom:20px;
}

.columProd
{
  position:relative;
	float:left;
	padding-top:15px;
	padding-left:5px;
	width:198px;
	height:100px;
	
}

.precioArticulo
{
    color:#88201F;
    font-size:13px;
    font-weight:bold;
}

.divimgficha
{
    float:right;
    position:relative;
}

/* 
 *  Localizador
 */
#locator
{
    position:relative;    
    margin: 0px 0px 10px 0px;
}

#ponSWF
{
    float:left;
    z-index:0;
}

.columnahome
{
    float:left;
}

/*abre tu tienda*/

#submenuTienda
{
    padding:10px;
    background-color:#FA6C15;
    color:Black;
    font-weight:bold;
}

#submenuTienda a
{
    color:White;
    font-weight:bold;
}

#submenuContract
{
    padding:10px;
    background-color:#CDB7A2;
    color:Black;
    font-weight:bold;
}

#submenuContract a
{
    color:White;
    font-weight:bold;
}

.separa
{
    color:White;
    padding:0px 5px;   
}

.tablaReq
{
 border-top:solid 2px #FA6C15;
 font-size:10px;
}

.filaReq
{
 border-bottom:solid 1px #FFFFFF;   
 padding:3px 0px;
}

.colReq1
{
    float:left;
}
.colReq2
{
    text-align:right;
}

/*Maquetación  más de 200 tiendas cerca de ti*/
.columnaprov
{
    float:left;
    width:100px;
    color:White;
    padding-bottom:2px;
    
}


a.enlaceProv
{
 color:White;   
 font-weight:bold;
 text-decoration:underline;
}

#listaTiendas
{
    background-color:#A5BA42;
    padding:10px 7px;
    font-size:10px;
    /*display:none;*/
}

.titTienda
{
 color:#667416;
 font-weight:bold;   
}

.itemtienda
{
    font-weight:normal;
    padding-top:5px;
}

.slideshow
{
    background-color:#A5BA42;
    padding:15px;
    width:550px;
}

.slideshow a
{
    color:#FFFFFF;
    font-weight:bold;
}

#imgTienda
{
  margin:15px 15px 5px 15px;
  width:515px;
}

.enlaceficha
{
    position:absolute;
    right:20px;
    width:175px;
}

#enlaceGMap
{
    position:absolute;
}

#enlaceGaleria
{
    position:absolute;
}

/*.txtenlace
{
    float:left;
    padding-right:5px;
}*/

.txtenlace img
{
    vertical-align:middle;
    padding-left:5px;   
}

.localiza
{
    padding-bottom:5px;
    padding-top:5px;
    text-align:center;
}

.centerimg
{
    text-align:center;
}

.numeros
{
    font-size:18px;
    padding:2px 10px;
    width:100px;
}

.volver
{
     position:absolute;
    bottom:0px;
    left:50px;
}

/* Maquetación news */

.fondoPag
{
    margin-top:10px;
    background: url('../../gifs/bg_news.gif') repeat-y;
}

.fondoPagOr
{
    margin-top:10px;
    background: url('../../gifs/bg_muebles.gif') repeat-y;
}

.fondoPagCt
{
    margin-top:10px;
    background: url('../../gifs/bg_contract.gif') repeat-y;
}

#columnaDer
{
    float:right;
    color:#FFFFFF;
    width:150px;
    margin-top:10px;
    position:relative;
}

#columnaDer a
{
    color:#FFFFFF;
}

.titColumnaDer
{
    font-size:14px;
    font-weight:bold;
}

.itemMes
{
    padding-top:5px;
    
}

.listado
{
    padding-left:10px;
    width:650px;
}

.titNoticia
{
    padding:10px 0px;
    font-size:14px;
    font-weight:bold;
}

.titArticulo
{
    padding:5px 0px;
    font-size:13px;
    font-weight:bold;
}

.locMes
{
    border:solid 1px #E64D94;
    padding:5px 10px;
    margin:0px 180px 0px 0px;
    font-size:14px;
    font-weight:bold;
}

.locMesOr
{
    border:solid 1px #FCA773;
    padding:5px 10px;
    margin:0px 180px 0px 0px;
    font-size:14px;
    font-weight:bold;
}

.locMesCt
{
    border:solid 1px #CDB7A2;
    padding:5px 10px;
    margin:0px 180px 0px 0px;
    font-size:14px;
    font-weight:bold;
}

.noticia
{
    padding-right:180px;    
}

.noticia img
{
    float:left;
    padding-right:10px;
}

.noticia a
{
    color:#FFFFFF;
    text-decoration:none;
}

.hrnoticias
{
    position:relative;
    border-top:solid 1px #E64D94;    
    padding-right:180px;
}

.hrnoticiasOr
{
    position:relative;
    border-top:solid 1px #FCA773;    
    padding-right:180px;
}

.hrnoticiasCt
{
    position:relative;
    border-top:solid 1px #CDB7A2;    
    padding-right:180px;
}

.paginador
{
    color:#FFFFFF;
    font-weight:bold;
    margin-top:10px;
    height:15px;
}

.paginador a
{
    color:#FFFFFF;
    text-decoration:none;
}

.botPaginadorIzq
{
    left:0px;
    float:left;
}

.botPaginadorDer
{
    position:absolute;
    right:0px;
    right:200px;
}

.paginas
{
     position:absolute;
     left:300px;
}

.stlEnlace
{
    margin-top:5px;
}
.stlEnlace a
{
    font-weight:bold;
    color:#FFFFFF;
    
}

.centrado
{
    text-align:center;
    padding-right:180px;   
}

.divAutor
{
    padding:5px 0px;
}

/*
 * Elementos de maquetación
 */
.hr	
{ 
    clear:left;
    width: 100%;
    height: 10px;
    margin: 10px 0px 0px 0px;
    border-top: 1px SOLID #cccccc;
}

.row
{
    position:relative;
    width: 100%;
    clear: both;
   /* margin: 0px 0px 5px 0px;*/
}

.column
{
    position:relative;
    margin: 0px 10px 0px 0px;
    float: left;
    width: auto;
}

.rowEnd
{   
    position:relative;       
    width: 100%;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 1px;
}

.formError
{    
    position: relative;   
    display:block;
    clear:left;
    color: Red;
    padding: 3px 0px 0px 0px;

}

.legalInfo
{
    margin: 10px 0px 0px 0px;
}

/*
 *  Home: elementos específicos
 */ 

.homeColumn
{    
    width: 235px;
}

/*
 *  Subsecciones: elementos específicos
 */ 

#subsecItems
{
    width: 498px;
}

.subsecListItem
{
    position: relative;
    float: left;
    width: 240px;    
    margin-right: 10px;
}

.subsecAltListItem
{
    position: relative;
    float: right;    
    width: 240px;    
}

/*
 *  Contacto: elementos específicos
 */ 

.contactForm .column
{    
    width: 200px;
    text-align: right;
}

.contactForm .controls
{
    text-align: right;
    padding: 20px;
}

.contactForm .formError
{
    margin-left: 210px;
}

/*Formularios*/

.etiqueta
{
    float:left;   
    width:150px;
    text-align:right;
    margin-right:5px;
    font-weight:bold;
}

.filaform
{
 margin-bottom:6px;
 clear:both;   
}

.filaform input
{
 height:12px;   
 font-size:11px;
}

.filaform .inputFile
{
 height:20px;   
 font-size:10px;
}

.filaform select
{
 height:17px;   
 font-size:9px;
}

.filaform a 
{
    color:#FFFFFF;
}

.respForm a
{
    color:#FFFFFF;
}
.formul
{
    width:425px;
}
/*Intro.html*/

#centroIntro
{
    width:573px;
    margin:10px auto;
    background-color:White;
    position:relative;
}

.logoIntro
{
    width:573px;
    text-align:center;
    padding:10px 0px;
}

.idiomasIntro
{
    width:573px;
    text-align:center;
    margin:30px 0px;
}
