/*
 * 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: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    font-size: 11px;
    color: #555555;
}

h1
{    
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #0d0d8c;            
}

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

a
{
    color:#0d0d8c;
}

ul
{
    list-style-type: disc;    
}


/*
 * Centrado de páginas
 */ 
.centeredPage
{
	position: relative;
	width: 785px;
	margin: 0px auto;
	padding: 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: absolute;    
    font-family: arial;
    font-size: 12px;
    left: 160px; 
    top: 25px;    
    width: auto;
}

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

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

#header #menu .dynamicItem
{
    background-color:#000066;
    color:#ffffff;
    Width:155px;
    padding:0px;
    vertical-align: middle;
    border-top: solid 1px #000066;
    border-top: solid 1px #41438E;    
}
#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;*/
    background-color:#0d0d8c;    
    color:#FFF;
    font-family: Arial; 
    font-size: 11px;
}

#header #metaMenu a
{
    text-decoration: none;
    color:#FFF;
}

#header #metaMenu #links
{
	float:left;
	padding-top:5px;
}

#header #metaMenu .separator
{
	margin:0px 5px;
	color:#FFF;
}

#header #metaMenu select
{
	font-size:10px;
	margin:3px 2px;	
}

/*
 * Pie de página
 */ 
#footer
{
    position:relative;
    width: 100%;
    clear: both;
    padding: 10px 0px 0px 0px;
    text-align:center;
}

/* 
 *  Zona de contenido principal 
 */

#mainPanel
{
    position: relative;
    margin: 3px 15px 15px 30px;    
    padding: 0px;         
}

#mainContent
{
    position:relative;    
    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; 
    font-family: Verdana;
    font-size: 11px;
    color: #555555;
}

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

#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
{
    position: relative;
    width: 498px;
    margin-bottom: 10px;
}

#mainContent .JPContent
{
    position: relative;
    width: 498px;
    margin-bottom: 10px;
    text-align:justify;
}

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

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

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

.lineaAmarilla
{
    padding-top:10px;
    border-bottom: solid 1px #FE9900;
}