﻿/*
 * FILMAC WEB STRUCTURE v1.0.0.0
 * 
 * Fecha: 29/10/2009
 * Autor: Btorres
 * Descripción: Estilos comunes a toda la aplicación
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,center,u,b,i {
border:0;
outline:0;
font-weight:400;
font-style:normal;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}


/*   genericos  */
 body{ 
  	background-color: #A6A797;	
	font-family: Arial;
	font-size: 10px;
	color: #7F7F7F;	
	
 }
 
p{
	margin: 0em;
	padding: 0.4em 0em 0.4em 0em;
}

a { text-decoration:none;}

h1 {color:#E30D1D; font-size: 10px; padding:0px 0px 5px 0px; margin: 0px;}

strong {color:#E30D1D;}

input{ 
  font-family:arial; 
  font-size:10px; 
  border-color:#7f7f7f; 
  border-width:1px; 
  color:#7f7f7f;
} 

textarea{ 
  font-family:arial; 
  font-size:10px; 
  border-color:#7f7f7f; 
  border-width:1px; 
  color:#7f7f7f;
}

#inputradio
{
	float:left;
	border:solid 0px red;
}

#inputradio input
{
	float:left;
	border:0;
}

ul {
list-style:none;
}


/* Zona de contenido principal */

#mainContent
{
    position:relative;    
    padding: 0px 0px 0px 0px;
    border:solid 0px #000;
    margin: 0px;
    float:left;
}


 /*   maquetacion  */
#contenedor{			
	background-color: #FFF;
	width : 1000px;
	height: 635px;	
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -305px 0 0 -500px;
	border:solid 0px red;
	z-index:-2;
}
#menu{	
	float: left;
	margin-top: 8px;	
	margin-left: 130px;
	width: 122px;
	color:#000;
	left:0px;
	z-index: 1;
	position:relative;
	line-height:14px;
}
#menuN1{
	line-height: 6px;/* 0.6em */
}
#menuN2, #menuN4{		
	line-height: 6px;/* 0.6em */
	margin-top: 30px;
}
#menuN3{		
	line-height: 6px;/* 0.25em */
	margin-top: 30px;
}

#menu ul
{
	margin:0px 0px 30px 0px;
}
#contenidos_izq
{
	position:relative;
	float: left;
	width: 310px;	
	margin-top: 9px;
	margin-right: 5px;	
	border:solid 0px red;
	height:433px;
}
#contenidos_der
{
	position:relative;
	float: right;
	width: 320px; /* Albin 365px; */
	margin-top: 9px;	
	margin-right: 85px;	
	border:solid 0px red;
	padding:0px;
	overflow:hidden;
	height: 445px; /* Albin 455px;*/
}

#contenidos_izq_marcas
{
	position:relative;
	float: right;
	width: 127px;	
	margin-top: 9px;
	margin-right: 0px;	
	border:solid 0px red;
	height:412px;
}
#contenidos_izq_marcas a
{
	margin: 0px;
	padding: 0px;
	line-height:1.6;

}

#contenidos_der_marcas
{
	position:relative;
	float: right;
	width: 530px;
	margin-top: 13px;	
	margin-right: 85px;	
	border:solid 0px red;
	padding:0px;
	overflow:hidden;
	height:440px;
}

#contenidos_izq_proyectos
{
	position:relative;
	float: left;
	width: 260px;	
	margin-top: 9px;
	margin-right: 5px;	
	border:solid 0px red;
	height:412px;
}

#contenidos_der_proyectos
{
	position:relative;
	float: right;
	width: 320px; /* Albin 365px; */
	margin-top: 9px;	
	margin-right: 85px;	
	border:solid 0px red;
	padding:0px;
	overflow:hidden;
	height: 445px; /* Albin 455px;*/
}

#contenidos_izq_estudio
{
	position:relative;
	float: left;
	width: 160px;	
	margin-top: 5px;
	margin-right: 5px;	
	border:solid 0px red;
	height:420px;
	padding:0px 0px 0px 32px;
}
#contenidos_der_estudio
{
	position:relative;
	float: right;
	width: 390px;
	margin-top: 7px;	
	margin-right: 85px;	
	border:solid 0px red;
	padding:0px 60px 0px 0px;
	overflow:hidden;
	height:445px;
	line-height:1.6;
}

#contenidos_izq_equipo
{
	position:relative;
	float: left;
	width: 700px;
	margin: 0px 5px 0px 30px;
	border:solid 0px red;
	height:420px;
	line-height:1.6;
}
#contenidos_der_equipo
{
	position:relative;
	float: right;
	width: 0px;
	margin-top: 5px;	
	margin-right: 85px;	
	border:solid 0px red;
	padding:0px 60px 0px 0px;
	overflow:hidden;
	height:445px;
}

#contenidos_izq_equipo .equipoImg
{
	position:relative;
	float:left;
	width:300px;
	border:solid 0px red;
	margin: 10px 0px 0px 0px;
}

#contenidos_izq_equipo .equipoLinea
{
	position:absolute;		
	width:360px;
	border-top:solid 1px #ccc;
	margin: 7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	left:0px;
	z-index:-1;
}

#contenidos_izq_equipo .equipoTexto
{
	position:absolute;
	float:left;
	width:200px;
	padding: 0px 0px 0px 367px;
	border:solid 0px red;
	left:0px;	
}
/*--------------------------------*/
/* Equipo */

#fotosEquipo img{	
	margin: 7px 0px 5px 0px;
	float:left;		
}
p.textoEquipo {
	margin: 0em;
	padding: 0em 0em 0em 0em;	
	line-height:120%
}
p.tituloEquipo {
	color:#E30D1D;
	margin: 0em;
	padding: 0em 0em 0em 0em;	
}
/*--------------------------------*/
#contenidos_izq_contacto
{
	position:relative;
	float: left;
	width: 590px;	
	margin-top: 5px;
	margin-right: 5px;	
	border:solid 0px red;
	height:420px;
}

/*   elementos */
#logo{	
	height: 40px;	
	/*background-image: url(../../gifs/logo_cosin.gif);*/
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0px 0px 0px 130px;
	padding: 43px 0px 0px 0px;
	border:solid 0px red;
	z-index:40;
}

#texto{		
	float: left;
	width: 262px;
	text-align: left;	
}
#titulo{		
	color:#E30D1D;
}
#imagenes{		
	float: right;		
	width: 320px;	
}
#paginador{	
	float: right;
	margin-top: 3px;
	
}


/* Albin */

body a {
    color: #7F7F7F;	
}
#menu a {
    text-decoration: none;
}
#menu .submenu {
    display: none;
}

#gmapContacto {
width:309px;
height:355px;
border:solid 0px #000;
z-index:0;
position:absolute;
margin:0px;
bottom:0px;
border:solid 0px red;
}

#divGaleria 
{
float:right;
width:350px;
height:300px;
border:solid 0 #ccc;
z-index:0;
position:relative;
margin:1px;
}

#ctl00_flash
{
	position:relative;
	z-index:0;
}

#pie 
{
	background-color: #A6A797;	
	text-align:center;
	width : 1000px;
	height: 15px;	
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	border:solid 0px red;
	
	padding: 10px 0px 0px 0px;
}
#pie a{
	color: #fff;
	text-decoration: underline;
}

.menusel {color:#E30D1D;}

#divUrl 
	{
	position:absolute;
	border:solid 0px red;
	bottom:10px;
	z-index:20;
	}
#divUrl1 
	{
	position:absolute;
	border:solid 0px red;
	bottom:0px;
	z-index:20;
	}

/* Estudio*/

/*
 *  Contacto: elementos específicos
 */ 

#form {width:590px;border:solid 0px red;}
#form .formRow
{
	clear: both;
	float:left;
    padding: 0px 0px 0px 0px;
    margin-bottom:5px;
    border:solid 0px red;
    height:35px;
}

#form .formRow1
{
	clear: both;
	float:left;
    padding: 0px 0px 0px 0px;
    margin-bottom:5px;
    border:solid 0px red;
 
}
#form .formColLeft
{
	width: 150px;
	float: left;
	margin-right:14px;
}
#form .formColRight
{
	width: 300px;
	float: left;
	margin-right:4px;
	text-align:left;
}

#form .formRowControls
{
	clear: both;
	float:left;
    padding: 0px 0px 0px 160px;
    margin-bottom:5px;
    width:285px;
    text-align: left;
    border:solid 0px red;
}

#form .formbotones {float:right;padding:5px 10px 20px 10px;}

.formInput {width:590px;}
.formInput1 {width:130px;}
.formerror {color:#E30D1D;}



/* Nota legal*/
#contenidos_izq_notalegal
{
	position:relative;
	float: left;
	width: 670px;	
	margin-top: 9px;
	margin-right: 0px;	
	border:solid 0px red;
	
}

#notalegal {
border:solid 0px red;
margin:10px 0px 0px 0px;
}

#notalegal ul {
list-style:square;
padding:0px 0px 0px 15px;
}

.container {width: 670px; margin: 0px auto;font-family: Arial;font-size: 10px;}
.container strong { font-weight:bold;color:#000; margin:0px 0px 0px 0px;}

.formRadio
{
	width:345px;
}

.hidden {visibility:hidden;}


#redes{position:absolute;bottom:100px;left:131px;z-index:200;color:#444; letter-spacing:1px;}
#redes a{color:#444;}



