/*
 * 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: #000; margin: 0px; padding: 0px; font-family: Verdana, Arial; font-size: 11px; color: #999999; line-height:125%;}
h1 {font-family: verdana; font-size: 12px; font-weight: bold; color: #999;  margin: 5px 0px 0px 0px;}
p{margin-top: 5px; margin-bottom: 10px;}
a{color:#999999; text-decoration: none;}
ul{list-style-type: disc;}
strong{color:#666666;}
img{border:0px;}
SELECT {font-size : 11px; background: #141414; border: solid 1px #666666; color:#fff;} 
INPUT {font-size : 11px; background: #141414; border: solid 1px #666666; color:#fff;} 
TEXTAREA {font-size : 11px; background: #141414; border: solid 1px #777777; color:#fff;} 

/*
 * Centrado de páginas
 */ 
.centeredPage
{
	position: relative;
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px 40px 0px;	
	border:solid 0px blue;
}

/* 
 *  Cabecera
 */

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

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

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

#header #metaMenu
{    
    position: absolute;
    right: 10px;
    top: 0px;
    padding: 0px;
    color:#0d0d8c;    
    font-family: Verdana; 
    font-size: 10px;
}

#header #metaMenu a {text-decoration: none;}
#header #metaMenu #links {float:left; padding-top:5px;}
#header #metaMenu .separator {margin:0px 5px; color:#4D4D4D;}
#header #metaMenu strong {color: #fff;}

/*
 * Pie de página
 */ 
#footer
{
    position:relative;
    width: 895px;
    clear: both;
    padding: 25px 0px 10px 177px;
    margin: 0px 0px px 0px;
    text-align:left;
    border:solid 0px blue;
    color:#000;
}

#footer a {color:#000;}

#content
{
    position: relative;
    top: 10px;
    left: 0px;
    margin: 0px 0px 0px 0px;    
    padding: 0px;
    border: solid 0px #000; 
}

/*
 * Menu principal
 */ 

#menuContent
{
    position: relative;
    float:left; 
    font-family: arial;
    font-size: 12px;
    left: 0px; 
    top: 0px;    
    width: 250px;
    border: solid 0px red;
    padding: 120px 0px 0px 30px;
}

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

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

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

#menuContent #mainMenu
{
	text-align: right;
	width: 158px;
	margin:  20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-family: Verdana, Arial;
	border:solid 0px #fff;
}

#menuContent #mainMenu p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}

#menuContent #mainMenu .menuoff
{
	background: url('../../gifs/pixelblanco.gif') repeat-y right;
	padding: 0px 10px 0px 0px;
	color:#666666;
}

#menuContent #mainMenu .menuon
{
	background: url('../../gifs/pixelblanco.gif') repeat-y right;
	padding: 0px 10px 0px 0px;
}

#menuContent #mainMenu .menuonSel
{
	background: url('../../gifs/pixelrojo.gif') repeat-y right;
	padding: 0px 10px 0px 0px;
	color:#666666;
}

#menuContent #mainMenu .smenuon
{
	background: url('../../gifs/pixelrojo.gif') repeat-y left;
	margin-left: 147px;
	padding: 0px 0px 0px 10px;
}

#menuContent #mainMenu .smenuoff
{
	background: url('../../gifs/pixelrojo.gif') repeat-y left;
	margin-left: 147px;
	padding: 0px 0px 0px 10px;
	color:#666666;
}

#menuContent #mainMenu .menuon span {margin-left: 140px;}

/* 
 *  Zona de contenido principal 
 */

#mainPanel
{
    position: relative;
    float: right;
    top: 0px;
    margin: 0px 0px 0px 0px;    
    padding: 0px;
    border: solid 1px #000; 
    background:#000; 
    width: 670px;  
}

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

#mainContent table
{
    font-family: Arial;
    font-size: 11px;
}

#mainContent table th
{
   background-color: #fff;
   color: #666;         
   padding: 0px 0px 0px 2px;
   text-align:left;
}

#mainContent table td {padding: 3px 0px 3px 2px;}

#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;}
/*--#mainContent UL {list-style-image: url(../../gifs/bullet.gif)}*/
#mainContent LI {margin: 0px 0px 5px 20px;} 


/* 
 *  Localizador
 */
.locator
{
    position:relative;    
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 18px;
    font-weight:bold;
    width: auto;
    color:#ccc;
    border-bottom: solid 1px #ccc;
}


/*
 * 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 0px 0px;
    padding: 0px;
    border-top: 0px SOLID red;
}

.row1
{
    position:relative;
    width: 100%;
    clear: both;
    margin: 10px 0px 0px 0px;
    border-top: 0px SOLID red;
}


.column
{
    position:relative;
    margin: 0px 10px 0px 0px;
    float: left;
    width: auto;
}

.columnR
{
    position:relative;
    margin: 0px 5px 0px 0px;
    float: left;
    width: 175px;
    text-align: right;
    font-size: 11px;
    border:solid 0px red;
}

.columnR1
{
    position:relative;
    margin: 0px 5px 0px 0px;
    float: left;
    width: auto;
    text-align: left;
    font-size: 11px;
    border:solid 0px red;
}

.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;
    border:solid 0px red;
}

.legalInfo {margin: 10px 10px 0px 0px;}


/*
 *  Contacto: elementos específicos
 */ 
.contactForm {margin: 0px 10px 0px 0px; padding: 20px 10px 0px 15px; border: solid 0px red;}
.contactForm .column {width: 100px; text-align: left; border:solid 0px red;}
.contactForm .controls {text-align: right; padding: 10px; margin: 10px 0px 0px 0px; border-top: solid 1px #666;}
.contactForm .formError {margin-left: 0px;}
.contactForm p {margin: 0px 0px 5px 0px;}
.contactForm cite {font-size: 10px;	margin: 0px; padding: 0px;}
.contactForm .foot {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border:solid 0px red; width:585px;}

#ColContacto {position: relative; margin: 0px 0px 0px 0px; padding: 0px 50px 0px 0px; border:solid 0px red;}
#ColContacto p {margin: 0px 0px 15px 0px;}
#ColContacto h1 {margin: 0px 0px 10px 0px;}
#contactoCol1 {position: relative; float: left; width: 590px; margin: 10px 10px 0px 0px; padding: 0px 0px 0px 25px; text-align: left;border:solid 0px blue;}
#contactoCol2 {position: relative; float: left; width: 235px; margin: 10px 10px 0px 0px; border:solid 0px blue; text-align: left;}


/*
 *  Home: elementos específicos
 */ 
#Col1 
{
	position: relative;
    float: left;
    width: 100%;  
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border:solid 0px red;
}

#Col1 a {color: #fff; font-size: 9px;}
#Col1 .separator {margin:0px 2px 0px 2px; color:#4D4D4D;}

#Col2 
{
	position: relative;
    float: right;
    width: 100%;  
    margin: 50px 0px 0px 0px;
    border:solid 0px blue;
}

#Col2 .img {margin: 0px 0px 10px 0px;}
#Col2 h1 {font-size: 12px; margin: 0px; padding: 0px;}
#Col2 p {font-size: 12px; margin: 0px; padding: 0px;}

#Col2 .columna1Not
{
	position: relative;
    float: left;
    width: 305px;  
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 10px 0px;
    font-size: 10px;
}
#Col2 .columna1Not a{color:#fff;}
#Col2 .columna2Not a{color:#fff;}

#Col2 .columna1Not p{color:#fff; font-size: 11px; margin: 0px 0px 8px 0px;color: #999999;}
#Col2 .columna2Not p{color:#fff; font-size: 11px; margin: 0px 0px 8px 0px;color: #999999;}

#Col2 .columna2Not
{
	position: relative;
    float: right;
    width: 305px;  
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    border:solid 0px red;
    border-left: solid 1px #4D4D4D;
    font-size: 10px;
}


#Col2 .columnaFichNot
{
	position: relative;
    float: left;
    width: auto;  
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 10px 0px;
    font-size: 10px;
}


#homeFoot 
{
	position: relative;
    width: 540px;    
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 235px;
    border:solid 0px red;
    font-family: Verdana, Arial; font-size: 10px; 
}

#homeFoot .separator {margin:0px 5px; color:#4D4D4D;}

/*
 *  Ficha: elementos específicos
 */ 

#ColFicha 
{
	position: relative;
    float: left;
    width: 100%;  
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border:solid 0px red;
}

#ColFicha a {color: #fff; font-size: 9px;}
#ColFicha .Col1 .separator {margin:0px 2px 0px 2px; color:#4D4D4D;}
#ColFicha .col1
{
	position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border:solid 0px red;
    text-align:center;
    width: 100%;
}

#ColFicha .Col2_1
{
	position: relative;
    float: left;
    width: 306px;  
    height: 120px;
    margin: 10px 0px 0px 10px;
    padding: 10px 10px 0px 0px;
    border:solid 0px red;
}

#ColFicha .Col2_1a
{
	position: relative;
    width: 314px;  
    margin: 10px auto 0px auto;
    padding: 0px 10px 0px 0px;
    border:solid 0px blue;
    background: #000;
}

#ColFicha .Col2_2
{
	position: relative;
    float: left;
    width: 303px; 
    height: 120px; 
    margin: 10px 0px 0px 7px;
    padding: 10px 0px 0px 20px;
    border:solid 0px red;
    border-left: solid 1px #4D4D4D;
}

#ColFicha .imagenFicha
{
	position: relative;
	float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border:solid 0px red;
    text-align:center;
    width: 135px;
}

#ColFicha .textoFicha
{
	position: relative;
	float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border:solid 0px red;
    text-align:left;
}

#ColFicha .textoFicha h1
{
	font-size: 11px;
    font-weight: normal;
    color:#fff;
}

/*
 *  La empresa: elementos específicos
 */ 
#ColEmpresa 
{
	position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 50px 0px 0px;
    border:solid 0px red;
}

/*
 *  Nota legal: elementos específicos
 */ 
#ColNota {position: relative; margin: 0px 0px 0px 0px; padding: 0px 50px 0px 0px; border:solid 0px red;}
#ColNota p {margin: 0px 0px 15px 0px;}
#ColNota h1 {margin: 0px 0px 10px 0px;}


.linkSiguiente {text-decoration: none;	font-weight:bold;}
.linkSiguienteRight{text-decoration: underline;	float: right;}
.linkSiguienteLeft{text-decoration: underline; float: left;}

.controlsBox 
{
	width: 715px;
	margin: 0px 0px 0px 9px;
	padding: 5px 0px 0px 0px;
	font-weight:bold;
	border-top: solid 1px #ccc;
	font-size: 10px;
}

.separa
{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    border-top: solid 1px #ccc;
    width: 715px;
}

.divTitular 
{
	position: relative;
	float: right;
	right: 0px;
	padding: 0px;
	margin: 0px;
}

.localizador {color:#AA0000;margin: 0px 0px 20px 0px;font-family: Verdana, Arial;font-size: 11px;}
.localizador strong{color:#AA0000;}

.flechas {width:auto; text-align:center; border:solid 0px red;padding:0px 0px 0px 320px;margin:0px 0px 0px 0px;}