/********************************************************
* OFCDesk, LLC - Copyright 2009
* CSS Version: 2.1
*********************************************************
* URL		: http://www.ofcdesk.com
* Filename	: styScreen.css
* Version	: 1.0
*
* Author	: OFCDesk, LLC
* Date		: 24/07/2009
********************************************************/


/********************************************************
=|generalcar
********************************************************/
*
{
	border:				none;
    font-family:        arial, sans-serif;
    font-size:          10px;
    margin:             0;
    padding:            0;
    text-align:         left;
    text-decoration:    none;
}

.text
{
    font-weight:        normal;
}

.textBold
{
    font-weight:        bold;
}

/********************************************************
=|container
********************************************************/
div#container
{
    display:            block;
    margin:             0 auto;
    width:              997px;
}

div#container h2
{
    background:         url(../Images/bgTitlePage.gif) no-repeat right bottom;
    border-bottom:      4px solid #353535;
    display:            block;
    margin:             35px 0 0 0;
    width:              997px;
}

div#container h2 span
{
    background:         #fff;
    display:            inline-block;
    font-size:          21px;
    font-weight:        bold;
    margin:             0 0 -8px 0;
    padding:            0 20px 0 0;
    white-space:        nowrap;
}


/********************************************************
=|header
********************************************************/
div#header
{
    display:            block;
    height:             130px;
    width:              997px;
}

/********************************************************
=|header > logo
********************************************************/
div#header h1#logo a
{
    background:         #e1e1e1 url(../Images/logoOFCDeskHeader.gif) no-repeat top left;
    display:            block;
    float:              left;
    height:             52px;
    margin:             34px 0 0 0;
    width:              267px;
}

div#header h1#logo a span
{
    display:            none;
}

/********************************************************
=|header > top menu
********************************************************/
div#header ul#topMenuLanguage
{
    float:              right;
    margin:             5px 0 0 -270px;
    *margin:            5px 0 0 -200px;    
    font-size:          10px;        
}

div#header ul#topMenuLanguage li
{
    color:              #ced0d3;
    display:            inline;
    font-family:        verdana, sans-serif;
    margin:             0 0 0 2px;
    padding:            0 1px 0 0;
    font-size:          10px;    
}
div#header ul#topMenuLanguage li a
{
    color:              #ced0d3;
    font-family:        verdana, sans-serif;
    font-size:          10px;
    font-weight:        bold;
}
div#header ul#topMenuLanguage li a:visited
{
    color:              #ced0d3;
    font-size:          10px;
}

div#header ul#topMenuLanguage li a:hover
{
    color:              #989b9e;
    font-size:          10px;
}

div#header ul#topMenuLanguage li a:active
{
    color:              #ced0d3;
    font-size:          10px;
}


div#header ul#topMenu
{
    float:              right;
    margin:             70px 0 0 0;
}

div#header ul#topMenu li
{
    border-right:       1px solid #b2c0d3;
    color:              #b2c0d3;
    display:            inline;
    font-family:        verdana, sans-serif;
    font-weight:        bold;
    margin:             0 0 0 3px;
    padding:            0 5px 0 0;
}

div#header ul#topMenu li a
{
    color:              #b2c0d3;
    font-family:        verdana, sans-serif;
    font-size:          11px;
    font-weight:        bold;
}

div#header ul#topMenu li a:visited
{
    color:              #b2c0d3;
}

div#header ul#topMenu li a:hover
{
    color:              #036;
}

div#header ul#topMenu li a:active
{
    color:              #036;
}

div#header ul#topMenu li.last
{
    border:             0;
    color:              #c1b2b3;
    padding:            0;
}

div#header ul#topMenu li.last a
{
    color:              #c1b2b3;
}

div#header ul#topMenu li.last a:visited
{
    color:              #c1b2b3;
}

div#header ul#topMenu li.last a:hover
{
    color:              #aa1f2f;
}

div#header ul#topMenu li.last a:active
{
    color:              #aa1f2f;
}

/********************************************************
=|header > top submenu
********************************************************/
div#header ul.topSubmenu
{
	clear:              right;
	display:            none;
	float:				right;
	margin:				3px 50px 0 0;
	white-space:        nowrap;
}

div#header ul.topSubmenu li
{
	display:			inline;
	margin:				7px 0 0 5px;
	padding:            0 5px 0 0;
}

div#header ul.topSubmenu li a
{
	color:              #b2c0d3;
	font-family:        verdana, sans-serif;
	font-weight:        bold;
	font-size:          11px;
}

div#header ul.topSubmenu li a:visited
{
    color:              #b2c0d3;
    font-weight:        bold;
}

div#header ul.topSubmenu li a:hover
{
    color:              #bcbe07;
    font-weight:        bold;
}

div#header ul.topSubmenu li a:active
{
    color:              #036;
    font-weight:        bold;
}


/********************************************************
=|home banner
********************************************************/
div#homeBanner
{
    display:            block;
    width:              997px;
}

div#homeBanner div#bannerMenu
{
    display:            block;
    width:              997px;
}

div#homeBanner div#bannerMenu p
{
    font-size:          24px;
}

div#homeBanner div#bannerMenu ul
{
    float:              right;    
}

div#homeBanner div#bannerMenu ul li
{
    display:            inline;
    
}

div#homeBanner div#bannerMenu ul li a
{
    color:              #000;
    font-size:          24px;
    margin:             0 0 0 10px;
}

div#homeBanner div#bannerImage
{
    display:            block;
    height:             289px;
    width:              997px;
}

/********************************************************
=|internal banner
********************************************************/
div#internalBanner
{
    display:            block;
    width:              997px;
}

div#internalBanner div#breadcrumber
{
    color:              #7e7e7e;
    display:            block;
    font-size:          16px;
    font-weight:        bold;
    margin:             0 0 4px 0;
    width:              997px;
}

div#internalBanner div#breadcrumber span
{
    color:              #000;
    font-size:          16px;
    font-weight:        bold;
    margin:             0 4px;
    padding:            0;
}

div#internalBanner div#breadcrumber span a
{
    color:              #7e7e7e;
    font-size:          16px;
    font-weight:        bold;
    margin:             0 4px;
    padding:            0;
}

div#internalBanner div#breadcrumber span a:hover
{
    color:              #bcbe07;
    font-size:          16px;
    font-weight:        bold;
    margin:             0 4px;
    padding:            0;
}

div#internalBanner div#bannerImage
{
    background:         #000;
    display:            block;
    height:             142px;
    width:              997px;
}

div#internalBanner div#bannerImageExpressZ
{
    background:         url(../Images/InternalBanners/PicExpressZoneBanner.jpg) no-repeat top left;
    display:            block;
    height:             142px;
    width:              997px;
}

/********************************************************
=|Area menu express zone Home
********************************************************/
div#expresszonehome
{
    width:              947px;
    height:             200px;
    margin-top:         5px;

}
div#expresszonehome .imageExpress
{
    width:              750px;
    height:             30px;
    padding-top:        20px;
    padding-bottom:     -20px;

}
div#expresszonehome .flashExpress
{
    float:                none;
    text-align:           center;
 
}

/********************************************************
=|Paginas de Alerta area
********************************************************/
div#alertDiv
{
    font-size:          26px;
    color:              #3a3a3a;
    
}

div#alertDiv img
{
    padding:          40px;
    
}

/********************************************************
=|boxes area
********************************************************/
div#boxesArea
{
    display:            block;
    height:             184px;
    margin:             25px 0 53px 0;
    overflow:           hidden;
    width:              997px;
}

div#boxesArea div.box
{
    border-right:       1px solid #bcbcbc;
    display:            block;
    float:              left;
    height:             210px;
    padding:            0 29px 0 29px;
    width:              140px;
}

div#boxesArea div.boxLast
{
    border:             none;
    display:            block;
    float:              left;
    padding:            0 29px 0 29px;
    width:              141px;
}

div#boxesArea div h4
{
    color:              #545454;
    font-size:          18px;
}

div#boxesArea div p
{
    color:              #545454;
    margin:             20px 0 0 0;
    font-size:          11px;
}

div#boxesArea div a
{
    float:              right;
    margin:             30px 0 0 0;
    text-decoration:    underline;
    font-size:          11px;
    color:              #545454;
    font-weight:        bold;    
}

div#boxesArea div a:hover
{
    font-weight:        bold;
    text-decoration:    none;
}


/********************************************************
=|content
********************************************************/
div#content
{
    display:            block;
    float:              right;
    margin:             30px 0 73px 0;
    overflow:           hidden;
    width:              808px;
}

div#content p
{
    display:            block;
    font-size:          12px;
    margin:             10px 0 0 0;
}

div#content a
{
    font-size:          12px;
    font-weight:        bold;
}

div#content h3
{
    color:              #8f8f8f;
    display:            block;
    font-size:          18px;
    font-weight:        bold;
    height:             28px;
}

/********************************************************
=|content ExpressZone
********************************************************/
div#contentEZ
{
    display:            block;
    float:              right;
    margin:             30px 0 73px 0;
    overflow:           hidden;
    width:              997px;

}

div#contentEZ p
{
    display:            block;
    font-size:          12px;
    margin:             10px 0 0 0;
}

div#contentEZ a
{
    font-size:          12px;
    font-weight:        bold;
}

div#contentEZ h3
{
    color:              #8f8f8f;
    display:            block;
    font-size:          18px;
    font-weight:        bold;
    height:             28px;
}
.msgerrorEZ
{
    width:              400px;
    margin-left:        30px;
    margin-bottom:      30px;
    color:              #FF0000
}


/********************************************************
=|content > forms
********************************************************/
div#content fieldset, div#contentEZ fieldset
{
	display:			block;
	overflow:			hidden;
	padding:			10px;
}

div#content fieldset legend, div#contentEZ fieldset legend
{
    display:            block;
    font-size:          13px;
    font-weight:        bold;
}

div#content fieldset ul, div#contentEZ fieldset ul
{
    list-style:         none;
}

div#content fieldset ul li, div#contentEZ fieldset ul li
{
	margin:				0 0 15px 0;
}

div#content fieldset ul li.quarterBlock, div#contentEZ fieldset ul li.quarterBlock
{
	float:				left;
	margin:				0 10px 15px 0;
	width:				120px;
}

div#content fieldset ul li.quarter3Block, div#contentEZ fieldset ul li.quarter3Block
{
	float:				left;
	margin:				0 10px 15px 0;
	width:				330px;
}

div#content fieldset ul li.halfBlock, div#contentEZ fieldset ul li.halfBlock
{
	float:				left;
	margin:				0 10px 15px 0;
	width:				235px;
}

div#content fieldset ul li.fullBlock, div#contentEZ fieldset ul li.fullBlock
{
	float:				left;
	margin:				0 10px 15px 0;
	width:				480px;
}

div#content label, div#contentEZ label
{
	color:              #8f8f8f;
	display:			block;
	font-size:          11px;
	font-weight:		bold;
	margin:				0 0 2px 0;
}

div#content input, div#contentEZ input
{
	background:			#f5f5f5;
	border:				1px solid #8f8f8f;
	display:			block;
	font-size:          12px;
	height:             18px;
	width:				100%;
	margin:				0 0 10px 0;
	padding:            2px 0 0 0;
}

div#content span.radio input, div#contentEZ span.radio input
{
    float:              left;
    width:              30px;
}

div#content span.radio label, div#contentEZ span.radio label
{
    float:              left;
    width:              180px;
}

div#content select, div#contentEZ select
{
	background:			#f5f5f5;
	border:				1px solid #8f8f8f;
	font-size:          12px;
	height:             22px;
	margin:				0 0 10px 0;
}

div#content select.date, div#contentEZ select.date
{
	font-size:          12px;
	width:				68px;
}

div#content select.combo, div#contentEZ select.combo
{
    font-size:          12px;
    width:				238px;
}

div#content textarea, div#contentEZ textarea
{
	background:			#f5f5f5;
	border:				1px solid #8f8f8f;
	display:			block;
	font-size:          12px;
	margin:				0 0 10px 0;
	width:				100%;
	
}

div#content input.button, div#contentEZ input.button
{
	background:         url(../Images/bgButton.jpg) no-repeat top left;
	border:             none;
	clear:				both;
	display:			block;
	float:              right;
	font-size:          12px;
	font-weight:        bold;
	height:             20px;
	text-align:         center;
	width:              125px;
	cursor:             pointer;
}

div#content input.buttonGray, div#contentEZ input.buttonGray
{
	background:         url(../Images/bgButton.jpg) no-repeat top left;
	border:             none;
	clear:				both;
	display:			block;
	float:              right;
	font-size:          12px;
	font-weight:        bold;
	height:             20px;
	text-align:         center;
	width:              125px;
	cursor:             pointer;	
}

/********************************************************
=|content > list
********************************************************/
div#content ul.list
{
    display:            block;
}

div#content ul.list li
{
    font-size:          12px;
}

div#content ul.list li a
{
    font-size:          12px;
}

div#content ul.listError
{
    display:            block;
    margin:             0 0 20px 0;
}

div#content ul.listError li
{
    font-size:          12px;
    font-weight:        bold;
}

/********************************************************
=|content > catalog
********************************************************/
div#content table#catalog
{
    border-collapse:    collapse;
    clear:              both;
    margin:             40px 0 30px 0;
    padding:            0;
    width:              100%;
}

div#content table#catalog tr th
{
    border-bottom:      2px solid #555;
    color:              #555;
    font-size:          12px;
    font-weight:        bold;
    height:             30px;
    white-space:        nowrap;
}

div#content table#catalog tr td
{
    border-bottom:      1px solid #ccc;
    font-size:          11px;
    height:             55px;
    white-space:        nowrap;
    
}

div#content table#catalog tr td.manufacturer
{
    width:              550px;
}

div#content table#catalog tr td.infoIcon
{
    width:              110px;
}

/********************************************************
=|content > main content bar
********************************************************/
div#content div#mainContentBar
{
    border-top:         1px solid #b7b7b7;
    display:            block;
    height:             24px;
    margin:             0 0 25px 0;
}

/* linha especial Express Zone */
div#contentEZ div#mainContentBar
{
    border-top:         1px solid #b7b7b7;
    display:            block;
    height:             24px;
    margin:             0 0 25px 0;
}

div#content div#mainContentBar div#textSizeBox
{
    background:         #efefef;
    border-left:        1px solid #b7b7b7;
    border-right:       1px solid #b7b7b7;
    border-bottom:      1px solid #b7b7b7;
    display:            block;
    float:              right;
    height:             23px;
    width:              116px;
    *margin-top:        -13px;
}

div#content div#mainContentBar div#textSizeBox span
{
    display:            block;
    float:              left;
    font-size:          11px;
    font-weight:        bold;
    padding:            5px 0 0 5px;
}

div#content div#mainContentBar div#textSizeBox a
{
    background:         #cdcdcd;
    color:              #353535;
    display:            block;
    float:              right;
    font-size:          11px;
    font-weight:        bold;
    height:             16px;
    margin:             2px 2px 0 0;
    padding:            3px 0 0 0;
    text-align:         center;
    width:              19px;
}

div#content div#mainContentBar div#textSizeBox a:visited
{
    color:              #353535;
}

div#content div#mainContentBar div#textSizeBox a:hover
{
    color:              #353535;
}

div#content div#mainContent div#mainContentBar div#textSizeBox a:active
{
    color:              #353535;
}

/********************************************************
=|content > main content
********************************************************/
div#content div#mainContent
{
    display:            block;
    float:              right;
    width:              520px;
}

/********************************************************
=|institutional > clientBox
********************************************************/
div.clientsBox
{
    display:            block;
    float:              left;
    width:              100px;
    height:             100px;
    background-color:   #000;
    margin:             15px 15px 15px 15px;
}

/********************************************************
=|content > additional content
********************************************************/
div#content div#additionalContent
{
    display:            block;
    float:              right;
    margin:             0 0 0 27px;
    width:              261px;
}

div#content div#additionalContent2
{
    display:            block;
    float:              left;
    margin:             10px 0 0 27px;
    width:              261px;
    padding-top:        30px;
}

/********************************************************
=|content > request form
********************************************************/

div#requestForm
{
    /*background:         url(../Images/bgCatalogBalloonForm.gif) no-repeat top left;*/
    background:         #FAFAFA;
    border:             1px solid #ccc;
    display:            none;
    height:             250px;
    position:           absolute;
    z-index:            100;
    width:              380px;
}

div#requestForm h3
{
    float:              left;
    font-size:          14px;
    margin:             15px 0 10px 45px;
    padding:            0;
}

div#requestForm a
{
    float:              right;
    margin:             15px 20px 10px 0;
    padding:            0;
    font-size:          18px;
    color:              #000;
    text-decoration:    none;
    font-weight:        bold;
    font-family:        Verdana;
}

div#requestForm label
{
    clear:              left;
    float:              left;
    height:             15px;
    margin:             5px 0 0 45px;
    padding:            0;
}

div#requestForm input
{
    clear:              right;
    float:              right;
    font-size:          10px;
    height:             15px;
    margin:             5px 30px 0 0;
    padding:            0;
    width:              180px;
}

div#requestForm div#libOptions
{
    clear:              both;
    display:            none;
    margin:             0 30px 0 45px;
    padding:            5px 0 0 0;
}

div#requestForm div#libOptions label
{
    margin:             0;
    padding:            0;
    width:              122px;
}

div#requestForm div#libOptions input
{
    margin:             0;
    padding:            0;
}

div#requestForm div#libOptions label.check
{
    clear:              none;
    display:            inline;
    float:              left;
    font-size:          10px;
    font-weight:        normal;
    margin:             0;
    width:              40px;
}

div#requestForm div#libOptions input.check
{
    clear:              none;
    display:            inline;
    float:              left;
    margin:             0 2px 0 0;
    width:              15px;
}


/********************************************************
=|internal menu
********************************************************/
div#internalMenu
{
    display:            block;
    margin:             30px 0 0 0;
    width:              162px;
}

div#internalMenu ul#navGroup
{
    display:            block;
    list-style:         none;
    width:              162px;
}

div#internalMenu ul#navGroup li.navArea h5
{
    background:         #e0e0e0;
    display:            block;
    height:             27px;
    margin:             3px 0 0 0;
    width:              162px;
}

div#internalMenu ul#navGroup li.navArea h5 a
{
    background-image:   url("../images/Icos/icoButton.gif");
    background-repeat:  no-repeat;
    color:              #323143;
    display:            block;
    font-size:          12px;
    font-weight:        bold;
    margin:             0 0 0 15px;
    padding:            7px 0 0 15px;
}

div#internalMenu ul#navGroup li.navArea ul
{
    display:            none;
    list-style:         none;

}

div#internalMenu ul#navGroup li.navArea ul li a
{
    color:              #323143;
    display:            block;
    font-size:          12px;
    margin:             10px 0 10px 27px;
}

div#internalMenu ul#navGroup li.navArea ul li a:hover
{
    font-weight:        bold;
}


/********************************************************
=|base training 
********************************************************/

div#TrainingOptions
{
    height:            60px;
    margin-top:        25px;
}

div#TrainingOptions .titOption
{   
    font-size:          small;
    float:              left;
    width:              150px;
    text-align:         right;
    font-weight:        bold;
}

div#TrainingOptions .txtOption
{   
    font-size:          small;
    float:              right;
    width:              350px;
}


/********************************************************
=|base produtos > box landing
********************************************************/
div.littleBlockText
{
    display:            block;
    float:              left;
    margin:             20px 10px 25px 0;
    width:              250px;
    font-size:          14px;
}

div.littleBlockText div.blockTitle
{
    font-size:          12px;
    font-weight:        bold;
    color:              #414070;
    padding-bottom:     6px;
    border-bottom:      1px solid #414070;
    margin-bottom:      12px;
}

div.littleBlockText ul
{
    font-weight:        bold;
    list-style-type:    none;
}

div.littleBlockText li
{
    font-size:          11px;
}

div.littleBlockText span
{
    line-height:        15px;
    font-size:          14px;
    font-weight:        bold;
}

/********************************************************
=|base produtos > box landing
********************************************************/
div#homeprod
{
    width:              520px;
    font-family:        Arial;
    color:              #555;
    float:              left;
}
    
div#homeprod h1
{
    font-family:        Arial;
    color:              #383838;
    font-size:          18px;
    font-weight:        bold;
    margin-bottom:      12px;
}

div#homeprod .spaceprod
{
    float:              left;
    margin-bottom:      30px;
}

div#homeprod .homeprodbox
{
    width:              195px;
    float:              left;
    margin-right:       35px;
}

div#homeprod p
{
    font-size:          11px;
}

div#homeprod .homeprodbox a
{
    font-size:          11px;
    color:              #383838;
}

div#homeprod .homeprodbox a:hover
{
    text-decoration:   underline;
}

/********************************************************
=|col direita > adress col
********************************************************/
div#addressBlock
{
    border:             1px solid #eaeaea;
    width:              255px;
    font-family:        Arial;
}

div#addressBlock .titleAddress
{
    background-color:   #eaeaea;
    width:              250px;
    height:             21px;
    color:              #444444;
    font-size:          14px;
    font-weight:        bold;
    padding:            5px 0 0 5px;
}
    
div#addressBlock .locationCard
{
    width:              252px;
    height:             117px;
    border-top:         1px solid #eaeaea; 
    padding:            3px 3px 0 3px;
    text-align:         left;
    font-size:          11px;
    font-weight:        bold;
}

div#addressBlock .locationCard div
{
    font-size:          11px;
    font-weight:        bold;
}

div#addressBlock .locationCard div.org
{
    display:            none;
}

div#addressBlock .locationCard div span
{
    font-size:          11px;
    font-weight:        normal;
}

div#addressBlock img
{
    padding-right:      5px;
    border:             none;
}

/********************************************************
=|col direita > download prod
********************************************************/
div.boxDownloadProducts
{
    margin-top:         5px;
    margin-bottom:      35px;
    background-image:   url("../images/Icos/icoDownloadPeq.gif");
    background-repeat:  no-repeat;
    width:              300px;
    height:             55px;
    padding-left:       25px;
    font-family:        Arial;
    color:              #555;
}

div.boxDownloadProducts a
{
    font-size:          14px;
    font-weight:        bold;
    text-decoration:    none;
    color:              #555;
}
    
div.boxDownloadProducts a:hover
{
    text-decoration:    underline;
}

div.boxDownloadProducts p
{
    font-size:          12px;
    margin-top:         1px;

    text-decoration:    none;
}

div.boxDownloadProducts span
{
    font-style:         italic;
    font-size:          10px;     
}

/********************************************************
=|col direita > documents prod
********************************************************/
div.boxDownloadDocuments
{
    margin-top:         5px;
    margin-bottom:      20px;
    background-image:   url("../images/Icos/icoDocumentPeq.gif");
    background-repeat:  no-repeat;
    width:              300px;
    height:             35px;
    padding-left:       25px;
    font-family:        Arial;
    color:              #555;
}

div.boxEmpty
{
    margin-top:         5px;
    margin-bottom:      20px;
    width:              300px;
    height:             35px;
    padding-left:       25px;
}

div.boxDownloadDocuments a
{
    font-size:          14px;
    font-style:         italic;
    text-decoration:    none;
    color:              #555;
}
    
div.boxDownloadDocuments a:hover
{
    text-decoration:    underline;
}


/********************************************************
=|col direita > documents prod
********************************************************/
div#divIntroLog
{
    font-size:          14px;
    }
    
div#divIntroLog spam
{
    font-size:          24px;
    font-weight:        bold;
    }    

div#NavTips
{
    width:              120px;
    height:             120px;
    background-color:   #000;
    float:              left;
    margin-right:       25px;
    margin-top:         10px;
}

div#NavTips img
{
    border:             none;
}


/********************************************************
=|col direita > documents prod
********************************************************/
div.boxLinkSites
{
    margin-top:         15px;
    background-image:   url("../images/Icos/icoLinkPeq.gif");
    background-repeat:  no-repeat;
    width:              300px;
    height:             35px;
    padding-left:       25px;
    font-family:        Arial;
    color:              #555;
}

div.boxLinkSites a
{
    font-size:          14px;
    font-weight:        bold;
    text-decoration:    none;
    color:              #555;
}
    
div.boxLinkSites a:hover
{
    text-decoration:    underline;
}

div.boxLinkSites p
{
    font-size:          12px;
    margin-top:         1px;
    text-decoration:    none;
}

div.boxLinkSites span
{
    font-style:         italic;
    font-size:          10px;     
}

/********************************************************
=|box press release
********************************************************/
div.indexPress
{
    clear:              both;
    display:            block;
    width:              520px;
    margin-bottom:      25px;
}

div.indexPress span
{
    font-size:          16px;
    font-weight:        bold;
}

div.indexPress img
{
    border:             none;
}

div.indexPress a
{
    font-size:          12px;
    font-weight:        bold;
    color:              #666;
    padding-top:        10px;
}

div.indexPress a:hover
{
     text-decoration:   underline;
}

div.indexPress p
{
    padding-top:        40px;
}

div#indexPressNote
{
    clear:              both;
    display:            block;
    width:              520px;
}

div#indexPressNote span
{
    font-size:          16px;
    font-weight:        bold;
}

div#indexPressNote img
{
    border:             none;
}

/********************************************************
=|tabela documents
********************************************************/
table.catalog
{
    border:             2px solid #FFF;
    border-collapse:    collapse;
    margin-top:         15px;
}



table.catalog img
{
    border:             0;
}

table.catalog th
{
    padding:            5px;
    text-align:         left;
    font-size:          18px;
    color:              #eeecf4;
    background-color:   #818195;
    height:             30px;
}

table.catalog td.titulos
{
    border-bottom:      1px solid #CCC;
    padding:            5px;
    text-align:         left;
    font-size:          14px;
    font-weight:        bold; 
    background-color:   #E3E7EB;
}

table.catalog td.imgCol001
{
    border-bottom:      2px solid #FFF;
    height:             48px;
    padding:            5px;
    text-align:         left;
    font-size:          12px;
    background-color:   #F0F1F3;  
    width:              70px;    
}

table.catalog td.imgCol002
{
    border-bottom:      2px solid #FFF;
    height:             48px;
    padding:            5px;
    text-align:         left;
    font-size:          12px;
    background-color:   #DBE6F5;  
    width:              70px;    
}

table.catalog td.tituloName
{
    border-bottom:      1px solid #CCC;
    padding:            5px 5px 5px 5px;
    text-align:         left;
    font-size:          14px;
    font-weight:        bold; 
    background-color:   #E3E7EB;
    width:              320px;
    
}

table.catalog td.td001
{
    border-bottom:      2px solid #FFF;
    height:             48px;
    padding:            5px;
    text-align:         left;
    font-size:          12px;
    background-color:   #F0F1F3;  
}

table.catalog td.td002
{
    border-bottom:      2px solid #FFF;
    height:             48px;
    padding:            5px;
    text-align:         left;
    font-size:          12px;
    background-color:   #DBE6F5;  
}
.classCampoQtde
{
    width:              10px;
}



/********************************************************
=|Area CART
********************************************************/
div#headerCart
{   
    margin-top:         -20px;
    margin-bottom:      20px;
}

.clBTStep
{
    float:              right;
    margin-top:         -22px;
}

.clBTChamada
{
    padding-top:        25px;
    font-size:          14px;
}

.cartIdent
{
    float:              right;
    margin-right:       20px;
    margin-top:         20px;
}

.cartIdent2
{
    margin-top:         20px;
    float:              right;
    margin-right:       -300px;
}

.clCartInfoProducts
{
    margin-bottom:      15px;
    background-image:   url(../Images/ImagesCart/GIFcarTotal.gif);
    width:              200px;
    height:             82px;
}

.btBuyPageProducts
{
    width:              185px;
    height:             22px;
    padding-top:        5px;  
    padding-bottom:     25px;  
    font-size:          12px;        
    font-weight:        bold;
    text-align:         center;
}

.btBuyPageProducts a
{
    color:              #FFF;
    padding-top:        5px;  
    font-size:          12px;        
    font-weight:        bold;
    text-align:         center;
}
.btBuyPageProducts a:hover
{
    color:              #FFF;
    padding-top:        5px;  
    font-size:          12px;        
    font-weight:        bold;
    text-align:         center;
    text-decoration:    underline;
}

.clBtavancar
{
    float:              right;
    width:              150px;
    height:             39px;
}

.clBtavancarCart
{
    float:              right;
    margin-top:         120px;
    width:              150px;
    height:             39px;  
}
.clBtvoltar
{
    float:              right;
    width:              150px;
    height:             39px;     
}

.clBtfake
{
    float:              right;
    margin-top:         130px;
    width:              150px;
    height:             39px;     
}

div#clTotalCash a
{
    float:              right;
    width:              120px;
    height:             18px;
    color:              #FFF;
    font-family:        arial;
    font-weight:        bold;
    font-size:          11px;
    padding-top:        22px;
    padding-left:       80px;   
}

div#clTotalItem a
{
    float:              right;
    width:              120px;
    height:             42px;
    font-family:        arial;
    font-weight:        bold;
    font-size:          11px;
    padding-left:       80px;

}

div#clBoxForm
{
    width:              440px;
    height:             420px;
    background-image:   url(../Images/ImagesCart/bgFormStep2.gif);
    float:              right;
    margin-bottom:      10px;
    padding:            15px 15px 15px 15px;
}

div#clBoxConfirmForm h3
{
    color:              #666;
    font-size:          16px;
}
div#clBoxConfirmForm h4
{
    color:              #333;
    font-size:          14px;
    margin-bottom:      20px;
}

div#clBoxConfirmForm p
{
    color:              #333;
    font-size:          14px;
    margin-bottom:      20px;
    padding-top:        20px;
}

div#clBoxForm .bbtones001
{
    border:				none;
	background:			url('../Images/ManufacturerZone/btnDownloadExpressZonePeq.jpg') no-repeat left top;
	color:				#707070;
	font-size:			16px;
	font-weight:        bold;
	height:				32px;
	width:				180px;
	text-align:			center;
	margin-top:         45px;
	margin-left:        130px;
}

div#clBoxForm .CartFormButton
{
	border:				none;
	background:			url('../Images/ManufacturerZone/btnDownloadExpressZonePeq.jpg') no-repeat left top;
	color:				#707070;
	font-size:			16px;
	font-weight:        bold;
	height:				32px;
	width:				180px;
	text-align:			center;
	top:				380px;
	left:				130px;
	position:           relative;
}

div#clBoxForm ul
{
    padding:            0 0 0 0;
}

div#clBoxForm li.exactBlock
{
	margin:				0 10px 10px 0;
	padding:			0 0 0 0;
	width:				405px;
}
 div#clBoxForm li.fullBlock
{
	margin:				0 10px 10px 0;
	padding:			0 0 0 0;
	width:				150px;
}

div#clBoxForm li.halfBlock input
{
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
 div#clBoxForm textarea
{
	background:			#f5f5f5;
	border:				1px solid #8f8f8f;
	display:			block;
	font-size:          12px;
	margin:				0 0 10px 0;
	width:				100%;
	
}
.clBoxConfirmaItem
{
    width:              455px;
    height:             430px;
    background-image:   url(../Images/ImagesCart/bg2FormStep2.gif);
    float:              left;
    margin-bottom:      50px;
    padding-left:       15px;
    padding-top:        20px;        
}

.clBoxConfirmaItem p
{
    text-align:         right;
    padding-right:      25px;
    padding-top:        40px;
    font-weight:        bold;
    color:              #666;      
}

.clBoxErrorItem
{
    width:              320px;
    height:             400px;
    background-image:   url(../Images/ImagesCart/bg2FormProblem.gif);
    float:              left;
    margin-bottom:      50px;
    padding-left:       15px;
    padding-top:        20px;
    padding:            25px 25px 25px 125px;
    color:              #FF0000;        
}

div#clBoxConfirmForm
{
    width:              420px;
    height:             400px;
    background-image:   url(../Images/ImagesCart/bg2FormStep2.gif);
    float:              right;
    margin-bottom:      50px;
    color:              #FF0000;
    padding:            25px 25px 25px 25px;
  
}


.clBoxError
{
    width:              470px;
    height:             400px;
    float:              right;
    margin-bottom:      50px;

}
.divReciboTit
{
    float:              left;
    font-size:          18px;
    font-weight:        bold;
    margin-left:        10px;
}

.divReciboLogoOFC
{
    float:              right;
    margin-right:       25px;
}

.divReciboTxt
{
    margin:             35px 25px 25px 10px;
}

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

.productgroup
{
    margin:             10px 0px 10px 0px;
    height:             15px;
    border-bottom:      1px dashed #000;
}

.divReciboTitNomeProd
{
    Float:              left;
    font-weight:        bold;
    font-size:          14px;
}

.divReciboTitValorProd
{
    float:              right;
    font-weight:        bold;
    font-size:          14px;    
}

.divReciboNomeProd
{
    Float:              left;
    font-size:          12px;          
}

.divReciboValorProd
{
    float:              right;
    font-size:          12px;   
}

.divReciboTxt li
{
    font-size:          12px;
    margin-bottom:      5px;
    list-style-type:    none;
}

.productgroupTotal
{
    height:             35px;
    margin-top:         20px;

}

.divReciboTotalNomeProd
{
    Float:              left;
    font-weight:        bold;
    font-size:          14px;
}

.divReciboTotalValorProd
{
    float:              right;
    font-weight:        bold;
    font-size:          14px;    
}

.linkimprimirRecib
{
    width:              430px;
    text-align:         right;
    height:             35px;
}
.linkimprimirRecib a:hover
{
    text-decoration:    underline;
    color:              #666;
}

/********************************************************
=|tabela CART
********************************************************/

table.carttable
{
    border:             2px solid #FFF;
    margin-top:         15px;
}

table.carttable img
{
    border:             0;
}

table.carttable td.titulos
{
    border-bottom:      3px solid #000;
    padding:            5px;
    text-align:         left;
    font-size:          16px;
    font-weight:        bold;
    font:               arial; 
}

table.carttable td.titulosIdent
{
    border-bottom:      1px solid #000;
    padding:            5px;
    text-align:         left;
    font-size:          12px;
    font-weight:        bold;
    font:               arial; 
}

table.carttable td.tituloName
{
    border-bottom:      1px solid #CCC;
    padding:            5px 5px 5px 5px;
    text-align:         left;
    font-size:          14px;
    font-weight:        bold; 
    width:              320px;
    
}

table.carttable td.td001
{
    border-bottom:      1px solid #ccc;
    padding:            5px;
    text-align:         left;
    font-size:          14px;
}

table.carttable td.td001Ident
{
    border-bottom:      1px solid #ccc;
    padding:            5px;
    text-align:         left;
    font-size:          10px;
}

table.carttable td.td002
{
    height:             5px;
    background-color:   #e5e9ef;  
}

/********************************************************
=|content > manufacturer content
********************************************************/
div#content div#manufacturerContent
{
}

div#manufacturerContent div#manufacturerHeader
{
	display:			block;
	height:             136px;
	overflow:			hidden;
	margin:				10px 0 20px 0;
}

div#manufacturerContent div#manufacturerHeader img
{
	display:			block;
	float:				left;
	height:				136px;
	width:				136px;
}

div#manufacturerContent div#manufacturerHeader p
{
	color:				#a3a3a3;
	display:			block;
	font-size:			18px;
	font-style:			italic;
	font-weight:		bold;
	height:				136px;
	margin:				0 0 0 170px;
	padding:			50px 0 0 0;
}

div#manufacturerContent div#productDownloadHeader
{
	clear:				both;
}

div#manufacturerContent div#productDownloadHeader p
{
	display:			block;
	font-size:			10px;
	margin:				0 0 5px 0;
	padding:			0;
	width:				554px;
}

div#manufacturerContent div#productDownloadForm
{
	background:			url(../Images/ManufacturerZone/bgFormExpressZone.jpg) no-repeat top left;
	display:			block;
	float:				left;
	height:				537px;
	width:				554px;
}

div#manufacturerContent div#productDownloadForm ul#softwareOption
{
	display:			block;
	height:				200px;
	margin:				0 40px;
	padding-top:        40px;
}

div#manufacturerContent div#productDownloadForm ul#softwareOption li#boxAutoCAD
{
	background:			url('../Images/ManufacturerZone/logoAutoCAD.gif') no-repeat left top;
	display:			block;
	height:				60px;
	border-bottom:      1px solid #acacac;
	margin-bottom:      15px;
}

div#manufacturerContent div#productDownloadForm ul#softwareOption li#boxRevit
{
	background:			url('../Images/ManufacturerZone/logoRevit.gif') no-repeat left top;
	display:			block;
	height:				50px;
	border-bottom:      1px solid #acacac;
	margin-bottom:      15px;

}
div#manufacturerContent div#productDownloadForm ul#softwareOption li#boxIDQuote
{
	background:			url('../Images/ManufacturerZone/logoIDQuote.gif') no-repeat left top;
	display:			block;
	height:				70px;

}

div#manufacturerContent div#productDownloadForm ul#softwareOption li div
{
	clear:				right;
	display:			block;
	float:				right;
}

div#manufacturerContent div#productDownloadForm ul#softwareOption li div label
{
	float:				left;
}

div#manufacturerContent div#productDownloadForm ul#softwareOption li div span.radio input
{
	background:			#fff;
	border:				none;
	float:				left;
	width:				30px;
	border:             none;
}

div#manufacturerContent div#productDownloadForm a
{
	margin:				5px 20px;
}

div#manufacturerContent div#productDownloadForm p
{
	margin:				5px 20px;
}

div#manufacturerContent div#productDownloadForm dl div input
{
	float:				right;
	margin:				0 0 0 0;
	width:				20px;
}

div#manufacturerContent div#productDownloadForm h5
{
	font-size:			14px;
	font-weight:		bold;
	margin:				5px 10px;
}

div#manufacturerContent div#productDownloadForm ul
{
	margin:				0 10px;
}

div#manufacturerContent div#productDownloadForm li.halfBlock
{
	margin:				0 10px 10px 0;
	padding:			0 0 0 0;
	width:				245px;
}

div#manufacturerContent div#productDownloadForm li.fullBlock
{
	margin:				0 10px 10px 0;
	padding:			0 0 0 0;
	width:				250px;
}

div#manufacturerContent div#productDownloadForm li.halfBlock input
{
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}

div#manufacturerContent div#productDownloadForm input.downloadButton
{
	border:				none;
	background:			url('../Images/ManufacturerZone/btnDownloadExpressZone.jpg') no-repeat left top;
	color:				#707070;
	font-size:			16px;
	font-weight:        bold;
	height:				32px;
	width:				300px;
	text-align:			center;
	position:			relative;
	top:				490px;
	left:				130px;
	float:              left;
}

div#manufacturerContent div#productDownloadForm input#ctl00_hdnDownloadRequested
{
    border:             none;
    display:            none;
    margin:             0 0 0 0;
    padding:            0 0 0 0:
}

div#manufacturerContent div#productDownloadTutorial
{
	background:			#ccc;
	display:			block;
	float:				right;
	height:				536px;
	width:				409px;
}

div#manufacturerContent div#manufacturerLibraries
{
	clear:				both;
	display:			block;
	padding:			55px 0 0 0;
	height:				555px;
	width:				900px;
	margin-left:        10px;

}
div#manufacturerContent div#manufacturerLibraries h4
{
    color:              #002e6e;
    font-size:          14px;
    font-weight:        bold;
    margin-left:        30px;
}

div#manufacturerContent div#manufacturerLibraries ul
{
	display:			block;
	height:				200px;
}

div#manufacturerContent div#ofcdeskInfo
{
	display:			block;
	float:				left;
	margin:				70px 0 0 0;
	width:				400px;
}

div#manufacturerContent div#ofcdeskInfo p
{
	color:				#a3a3a3;
	display:			block;
	font-size:			12px;
	font-weight:		bold;
}

div#manufacturerContent div#ofcdeskContactForm
{
	display:			block;
	float:				right;
	margin:				70px 0 0 0;
	width:				400px;
}

div#manufacturerContent div#ofcdeskContactForm li.fullBlock
{
	width:				380px;
}

/********************************************************
=|footer
********************************************************/
div#footer
{
    background:         #e1e1e1 url(../Images/logoOFCDeskFooter.gif) no-repeat 910px 40px;
    clear:              both;
    display:            block;
    height:             60px;
    width:              997px;
}

/********************************************************
=|footer > footer menu
********************************************************/
div#footer ul#footerMenu
{
    margin:             0 0 0 20px;
}

div#footer ul#footerMenu li
{
    border-right:       1px solid #897171;
    display:            inline;
    float:              left;
    margin:             40px 0 0 3px;
    padding:            0 3px 0 0;
}

div#footer ul#footerMenu li.last
{
    border:             0;
}

div#footer ul#footerMenu li a
{
    color:              #897171;
}

/********************************************************
=|footer > copyright
********************************************************/
div#footer p#copyright
{
    color:              #252525;
    float:              right;
    margin:             40px 100px 0 0;
}

/********************************************************
=|abre fecha table>
********************************************************/
.groupWrapper
{
	width:              32%;
	float:              left;
	margin-right:       1%;
	min-height:         400px;
}
.serializer
{
	clear:              both;
}
.groupItem
{
	margin-bottom:      20px;
}
.groupItem .itemHeader
{
	line-height:        28px;
	background-color:   #818195;
	border-top:         2px solid #818195;
	color:              #FFF;
	padding:            0 10px;
	cursor:             move;
	font-weight:        bold;
	font-size:          16px;
	height:             28px;
	position:           relative;
}

.groupItem .itemHeader a
{
	position:           absolute;
	right:              10px;
	top:                0px;
	font-weight:        normal;
	font-size:          11px;
	text-decoration:    none;
	color:              #FFF;
}
.sortHelper
{
	border:             3px dashed #666;
	width:              auto;
}
.groupWrapper p
{
	height:             1px;
	overflow:           hidden;
	margin:             0;
	padding:            0;
}

/********************************************************
=|table features>
********************************************************/

div#TabFeatures
{
    height:             45px;
    border-bottom:      1px solid #8b8b8b;
    padding-top:        15px;
}

div#TabFeatures .TabFeaturesTXT01
{
    float:              left;
    width:              190px;
    font-size:          11px;
    color:              #3d3d3d;
    font-weight:        bold;
}

div#TabFeatures .TabFeaturesTXT02
{
    float:              right;
    width:              47px;
    padding-left:       16px;
}

div#TabFeatures .TabFeaturesTXT03
{
    float:              right;
    width:              65px;
    padding-left:       32px;
}

.legendaTabFeatures
{
    font-size:          11px;
    font-style:         italic;
    float:              right;
    padding-top:        70px;
    color:              #5F5F5F
}

/********************************************************
=|thumbnail code
********************************************************/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
    position:           absolute;
    left:               0;
    top:                0;
    width:              auto;
    padding:            10px;
    padding-bottom:     0;
    background:         #002e6e;
    visibility:         hidden;
    z-index:            10;
    cursor:             hand;
    cursor:             pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
    font:               bold 14px Arial;
    color:              white;
    padding:            5px 0;
    text-align:         right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
    background-color:   white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
    position:           absolute;
    visibility:         hidden;
    border:             1px solid black;
    background-color:   #EFEFEF;
    padding:            5px;
    z-index:            5;
}