@charset "utf-8";
/* CSS Document */

/* CSS Document */

/*************************************************************/
/*   Css Development:   SitesStudio.com                       */
/*                      Global layout and formatting styles   */
/*   Date:              April , 2009                        */
/*   Site:              www.tetriberica.pt                    */
/*-----------------------------------------------------------*/
/************************************************************************


/*************************/
/* 1-  BODY/CONTAINERS */
/*************************/

/* 1.1 - Global body definitions and css reset */

/*--- reset ------------*/
a{ overflow: hidden;}
q {margin: 0;padding: 0; border: 0;outline: 0; overflow:hidden; }
* {margin: 0;padding: 0;} 
a:focus { outline: 0; }
img, a img, :link img, :visited img {border: 0;}
object {outline: none;} 
body {font-size: 100.01%; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; background-color: #000000; }
html, body { min-height: 100%; height: 100%; }
html { min-height: 100%; margin-bottom: 1px; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* 1.1 - End Body definitions */

/* 1.2 - Global Container */
#container {width: 960px;  margin: 0 auto; }
/* 1.2 - End Global container */

/*************************/
/* 2- Header/Navigation */
/*************************/
/* 2.0 - Header Container */
.header-container { width: 960px; height:96px; margin-top: 15px; float:left; z-index:2; }

/* 2.1 - Logo*/
.logotipo { width:960px; height: 70px; }

/* 2.2 - Menu Container */
.menucontainer { width: 960px; height: 26px; float:left; }

/* 2.3 - Main menu and sub buttons */
.mainmenu { width:690px; float:left; height: 26px; }


/*Subnav company*/
.subnav-header-company { width: auto; height: 16px; float:right; padding: 6px 0px 0px 0px; text-align:right; font-size:9px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
.subnav-header-company ul { margin: 0; padding: 0; }
.subnav-header-company ul li { list-style-type: none; display: block;  border-right: 1px solid #FFFFFF; float:left; line-height:12px; vertical-align: middle;}
.subnav-header-company ul li a, .subnav-header-company ul li a:visited { text-decoration:none; color: #FFFFFF; padding: 1px 7px 0px 7px; }
.subnav-header-company ul li a:hover { text-decoration:none; background-color:#FFFFFF; color: #000000;}
.subnav-header-company ul li:first-child  {border-left: 1px solid #FFFFFF; padding: 0px 0px 0px 0px;}


/*Subnav studio*/
.subnav-header-studio { width: auto; height: 16px; float:right; padding: 6px 0px 0px 0px; text-align:right; font-size:9px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
.subnav-header-studio ul { margin: 0; padding: 0; }
.subnav-header-studio ul li { list-style-type: none; display: block;  border-right: 1px solid #78291C; float:left; line-height:12px; vertical-align: middle;}
.subnav-header-studio ul li a, .subnav-header-studio ul li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 7px 0px 7px; }
.subnav-header-studio ul li a:hover { text-decoration:none; background-color:#FFFFFF; color: #000000;}
.subnav-header-studio ul li:first-child  {border-left: 1px solid #78291C; padding: 0px 0px 0px 0px;}
.subnav-header-studio ul li.selected a, .subnav-header-studio ul li.selected a:visited { text-decoration:none; background-color:#FFFFFF; color: #000000;}
.subnav-header-studio ul li.selected a:hover { text-decoration:none; background-color:#FFFFFF; color: #000000;}

/*Subnav merchandising*/
.subnav-header-merchandising { width: auto; height: 16px; float:right; padding: 6px 0px 0px 0px; text-align:right; font-size:9px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
.subnav-header-merchandising ul { margin: 0; padding: 0; }
.subnav-header-merchandising ul li { list-style-type: none; display: block;  border-right: 1px solid #D7BEA9; float:left; line-height:12px; vertical-align: middle;}
.subnav-header-merchandising ul li a, .subnav-header-merchandising ul li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 7px 0px 7px; }
.subnav-header-merchandising ul li a:hover { text-decoration:none; background-color:#FFFFFF; color: #000000;}
.subnav-header-merchandising ul li:first-child  {border-left: 1px solid #D7BEA9; padding: 0px 0px 0px 0px;}

/*Subnav industry*/
.subnav-header-industry { width: auto; height: 16px; float:right; padding: 6px 0px 0px 0px; text-align:right; font-size:9px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
.subnav-header-industry ul { margin: 0; padding: 0; }
.subnav-header-industry ul li { list-style-type: none; display: block;  border-right: 1px solid #363638; float:left; line-height:12px; vertical-align: middle;}
.subnav-header-industry ul li a, .subnav-header ul li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 7px 0px 7px; }
.subnav-header-industry ul li a:hover { text-decoration:none; background-color:#FFFFFF; color: #000000;}
.subnav-header-industry ul li:first-child  {border-left: 1px solid #363638; padding: 0px 0px 0px 0px;}

/*Subnav laboratory*/
.subnav-header-laboratory { width: auto; height: 16px; float:right; padding: 6px 0px 0px 0px; text-align:right; font-size:9px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
.subnav-header-laboratory ul { margin: 0; padding: 0; }
.subnav-header-laboratory ul li { list-style-type: none; display: block;  border-right: 1px solid #DEDFE0; float:left; line-height:12px; vertical-align: middle;}
.subnav-header-laboratory ul li a, .subnav-header ul li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 7px 0px 7px; }
.subnav-header-laboratory ul li a:hover { text-decoration:none; background-color:#FFFFFF; color: #000000;}
.subnav-header-laboratory ul li:first-child  {border-left: 1px solid #DEDFE0; padding: 0px 0px 0px 0px;}




/*************************/
/* 3-  Content layout */
/*************************/

/* 3.1 - homepage layout */
.video { width: 960px; height:568px; margin: 150px 0px 0px 0px; z-index:1;  }
.skipintro { width: 960px; text-align:right; font-size: 10px;  color:#CCCCCC; font-family: Arial, Helvetica, sans-serif; margin: 20px 0px 0px 0px; text-transform:uppercase;}
.skipintro a { color:#CCCCCC; text-decoration:none;}
.skipintro a:visited { color:#CCCCCC; text-decoration:none;}
.skipintro a:hover { color: #FFFFFF; text-decoration:none;}


/* 3.2 - Global Layout */
.wrapper {float: left; width: 960px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index:1; }
.intro-images { width: 960px; margin:0; padding:0; }
.bottom-line { width: 960px; margin: 15px 0px 0px 0px;}
.bottom-nav { width: 600px; float:left;}
.bottom-nav-studio { width: 600px; float:left;}
.bottom-nav-merchandising { width: 600px; float:left;}
.bottom-nav-industry { width: 600px; float:left;}
.bottom-nav-laboratory { width: 600px; float:left;}
.bottom-nav-new { width: 600px; float:left;}
.credits { width:360px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color:#FFFFFF; text-align:right;}
.intro-login { width: 960px; margin:0; padding:0; background: #000000; height: 540px; border: 1px solid #FFFFFF; }
.login-box{ width: 400px; background:#000000; padding: 100px 0px 0px 320px;  text-align:left; float:left;}
.login-box p { line-height: 16px; padding: 18px 0px 0px 0px; color:#FFFFFF; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:13px; clear:both;}
form dt {padding: 0px 10px 0px 0px;width:80px;float:left;text-align:left;color:#FFFFFF;font-size:12px; line-height: 22px;}
form dd {float:left;width:235px;margin:0 0 0.4em 0;}
.inputtext {width: 194px;	height: 16px;margin-bottom:5px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; line-height: 16px;	color: #333333;	background-color: #DDDDDD;	padding: 2px; border: 1px solid #CCCCCC; }
.button { margin: 4px 130px 0px 0px;}


/*Content areas*/
.fashioncompany-content { width: 960px; height: 540px; background-color:#FFFFFF;}
.fashionstudio-content { width: 960px; height: 540px; background-color:#78291C; color:#FFFFFF;}
.fashionmerchandising-content { width: 960px; height: 540px; background-color:#D7BEA9; color:#FFFFFF;}
.fashionindustry-content { width: 960px; height: 540px; background-color:#363638; color:#FFFFFF;}
.contactos-content { width: 960px; height: 540px; background-color:#78291C; color:#FFFFFF;}
.contactos-content a, .contactos-content a:visited { color:#FFFFFF; text-decoration:none;}
.contactos-content a:hover { color:#FFFFFF; text-decoration:underline;}
.laboratory-content { width: 960px; height: 540px; background-color:#DEDFE0; color:#000000;}
.laboratory-content a, .laboratory-content a:visited { text-decoration:none; color:#333333; font-weight:bold;}
.laboratory-content a:hover { text-decoration:underline;}


.content-left { width: 320px; height: 540px; float:left; }
.content-left p { padding: 15px 20px 0px 20px; line-height: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left;}
.content-right { width: 640px; height: 540px; float:left; }


/*Contactos*/
.formulario-container { float:left; width: 630px; padding: 10px 10px 10px 0px; height: 220px; font-size: 12px;}
* html .formulario-container { float:left; width: 630px; padding: 10px 0px 10px 0px; height: 220px; font-size: 12px;}
.formulario-left { float:left; width: 295px; padding: 0px 20px 0px 0px;}
.formulario-left p { padding: 0px 0px 10px 0px; clear:both;}
.f-txt { width: 210px; height: 18px; border: 1px solid #CCCCCC; margin: 0px 0px 0px 5px;}
.news-but { margin: 0px 3px 0px 0px;}
.form-l { width: 75px; padding:0; margin:0; float:left;}
.input-select {width: 210px; height: 18px; border: 1px solid #CCCCCC; margin: 10px 0px 4px 5px; }

.formulario-right { float:left; width: 295px; padding: 0px 20px 0px 0px;}
* html .formulario-right { float:left; width: 275px; padding: 0px 20px 0px 0px;}
.formulario-right p { padding: 0px 0px 10px 0px; clear:both;}
.input-msg {width: 295px; border: 1px solid #CCCCCC; height:116px; margin: 10px 0px 0px 0px;}
* html .input-msg {width: 275px; border: 1px solid #CCCCCC; height:116px; margin: 10px 0px 0px 0px;}
.formulario-container h3 { font-size: 15px; font-weight:bold; padding: 0px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; color:#F5F5F5; clear:both; margin: 0px 0px 12px 0px; border-bottom: 1px dotted #E69F93;}


.aterragem { width: 640px; float:left; background: url(image/fundo-envio-sucesso.jpg) no-repeat; margin: 10px 0px 0px 0px; height: 200px;  }
.aterragem h3 { font-size: 18px; color:#FFFFFF; padding: 8px 0px 5px 90px;}
.aterragem p { font-size: 12px; padding:0px 0px 10px 90px;}



/*Bottom Navigation fcompany*/
.bot-nav { width: 500px;  font-size:10px; font-family: Arial, Helvetica, sans-serif;  text-align:left; text-transform:uppercase; }
.bot-nav ul { margin: 0; padding: 0; }
.bot-nav li { list-style-type: none; display: block;  border-right: 1px solid #FFFFFF; float:left;}
.bot-nav li a, .subnav-header li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 8px 0px 8px; }
.bot-nav li a:hover { text-decoration:none; background-color:#FFFFFF; color:#000000;}
.bot-nav ul li:first-child  {border-left: 1px solid #FFFFFF; padding: 0px 0px 0px 0px;}
/*Bottom Navigation*/

/*Bottom Navigation fstudio*/
.bot-nav-studio { width: 500px;  font-size:10px; font-family: Arial, Helvetica, sans-serif;  text-align:left; text-transform:uppercase; }
.bot-nav-studio ul { margin: 0; padding: 0; }
.bot-nav-studio li { list-style-type: none; display: block;  border-right: 1px solid #78291C; float:left; }
.bot-nav-studio li a, .subnav-header li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 8px 0px 8px; }
.bot-nav-studio li a:hover { text-decoration:none; background-color:#FFFFFF; color:#000000;}
.bot-nav-studio ul li:first-child  {border-left: 1px solid #78291C; padding: 0px 0px 0px 0px;}
/*Bottom Navigation*/

/*Bottom Navigation fmerchandising*/
.bot-nav-merchandising { width: 500px;  font-size:10px; font-family: Arial, Helvetica, sans-serif;  text-align:left; text-transform:uppercase; }
.bot-nav-merchandising ul { margin: 0; padding: 0; }
.bot-nav-merchandising li { list-style-type: none; display: block;  border-right: 1px solid #D7BEA9; float:left; }
.bot-nav-merchandising li a, .subnav-header li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 8px 0px 8px; }
.bot-nav-merchandising li a:hover { text-decoration:none; background-color:#FFFFFF; color:#000000;}
.bot-nav-merchandising ul li:first-child  {border-left: 1px solid #D7BEA9; padding: 0px 0px 0px 0px;}
/*Bottom Navigation*/

/*Bottom Navigation fmerchandising*/
.bot-nav-industry { width: 500px;  font-size:10px; font-family: Arial, Helvetica, sans-serif;  text-align:left; text-transform:uppercase; }
.bot-nav-industry ul { margin: 0; padding: 0; }
.bot-nav-industry li { list-style-type: none; display: block;  border-right: 1px solid #363638; float:left; }
.bot-nav-industry li a, .subnav-header li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 8px 0px 8px; }
.bot-nav-industry li a:hover { text-decoration:none; background-color:#FFFFFF; color:#000000;}
.bot-nav-industry ul li:first-child  {border-left: 1px solid #363638; padding: 0px 0px 0px 0px;}
/*Bottom Navigation*/

/*Bottom Navigation flaboratory*/
.bot-nav-laboratory { width: 500px;  font-size:10px; font-family: Arial, Helvetica, sans-serif;  text-align:left; text-transform:uppercase; }
.bot-nav-laboratory  ul { margin: 0; padding: 0; }
.bot-nav-laboratory  li { list-style-type: none; display: block;  border-right: 1px solid #363638; float:left; }
.bot-nav-laboratory  li a, .subnav-header li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 8px 0px 8px; }
.bot-nav-laboratory  li a:hover { text-decoration:none; background-color:#FFFFFF; color:#000000;}
.bot-nav-laboratory  ul li:first-child  {border-left: 1px solid #DEDFE0; padding: 0px 0px 0px 0px;}
/*Bottom Navigation*/


/*Bottom Navigation new collection*/
.bot-nav-new { width: 500px;  font-size:10px; font-family: Arial, Helvetica, sans-serif;  text-align:left; text-transform:uppercase; }
.bot-nav-new ul { margin: 0; padding: 0; }
.bot-nav-new li { list-style-type: none; display: block;  border-right: 1px solid #363638; float:left; }
.bot-nav-new li a, .subnav-header li a:visited { text-decoration:none; color: #FFFFFF; padding: 0px 8px 0px 8px; }
.bot-nav-new li a:hover { text-decoration:none; background-color:#FFFFFF; color:#000000;}
.bot-nav-new ul li:first-child  {border-left: 1px solid #363638; padding: 0px 0px 0px 0px;}
.bot-nav-new ul li.selected a, .bot-nav-new ul li.selected a:visited { text-decoration:none; background-color:#FFFFFF; color: #000000;}
.bot-nav-new ul li.selected a:hover { text-decoration:none; background-color:#FFFFFF; color: #000000;}
/*Bottom Navigation*/





/*************************/
/* 4-  Lists */
/*************************/

ul.client-list {margin:25px 0px 10px 0px;padding:0; float:left; width: 160px; }
ul.client-list  li { padding:0px 0px 5px 10px; color: #ffffff;font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; list-style-type: none; list-style-position:inside; }


/*************************/
/* 5-  Spans */
/*************************/
.italic { font-style:italic; font-size: 9px; }
.grey { color:#999999; font-size: 9px;}

/*************************/
/* 6-  Slider */
/*************************/

.imageslider { width: 960px; float:left; height: 538px; border: 1px solid #FFFFFF; margin: 0px 0px 15px 0px; }
#slider{ width: 762px; margin: 39px 0px 0px 99px; background-color: #000000; }	
#slider ul, #slider li{	margin:0;	padding:0;	list-style:none;}
#slider li{	width:762px;height:462px; overflow:hidden;  }

span#prevBtn{ position:absolute; top: 406px; margin-left:50px; text-indent: -8000px; }
span#prevBtn a {background: url(image/slider-previous.gif) no-repeat 0 0; display:block; width: 34px; height: 34px; }

span#nextBtn{position:absolute; top: 406px; margin-left:875px; text-indent: -8000px;}
span#nextBtn a {background: url(image/slider-next.gif) no-repeat 0 0; display:block; width: 34px; height: 34px; }