@charset "utf-8";

/*************************************/
/*       ADDITIVE DEFAULT 2008       */
/*************************************/

/**************** RESET NAVIGATORS *******************/

* { margin:0; padding:0; border:none; outline:none; font-size:1em }
html, body{ height: 100%; width:100%; font-family:"Trebuchet MS", Trebuchet, Arial, Calibri, Verdana; font-size:10px; cursor:default; color:black; font-size:11px; background-color:#EBEEF3 }

/**************** GENERAL *******************/


body{ margin:0px; overflow:hidden }
.MainBody{ background-color:#EBEEF3; background-image: url(Fondo.jpg); background-repeat: no-repeat; background-position: -10px 60px; overflow:hidden }
.SectionBody{  background-color:white;
   scrollbar-face-color:#6f9ac4;
   scrollbar-arrow-color:white;
   scrollbar-track-color:white;
   scrollbar-shadow-color:white;
   scrollbar-highlight-color:white;
   scrollbar-3dlight-color:white;
   scrollbar-darkshadow-Color:white;
 }
.Hide{ display:none }


/**************** MAIN PAGE INDEX *******************/

.Main{ width:800px; height:600px; overflow:hidden; margin:auto }

.AdditiveLogo{ float:left; width:146px; height:56px; background-image: url('AdditiveLogo.gif') }

.Menu{ float:left; width:271px; height:20px; background-color:#F5F6FB; clear:both; margin-bottom:1px; margin-left:0px; cursor:pointer; font-size:12px; line-height:20px; padding-left:20px; filter:alpha(opacity=30);
	opacity: .3; color:#26415B; font-weight:bold; *letter-spacing:2px ; font-family: Arial, Calibri, Verdana }
.Menu:hover{ background-color:white; background-image: url(mark.gif); background-repeat: no-repeat; background-position: left; color:#6f9ac4; filter: alpha(opacity=99); opacity:.99; }
.Wellcome{ margin-top:3px }
.English{ margin-top:50px }

.Inner{ float:left; width:800px; /*650*/ margin-bottom:1px; clear:both; margin-left:0px; overflow:hidden; height:350px }

/**************** CONTENT PAGES *******************/

.Content{ position:absolute; top:0px; left:0px; width:800px; height:350px; overflow:scroll; overflow-x:hidden }
#Showreel{ overflow:hidden; background-color:#edf0f7 }
.ContentNews{}
.ContentServices{}
.ContentEngine{}
.ContentWorks{}
.ContentInside{}
.ContentClients{}

/**************** MAQUETA INTERNA *******************/

.Columna{ width:380px; float:left; height:auto; padding-bottom:40px }
.Banda{ width:100%; float:left; height:auto; padding-bottom:40px }

.Close{ float:right; background-color:#6f9ac4; width:17px; height:17px; cursor:pointer; background-image: url('Close.gif') }
.Close:hover{ background-image: url('CloseOver.gif') }

.P, p{ float:left; width:315px; clear:both; margin-left:20px; margin-right:20px; text-align:justify; text-decoration: none; /*text-indent: 1em;*/ margin-bottom:1em; color:#434c60 }
.Title{ float:left; clear:both; background-color:#6f9ac4; padding-left:20px; padding-right:10px; height:17px; line-height:18px; color:white; font-size:12px; margin-bottom:20px; }
.Subtitle{ float:left; width:315px; clear:both; margin-left:20px; margin-right:20px; text-align:left; text-decoration: none; margin-bottom:1em; color:#434c60; font-size:14px }
.H1, h1{}
.H2, h2{ color:#006699; font-family: Arial, Helvetica, sans-serif; text-align: justify; font-size: 12px; text-decoration: none; font-weight: bold }
.H3, h3{ color:black; font-family: Arial, Helvetica, sans-serif; text-align: justify; font-size: 11px; text-decoration: none; font-weight: bold; text-transform: none; font-variant: normal }

.RelLinks{ float:left; margin-left:20px; clear:both; font-size:12px; line-height:18px }
ul{	margin-left:20px; margin-bottom:1em; text-align: left }

a{ color:#336699; text-decoration:none; cursor:pointer }
a:hover{ color:#0099FF }

.AppearDiv{	float:left; margin-bottom:10px; margin-top:5px; text-align: justify; border:none; width:100%; padding-bottom:10px }	
.Notice{ border-bottom:solid 1px white; border-top:solid 1px white; padding-bottom:10px; padding-top:10px; }
.Notice:hover{}
.NewImage{  width:60px; height:60px; float:left; margin-right:10px }


/*******PARTICULARES********/

.Client{ float:left; margin:15px; }
.XSELogo{ float:left; width:103px; height:112px; background-image:url(../../Images/XSE.gif) }
.Copyright{ position:absolute; width:15px; height:15px; bottom:0px; color:#black; font-size:11px; line-height:15px; cursor:pointer }
.Copyright:hover{ background-color:#6f9ac4; color:white }
.CopyrightIn{ position:absolute; left:15px; height:15px; bottom:0px; color:white; font-size:11px; background-color:#6f9ac4; line-height:15px; }


/**************** PROJECTS & CREW *******************/

.ArrowLeft{ position:absolute; left:0px; background-image: url('Left.gif'); width:19px; height:19px; cursor:pointer; margin-top:165px}
.ArrowLeft:hover{background-image: url('LeftOver.gif') }
.ArrowRight{ position:absolute; right:17px; background-image: url('Right.gif'); width:19px; height:19px; cursor:pointer; margin-top:165px}
.ArrowRight:hover{background-image: url('RightOver.gif') }


/******** WORKS ********/

.Project{ width:728px; height:auto; margin-right:20px; margin-left:20px; float:left; text-decoration:none; color:#434c60; border-bottom:solid 1px white; border-top:solid 1px white; padding:5px;  padding-top:10px;  padding-bottom:10px; clear:both }
.Project:hover{}
.ProjectImg{ width:140px; height:50px; margin-right:10px; float:left; cursor:pointer }
.MiniImg{ width:70px; height:50px; float:left; margin:0px; cursor:pointer; padding:8px; border:solid 1px white }
.MiniImg:hover{ border:solid 1px #6f9ac4 }

/*******IMGSHOW*******/
.ImgBack{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000000; filter: alpha(opacity=80); opacity: .8; cursor:pointer; color:#FFFFFF; line-height:500px; font-weight:bold; text-align:center; font-size:14px }
.ImgShow{ position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer; background-repeat: no-repeat; background-position: center center; background-image: url('') }