﻿/*
Laranja - 	#ff9900;
Verde - #AFE100

*/
* { margin: 0; padding: 0; }
body { background:#ffffff; font-size: 11px; font-family: Verdana, Arial, Sans-Serif; color: #3e92d0; padding: 0px; margin: 0px;}

a:link { text-decoration: none; border: 0px; -moz-outline-style: none; color: #3e92d0; }
a:active { text-decoration: underline; border: 0px; -moz-outline-style: none;color: #3e92d0; }
a:visited { text-decoration: none; border: 0px; -moz-outline-style: none;color: #3e92d0; }
a:hover{text-decoration: underline;border: 0px;-moz-outline-style: none;cursor: hand;color: #3e92d0; } 
a:focus { outline: none;-moz-outline-style: none;color: #3e92d0; }	

input, button, textarea, select {  font: normal 11px/11px "Verdana", sans-serif; color:#2d3538; vertical-align: middle; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

h1, h2, h3, h4, h5 { font-family: "Trebuchet MS"; color:#3e92d0; font-size: 14px;}
p {	line-height: 16px;}
.clear_both {
	clear:both;
}
#mainWrapper 
{
	width: 960px;
	height: 768px;
	margin: 0 auto;
}

/**********************
ROW Header
************************/
#header
{
	
	height:70px;
}
#logotipo
{

	background: transparent url(images/logo.png) no-repeat left;
	display: block;
	float: left;
	width: 500px;
	height:70px;
	margin: 0px 0px 0px 80px;
}
#navigation
{
	display: block;
	float: left;
	width: 298px;
	margin: 34px 0px 0px 0px;
	text-align :right;
}
/**********************
ROW Header Logo
************************/
#headerLogo
{	
}
#headerLogoMarginLeft
{
	/*background:transparent url(images/bg_body.gif) repeat 0% 0%;*/
	display:block;
	float:left;
	height:222px;
	width:78px;
/*	border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;*/
}
#headerLogoMenu
{
	/*background:transparent url(images/003.gif) repeat;*/
	background-color: #AFE100;
	margin-left:1px;
	display:block;
	float:left;
	height:224px;
	width:190px;
}
#headerLogoImage
{
	background: #ffffff url(images/FotoClinifarma.jpg) repeat;
	display:block;
	float:left;
	height:224px;
	overflow:hidden;
	margin-left:1px;
	margin-right:1px;
	width:607px;
}
#headerLogoMarginRight
{
	background: transparent url(images/bg_body.gif) repeat;
	display: block;
	position:absolute;
	left: 1030;
	float: left;
	/*border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;*/

}
/**********************
ROW Main
************************/
#main
{	
	height:440px;
	display:block;
	float:left;
}

#mainContent
{
	background: url(images/bg_main.gif);
	display:block;
	float:left;
	height:441px;
	overflow:hidden;
	margin-left:1px;
	width:607px;
	margin: 0 auto;
	margin-top:1px;
	/*border-bottom: #dcdcdc 1px solid;*/
}
#mainMenu
{
	
	/*background:#ff9900 url(images/002.gif) repeat;*/
	background-color: #ff9900;
	display:block;
	float:left;
	overflow:hidden;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	width:190px;
	height:442px;

}
#mainMarginLeft
{
	display:block;
	float:left;
	overflow:hidden;
	height:440px;
	width:78px;
	margin-top:1px;
	/*border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;*/
}
#mainMarginRight
{
	display: block;
	float: left;
	overflow: hidden;
	width: 78px;
	height:440px;
	margin-top: 1px;
	margin-left: 1px;
	/*border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid*/

}
.MainMenuTitle
{
	background:#ff9900; url(images/fading.png) repeat 0% 0%;
	height:20px;
	font-size:medium;
	font-weight:bold;
	text-align:left;
}

#breadCrumb
{
	padding-left: 0px;
	position:relative;
	margin-top:20px;
	height:20px;
	font-size:8pt;
}
/**********************
Footer
************************/
#footer
{
	width: 960px;
	height:40px;
	text-align:center;
	overflow:hidden;
	padding-left:1px;
	margin: 5px 0px 0px 0px;
}
/**********************
Slogan
************************/
.squareTopLeft
{
	margin-left:0px;
	display: block;
	float: left;
	position: relative;
	width:75px;
	height:75px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}
.squareTopRight
{
	display: block;
	float: left;
	position: relative;
	width:75px;
	height:75px;
	border-bottom: #ffffff 1px solid;
}
.squareTop
{
	display: block;
	float: left;
	position: relative;
	width:75px;
	height:75px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}
.squareTop3
{
	display: block;
	float: left;
	position: relative;
	width:227px;
	height:75px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}
.squareBottom
{
	display: block;
	float: left;
	position: relative;
	width:75px;
	height:73px;
	border-left: #ffffff 1px solid;
}
.squareBottomLeft
{
	display: block;
	float: left;
	position: relative;
	width:75px;
	height:73px;
	border-right: #ffffff 1px solid;
}
.squareBottomRight
{
	display: block;
	float: left;
	position: relative;
	width:75px;
	height:73px;
}
.squareWhite
{
	background-color:#ffffff;
	width:75px;
	height:75px;
}
.squareWhiteBottom
{
	background-color:#ffffff;
	width:73px;
	height:72px;
}

.squareWhiteTop
{
	background-color:#ffffff;
	width:75px;
	height:75px;
	border-top: #ff9900 2px solid;
	border-left: #ff9900 2px solid;
	border-right: #ff9900 2px solid;
}

.squareWhite3
{
	background-color:#ffffff;
	width:227px;
	height:75px;
}
#slogna
{
	margin-top:28px;
	color:#ff9900;
	text-align: center;
	font-weight:bold;
	font-size:small;
	overflow:hidden;
}
.squareGreen
{
	background-color:#ff9900;
	width:75px;
	height:75px;
}
.squareGreenBottom
{
	background-color:#ff9900;
	width:75px;
	height:73px;
}
.squareBlue
{
	background-color:#AFE100;
	width:75px;
	height:75px;
}
.squareBlueBottom
{
	background-color:#AFE100;
	width:75px;
	height:72px;
}

.squareOpacityBottom
{
	background-color:#ffffff;
	opacity:0.6;
	-moz-opacity: 0.6;
	width:75px;
	height:73px;
}
.squareOpacityBottom
{
	*filter:alpha(opacity=50);
	*position:relative;
}
.squareOpacity
{
	background-color:#ffffff;
	opacity:0.6;
	-moz-opacity: 0.6;
	width:76px;
	height:76px;
}
.squareOpacity
{
	*filter:alpha(opacity=50);
	*position:relative;
}
.squareHighOpacity
{
	background-color:#ffffff;
	opacity:0.6;
	-moz-opacity: 0.6;
	width:76px;
	height:76px;

}
.squareHighOpacity
{
	*filter:alpha(opacity=90);
	*position:relative;
	width:76px;
	height:76px;

}
/**********************
Menu
************************/
.menu
{
	width: 190px;
	font: 8pt Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3e92d0;
	font-weight:bold;
}
.StaticMenuItemStyle
{
	color:#3e92d0;
	padding-left: 12px;
	height: 25px;
	border-bottom: 1px solid #ffffff;
}
.StaticHoverStyle
{
	color:#AFE100;
	background-color: #78B6E5;
}
.StaticMenuStyle
{
	 /*HorizontalPadding="0px" VerticalPadding="0px" */
}
.DynamicMenuItemStyle
{
	background-color: #AFE100;
	color:#3e92d0;
	padding-left: 8px;
	height: 25px;
	border-bottom: 1px solid #ffffff;
	z-index:70000;
}
.DynamicMenuItemStyle
{
	width:350px;
	z-index:70000;
	*filter:alpha(opacity=90);
	*position:relative;
}
.DynamicHoverStyle
{
	color:#AFE100;
	z-index:70000;
	background-color: #78B6E5;
}
.DynamicMenuStyle
{
		z-index:70000;
	 /*HorizontalPadding="0px" VerticalPadding="0px" */
}


/**********************
Rastreios
************************/
.RastreioTicker 
{
		margin: 2 0 0 5px;
	padding-left: 5px;
	text-align:left;
}
.RastreioTicker h3 { color: #ff9999;}

.RastreioTicker .Block { margin-bottom: 10px;color:#ffffff;}
.RastreioTicker .Block h3 strong { padding-bottom: 5px; color:#fff; display: block; letter-spacing: -1px; font-size: 14px;}
.RastreioTicker .Block rast {font-size: 11px;width: auto;list-style-type: none; height:auto;}
.RastreioTicker .block rast a:hover { text-decoration: underline; color:#ffffff; }
.RastreioTicker .block rast small { font-size: 10px;}
.NomeRastreio {height:20px; font-size:9px; width:90px; text-align:left; float: left; background: url(images/dotted-single.png) repeat-x bottom;line-height: 11px;padding: 4px 0px 6px 0px; color:#ffffff; }
.DataRastreio {height:20px; font-size:9px; width:90px; text-align:right; float: left; background: url(images/dotted-single.png) repeat-x bottom; line-height: 11px; padding: 4px 0px 6px 0px;color:#ffffff; }

/**********************
Pages
************************/
#pageContent {
	color:#7C7C7C;
	font-size: 9pt;
	padding:20px;
}
.blockClinic
{
	width:125px;
	display: block;
	float: left;
	z-index: 2000;
	position: relative;
	height:125px;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}
/**********************
Especialidade
************************/
.titleRight
{
	margin: 5px 15px 0px 10px;
	font-size:large;
	font-weight:bold;
	text-align:right;
	border-bottom: solid 3px #AFE100;
}
.block
{
	overflow-x: hidden;
	overflow-y: auto;
	width: 600px;
	height:407px;
	text-align:justify;
	margin: 0px 10px 0px;
}
.block2
{
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 10px;
}

.specialBlock
{
	overflow-x: hidden;
	overflow-y: auto;
	width: 600px;
	height:407px;
	text-align:justify;
	margin: 0px 0px 0px 10px;
}

#subscribeNews 
{
	position:relative;
	
}
#subscribeNews  li
{
	position:relative;
	margin: 0px 0px 0px -15px;
}
#subscribeNews ul 
{
	display: block;
	float: left;
	width:99.5%;
	height:40px;
	list-style: none;
	padding: 0px 0px 0px 0px;
}

.tickerBlock
{
	display: block;
	float: left;
	color:#ffffff;
	text-align:center;
}
.tickerBlockData
{
	display: block;
	float: left;
	color:#ffffff;
	width:40%;
	text-align:right;
	margin-right:5px;
}

.title
{
	width:100%;
	font-weight:bold;
	color: #ffffff;
	text-decoration: underline;
	text-align:center;
}
.image
{
	display:block;
	margin-left: auto;
    margin-right: auto;
}
.smallMessage
{
	width: 100%;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin-top: 5px;
	margin: 0 10 0 5;
	text-align:center;
}

.priceBlock
{
	margin-top:10px;
	width:50%;
	display: block;
	float: left;
	z-index: 1000;
	position: relative;
}
.priceAfterLabel
{
	text-align:center;
	font-weight:bold
}
.priceAfterValue
{
	text-align:center;
	color:Red;
	text-decoration: line-through;
}

.priceBeforeLable
{
	text-align:center;
	font-weight:bold
}
.priceBeforeValue
{
	text-align:center;
}
.hrTicker
{
	color: #ffffff;
}

.titleLeft
{
	margin: 5px 15px 0px 10px;
	font-size:large;
	font-weight:bold;
	text-align:left;
	color: #AFE100;
}
/*
.blockTabs
{
	overflow: auto;
	width: 98%;
	height:330px;
	margin: 0px 0px 0px 10px;
}
#block
{
	overflow: auto;
	width: 100%;
	height:407px;

}

#block2
{
	overflow: auto;
	width: 100%;
	height:386px;
}
*/
.headerMain
{
	text-align:justify;
	margin: 5px 10px 0px 10px;
	display:table-row;
}
.headerMainTabs
{
	margin: 5px 10px 0px 0px;
	display:table-row;
}

.imageMain
{
	margin: 15px 10px 0px;
	vertical-align:middle;
	width:131px;
	display: table-column;
	float:left;
}
.imageMainLarge
{
	margin: 10px 0px 0px 0px;
	vertical-align:middle;
	width:301px;
	display: table-column;
	float:left;
}
#imageMainAllRow
{
	width:570px;
	display:table-column;
	float:left;
	text-align:justify;
	margin: 0px  0px 10px 0px;
}

.imageMainTabs
{
	margin: 15px 0px 0px 0px;
	vertical-align:middle;
	width:131px;
	display: table-column;
	float:left;
}
.imageMainTabs1
{
	margin: 15px 0px 0px 0px;
	vertical-align:middle;
	width:135px;
	display: table-column;
	float:left;
}
#imageMainTotalWidth
{
	margin: 15px 0px 0px 0px;
	vertical-align:middle;
	width:575px;
	display: table-column;
	float:left;
}
.imageMainTotalWidthTabs
{
	margin: 15px 0px 0px 0px;
	vertical-align:middle;
	width:575px;
	display: table-column;
	float:left;
}
.descriptionRight
{
	display:table-column;
	float:left;
	padding: 0px 0px 0px 20px;
	margin: 10px 5px 0px 25px;
	text-align:justify;
	/*width:390px*/
	width:343px;
}
.descriptionRightCursos
{
	display:table-column;
	float:left;
	padding: 0px 0px 0px 10px;
	margin:  10px 0px 0px 10px;
	text-align:justify;
	width:240px;
}

#descriptionRightSmall
{
	display:table-column;
	float:left;
	padding: 45px 0px 0px 5px;
	margin: 12px 5px 0px 5px;
	text-align:justify;
	width:190px;
}
#descriptionRight a
{
	font-weight:bold;
}

#descriptionRight .options
{
	padding: 5px 5px 5px 5px;
	border: solid 2px #AFE100;
}
.descriptionRightTabs
{
	display:table-column;
	float:left;
	padding: 0px 0px 0px 20px;
	margin: 10px 5px 0px 25px;
	text-align:justify;
	width:360px;
}
.descriptionRightTabs1
{
	display:table-column;
	float:left;
	padding: 0px 0px 0px 20px;
	margin: 10px 5px 0px 25px;
	text-align:justify;
	width:340px;
}
.descriptionContent
{
	width:570px;
	display:table-column;
	float:left;
	text-align:justify;
	margin: 0px  10px 10px;
}
.descriptionContentTabs
{
	width:525px;
	display:table-column;
	float:left;
	text-align:justify;
	margin: -3px  0px 0px 0px;
}

#descriptionContentNoTopMargin
{
	width:570px;
	display:table-column;
	float:left;
	text-align:justify;
	margin: 0px  0px 0px 0px;
}
.ul
{
	list-style-image: url(Images/bullet.png);
	line-height: 190%;
	padding-left: 20px;
} 
.formContactenosLabels
{
	display: block;
	float: left;
	width: 25%;
	padding: 5px 5px 0 0;
	text-align:right;
	font-weight:bold;

}
.formContactenosObjects
{
	display: block;
	float: left;
	width: 60%;
}

#Login
{
	position:relative;
	margin: 100px auto;
	text-align:center;

}
.FormLabel
{
	text-align:right;
	font-weight:bold;
}
.FormTextBox
{
	text-align:left;
	height:10px;
	font-size: 8pt;
	color:#ff9900;
}
.FormTextBoxMul
{
	text-align:left;
	height:100%;
	font-size: 8pt;
	color:#ff9900;
}

.FormTextBoxBrowser
{
	text-align:left;
	height:15px;
	font-size: 8pt;
	color:#ff9900;
}
.Width10
{
	 width: 10%;	
}
.Width85
{
	 width: 85%;	
}
.Width35
{
	 width: 35%;	
}
.Width30
{
	 width: 30%;	
}
.Width5
{
	 width: 5%;	
}
.Width2
{
	 width: 2%;	
}

#validationSummary
{
	font-size: 8px;
	color: #ffffff;
	font-weight:bold;
}
.button
{
	background-color: #ffffff;
	border: solid 1px #ff9900;
	color: #ff9900;
	font-weight:bold;
}
.button:hover
{
	background-color: #ff9900;
	color: #ffffff;
	font-weight: bold;
	cursor: hand;
}
.tblFrom
{
	border: solid 1px #ff9900;
}
#list
{
	width:100%;
	height:280px;
	display:block;
	float:left;
	overflow:auto;

}
.GridView
{
	background-color:#ff9900;
	border: solid 1px #ff9900;
	color: #3e92d0;
}
.HeaderStyle 
{	
	background-color: #ff9900;
	color: #ffffff;
	font-weight:bold; 
}
.RowStyle 
{
	text-align:left;
	background-color:#ffffff;
}
.AlternatingRowStyle
{
	text-align: left;
	background-color: lavender;
}
.FooterStyle
{
	background-color:#990000;
	font-weight:bold;
	color:#ffffff;
}
.PagerStyle 
{
	background-color:#FFCC66;
	color:#333333;
	text-align: Center;
}
.SelectedRowStyle 
{
	background-color: #FFCC66;
	font-weight:bold;
	color: Navy;
}


/* Image Error*/

#messageOverlay {
	background-color:#000000;
	height:100%;
	left:0px;
	opacity:0.8;
	-moz-opacity: 0.8;
	position:fixed;
	top:0px;
	width:100%;
	z-index:100000000;
	display: block;
}
#messageOverlay {
 *filter:alpha(opacity=50);
 *position:absolute;
}
#messageDiv {
	position: absolute;
	top: 296px;
	left: 0;
	z-index:900000000;
	display: block;
	width: 100%;
}
#messageDivInside {
	width: 590px;
	height: 420px;
	margin: 0 auto auto 430px;
	background-color: #FFFFFF;
	border: 1px #999999 solid;
	padding: 8px;
}
#messageDivInside h1 {
	text-align:center;
	margin: 190px 0 7px 0;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
}
#messageDivInside .messageClose {
	display: block;
	padding-top: 12px;
	text-align: right;
}
.erroMessage {
	padding-bottom: 12px;
	color: #FF0000;
	padding-left: 132px;
}
.errorFields {
	color: #FF0000;
}
.calendarHide
{
	display: none;
	position: relative;
}
.calendarShow
{
	position: absolute;
	z-index: 0;
}


#clinifarma
{
	text-align:center;
	height: 120px;
}
parafarmacia
{
	text-align:center;
	height: 120px;
}
wellness
{
	text-align:center;
	height: 120px;
}
.homeImage
{
	width:177px;
	text-align:center;
	height: 120px;
	border: solid 1px #ff6600;
}
.HomeAreaIMG
{
	text-align:center;
	border: solid 1px #ff6600;
}
.widthProdutosSaude
{
	width:231px;
	height:153px;
}
.widthWellness
{
	width:199px;
	height:200px;
}
.widthClinic
{
	width:189px;
	height:189px;
}

.homeText
{
	text-align:justify;
	width: 200px;
}
.Apresentacao
{
	text-align:justify;
	width: 600px;
}

.FormTextBoxEmail
{
	text-align: left;
	height: 12px;
	font-size: 8pt;
	color: #ff9900;
	border: solid 1px #ff6633;
}
.buttonEmail
{
	background-color: #ffffff;
	color: #ff9900;
	font-size: 8pt;
	font-weight: bold;
	height: 19px;
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}
.buttonEmail:hover
{
	background-color: #ff9900;
	border: solid 1px #ffffff;
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	cursor: hand;
	height: 19px;
}
.tableContent
{
	border: solid 1px #ff9900;
}
.tableContentHeader
{
	background-color:#ff9900;
	color:#ffffff;
}
.tableContentGreen
{
	border: solid 2px #AFE100;
}
.cellBorderLeft
{
	border-left: dotted 1px #AFE100;
	border-right: dotted 1px #AFE100;
	border-bottom: dotted 1px #AFE100;
}
.cellBorder
{
	border: dotted 1px #AFE100;
	text-align:center;
}
.cellBorderRight
{
	border-left: dotted 1px #AFE100;
	border-right: dotted 1px #AFE100;
}
.cellBorderRight1
{
	padding-top : 20px;
	padding-bottom: 20px;
	border: dotted 1px #AFE100;
}

.cellBorderRightSpecial
{
	border-bottom: dotted 1px #AFE100;
	background-color:#ff9900;
}
.fontlaranja
{
	
}





























/**********************
Noticias/Promoções
************************/
.tickersTitleImage
{
	margin: 5px 0px 10px 10px;
	height:27px;
	background: transparent url(images/20WhiteSimbolo.png) no-repeat left;
}
.tickersTitle
{
	display: block;
	float: left;
	color:#3e92d0;
	font-size:11pt;
	font-weight:bold;
	text-align:left;
	width:85%;
	margin: 5px 0px 10px 15px;
	
}

#newsticker 
{
	position:relative;
}
#newsticker h4
{
	margin: 2 0 0 5px;
	padding-left: 5px;
	text-align:left;
}
.small
{
	width:180px;
	text-align:right;
}

#newsticker li
{
	position:relative;
	margin: 0px 3px 0px -5px;
}
#newsticker ul 
{	
	display: block;
	float: left;
	width:99.5%;
	height:90px;
	list-style: none;
	padding: 0px 0px 0px 0px;
}
* html #newsticker ul {
	overflow: scroll;
}
#newsticker li.error {
	color: #ffffff;
}

.error
{
	font-size: 9px; 	
	color:#ffffff;
}
.highlight
{
	color:red;
	background-color:Blue;
}