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

body 
{
    background-color: #FFF;
	margin-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica;
	font-size:12px;
	color:#999;
}

form
{
    margin:0px;
    padding:0px;
}

h1
{    
    font-size: 18px;
    font-weight: bold;
}

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

a
{
    color:#DE623F;
}

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:921px;
  position:relative;
  border:solid 2px White;
}

img
{
	border:0px;
}

.marco
{
    height:14px;
}

.recorteIzq
{
    position:absolute;
}

.recorteDer
{
    position:absolute;
    right:0px;
}

/* 
 *  Cabecera
 */

#header
{
    position: relative;
    padding: 0px;
    margin: 2px 14px 118px 14px;    
    width: auto;    
    background-color: #FFFFFF;
    z-index: 1;
    
}

#header #logo
{
    position: relative;    
    width:330px;
    margin-right:70px;   
}

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

#header #menu
{
    position: absolute;    
    font-size: 10px;
    width: auto;
    right:0px;
}

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

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

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

#submenu
{
    position:absolute;
    width:485px;
    height:78px;
    top:26px;
    left:0px;
    visibility:hidden;
}

#submenu0
{
    position: absolute;
    padding-left:0px;
    
}

#submenu1
{
    position: absolute;
    padding-left:87px;
    
}

#submenu2
{
    position: absolute;
    padding-left:169px;
    
}

#footer
{
    
    position:relative;
	margin:30px 0px 20px 0px;
	width:921px;
	text-align:center;
	color:#999999;	
}

#footer a
{
	color:#999999;	
}

#base
{
  margin:0px auto;
  width:921px;
  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 .listTitle
{
   position: relative;
   font-weight: bold;
   background-color: #0d0d8c;
   color: #999999;         
   padding: 3px 3px 3px 5px;
}

#mainContent .listTitle2
{
   position: relative;
   font-weight: bold;
   background-color: #FE9900;
   color: #999999;         
   padding: 3px 3px 3px 5px;
}


#mainContent .listSubtitle
{
   position:relative;
   color: #999999;   
}

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


#contenido
{
    padding-top:20px;
	padding-left:40px;
	padding-right:20px;
}

.columna
{
    position:relative;
	float:left;
	padding-top:40px;
	padding-left:35px;
	padding-bottom:20px;
	width:410px;
}

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

.divimgficha
{
    float:right;
    position:relative;
}

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

.columnahome
{
    float:left;
}

#columnaIzq
{
    position:relative;
    float:left;
    width:350px;
    z-index:20;
    margin-top:10px;
    margin-left:3px;
}

.divOfi
{
    position:relative;
    width:100%;
    
}

#columnaDer
{
    
    float:right;
    width:480px;
    margin-top:10px;
    margin-bottom:70px;
    margin-left:45px;
}

#columnaDer p
{
    margin:1px 0px 2px 0px;
    padding:0px;
    line-height:13px;
}

#columnaDer a
{
    color:#999;
}

.firma
{
    text-align:right;
    margin-top:10px;
    position:absolute;
    top:350px;
    left:650px;
}

.italica
{
    font-style:italic;
}

.titColumnaDer
{
    font-size:14px;
    font-weight:bold;
}

.itemMes
{
    padding-top:5px;
    
}

/*estilos noticias*/
.listado
{
    padding-left:10px;
}

.filaNoticia
{
    margin-bottom:20px;
    
}

.fechaNoticia
{
    font-size:9px;
}

.stlImgNot
{
    float:left;
    margin:0px 10px 10px 0px;
}

.contNoticia
{
    margin-bottom:10px;
    width:430px;
}

.titNoticia
{
    padding:10px 0px;
    font-size:14px;
    font-weight:bold;
}

#botonesPag
{
    margin-top:20px;
    position:absolute;
    top:340px;
}

.titArticulo
{
    padding:5px 0px;
    font-size:13px;
    font-weight:bold;
}

.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:15px;
}

.paginas
{
     position:absolute;
     left:300px;
}

#scrollButtons
{
    position:absolute;
    right:15px;
    width:24px;
    top:0px;
}


#scrollButtons img
{
    margin-bottom:10px;
}

#paginador
{
    right:5px;
    width:24px;
    position:absolute;
    
}


#actualNews
{
    text-align:center;
}

#totalNews
{
    border-top:solid 1px #999999;
    text-align:center;
}

/*
 * 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%;
    
    border:solid 1px white;
   /* 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;   
    
    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:185px;
    text-align:right;
    margin-right:5px;
    font-weight:bold;
}

.filaform
{
 margin-bottom:5px;
 clear:both;   
}

.filaform input
{
 height:13px;   
 font-size:11px;
 border:1px solid #999999;
 margin-top:4px;
}

.filaform textarea
{
 font-size:11px;
 border:1px solid #999999;
 margin-top:4px;
}

.filaform a 
{
    color:#FFFFFF;
}

.respForm a
{
    color:#FFFFFF;
}

.etiqmail
{
    margin-left:80px   
}

.campomail
{
    margin-left:55px   
}

.avisoLegal
{
    font-style:italic;
    font-size:10px;
    margin-bottom:5px;
}

.botones
{
    text-align:right;
}

/*Curriculum*/
.imgBio
{
    width:360px;
    margin-right:20px;
}

.contenidoBio
{
    position:absolute;
    right:30px;
    width:480px;
    height:330px;
    top:0px;
}

.contenidoBio a
{
    color:#999;
}

#anyos
{
    position:relative;
    margin-left:30px;
    overflow:hidden;
    width:860px;
    height:20px;
}

#anyos a
{
   color:#999;
   text-decoration:none;
}

.separaAnyos
{
    color:#DE623F;
    font-size:15px;
}

#capaScrollIzq
{
    position:absolute;
    left:11px;
}

#capaScrollDer
{
    position:absolute;
    right:14px;
}

.divNavegacion
{
    position:relative;
    padding:35px 30px 15px 0px;
}

/*Estilos para proyectos*/

.imgProy
{
    float:left;
    margin:10px;
}

#listadoImgs
{
    position:relative;
    width:880px;
    margin:116px 20px 66px 12px;
    display:none;
}

#listadoColor
{
    display:none;
}

#cargador
{
    background-color:White;
    width:100%;
    height:100%;
    position:absolute;
    z-index:10;
    text-align:center;
    padding-top:100px;
}

#divBtns
{
    position:relative;
    margin-top:10px;
    margin-bottom:67px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

#divBtns table
{
    display:inline-block
}

#divBtns td
{
    margin:0px;
    padding:0px;
    font-size:11px;
}

#divBtns tr
{
    margin:0px;
    padding:0px;
}


#divBtns img
{
    display:inline;
    padding:0px 5px 0px 5px;
}

#identificador
{
   display:inline;
   margin:0px;
}

#numImgs
{
   width:20px;
}

#limiteImgs
{
    border-top:solid 1px #999999;
    width:20px;
}

#listadoGaleria
{
   position:relative;
}

.imgGal
{
    position:relative;
}

.descProy
{
    width:480px;
    height:80px;
    padding:5px 10px 5px 10px;
    color:#333333;
    z-index:40;
    line-height:13px;
}
.descProyOpc
{
    width:480px;
    height:80px;
    padding:3px 10px 5px 10px;
    z-index:2;
}

#suprema
{
    width:500px;
    height:335px;
    z-index:-20;
    position:relative;
    background-color:White;
}

#divRelaciones
{
    position:relative;
    z-index:30;
    border-bottom:solid 1px red;
    width:300px;
    height:40px;
    top:293px;
    color:#333333;
    padding:0px 10px 0px 10px;
}
/*Fin Estilos para proyectos*/

/*Estilos para el estudio*/
#gmap
{
    width:880px;
    height:330px;
    margin:5px 20px 123px 20px;
    border:solid 1px #999999;
}

#infogmaps
{
    padding:15px;
    width:250px;
}

#infogmaps p
{
    padding-top:10px;
    padding-bottom:5px;
}

.revistas
{
    margin-bottom:12px;
}

.revistas a
{
    color:#999;
    text-decoration:none;
}