/*
 * FILMAC WEB STRUCTURE v1.0.0.0
 * 
 * Fecha: 05/05/2007
 * Autor: GHeras
 * Descripción: Estilos comunes a toda la aplicación
 */

body 
{
    background-color: #D21318;
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    font-size: 11px;
    color: #555555;
}

h1
{    
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    margin: 0px;        
}

p
{
    margin-top: 8px;
    margin-bottom: 8px;    
}

a
{
    color:#0066cc;
}

ul
{
    list-style-type: disc;    
}

strong
{
	color:#D21318;
}

img
{
	border:0px;
}


/*
 * Centrado de páginas
 */ 
.centeredPage
{
	position: relative;
	width: 995px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #D21318;
	
}

/* 
 *  Cabecera
 */

#header
{
    position: relative;
    padding: 0px;
    margin: 0px;    
    width: 854px;    
    z-index: 1;
    border: solid 0px red;
}

#header #logo
{
    position: relative;
    margin: 0px 0px 0px 137px;      
}

#header #logo img
{
    border: 0px;
}

#ninot
{
    position: absolute;
    margin: 0px 0px 0px 0px;
}


/*
 * Pie de página
 */ 
#footer
{
    position:relative;
    width: 995px;
    clear: both;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px px 0px;
    text-align:center;
    border:solid 0px blue;
    color:#fff;
}

#footer a
{
	color:#fff;
}

#content
{
    position: relative;
    top: 0px;
    left: 137px;
    margin: 0px 0px 0px 0px;    
    padding: 0px;
    border: solid 0px #000; 
    background:#fff;  
    width:854px; 
}

/*
 * Menu principal
 */ 

#menu
{
    position: absolute;    
    font-family: arial;
    font-size: 12px;
    left: 0px; 
    top: 0px;    
    width: auto;
    border: solid 0px #000;
}


#menu img
{
    border: none;
    margin: 0px;
    padding: 0px;    
}

#menu .staticItem
{
    margin: 0px;
    padding: 0px;    
}

#menu .dynamicItem
{
    background-color:#000066;
    color:#ffffff;
    Width:155px;
    padding:0px;
    vertical-align: middle;
    border-top: solid 1px #000066;
    border-top: solid 1px #41438E;    
}
#menu .dynamicItem div
{
    padding:5px 5px 5px 10px;
}

/* 
 *  Zona de contenido principal 
 */

#mainPanel
{
    position: relative;
    left: 175px;
    top: 0px;
    width: 679px;
    margin: 0px 0px 0px 0px;    
    padding: 0px;
    border: solid 0px #000; 
    background:#fff;   
}

#mainContent
{
    position:relative;    
    padding: 3px 0px 10px 5px;
    border:solid 0px #000;    
}

#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;
   color: #000;         
   padding: 3px 3px 3px 0px;
   color:#FF0000;
}

#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 4px 2px;
}

#mainContent .listItem p
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#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;
}

/* 
 *  Localizador
 */
#locator
{
    position:relative;    
    margin: 0px 0px 10px 0px;
}

/*
 * Promociones (Quick Links)
 */

.promoList
{
    position: absolute;    
    top: 26px;
    right: 10px;
    width: 215px;        
}

.promoList .header
{   
    position: relative;
    margin: 0px 0px 5px 0px;    
}

.promoList .header .title
{       
    background-color: #FE9900;    
    font-weight: bold;
    color: #ffffff;
    padding: 3px 3px 4px 5px;    
}

.promoList .promo
{
    margin: 0px 0px 5px 0px;
    padding-bottom: 5px;
    border-bottom: solid 1px #FE9900;
}

.promoList .promo img
{
    position: relative;
    float: left;    
    margin: 0px 3px 2px 0px;
}

.promoList .promo .title
{
   position:relative;
   color: #c0c0c0;      
}

.promoList .promo .textBlock
{
    position: relative;
    margin-left: 59px;
}


/*
 * 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;
}

.columnR
{
    position:relative;
    margin: 0px 10px 0px 0px;
    float: left;
    width: auto;
    text-align: right;
    font-weight:bold;
}

.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 10px 0px 0px;
}

/*
 *  Home: elementos específicos
 */ 

.homeColumn
{    
    width: 235px;
}

.cierre
{
    position: relative;
    left: 137px;
    margin: 0px 0px 0px 0px;    
    padding: 0px;
    border: solid 0px #000; 
    background:#D21318;  
    width:854px;
}

/*
 *  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
{    
margin: 0px 10px 0px 0px;
padding: 20px 10px 0px 15px;
border: solid 0px red;
}

.contactForm .column
{    
    width: 200px;
    text-align: right;
}

.contactForm .controls
{
    text-align: right;
    padding: 20px;
}

.contactForm .formError
{
    margin-left: 210px;
}

.contactForm p
{
    margin: 0px 0px 0px 0px;
}

.contactForm cite
{
	font-size: 10px;
}


/*
 *  Home: elementos específicos
 */ 


#homeCol1 
{
	position: relative;
    float: left;
    width: 400px;    
    margin: 10px 10px 0px 10px;
    border:solid 0px red;
}

#homeCol2 
{
	position: relative;
    float: right;
    width: 210px;    
    margin: 10px 25px 0px 10px;
    border:solid 0px red;
    text-align: center;
}

#homeCol2 .img
{
	margin: 0px 0px 10px 0px;
}

/*
 *  Ciutats: elementos específicos
 */ 


#ciutatsCol1 
{
	position: relative;
    width: 640px;    
    margin: 10px 10px 0px 10px;
    border:solid 0px red;
}

#ciutatsCol2 
{
	position: relative;
    float: right;
    width: 210px;    
    margin: 10px 25px 0px 10px;
    border:solid 0px red;
    text-align: center;
}

#ciutatsCol2 .img
{
	margin: 0px 0px 10px 0px;
}

.widthcolumn0 {width:630px;border:solid 0px red; margin: 0px 0px 15px 0px;}
.widthcolumn1 {width:100px}

.ciutatsColIzq {float:left; margin:0px; text-align:right;border:solid 0px red; width:110px; font-weight:bold;}
.ciutatsColDer {margin:0px 0px 10px 120px;border:solid 0px red; }


/*
 *  Nota legal: elementos específicos
 */ 

.notaLegal
{
    margin: 0px 15px 0px 15px;
    padding: 15px 0px 0px 0px;
    border: solid 0px red;
}

.notaLegal p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}



/*
 *  Companyias: elementos específicos
 */ 


#companyiesCol1 
{
	position: relative;
    margin: 10px 10px 0px 10px;
    border:solid 0px #000;
}