/*------------------------------------------------------------------------------
 *     PROJECT: Clinica Dr. Paulo Cardozo
 *        FILE: styles_main.js
 *     VERSION: 1.000.000
 *    CONTENTS: Site's main CSS styles
 *        DATE: 2011-10-19
 *      AUTHOR: Helder Beringuilho (HB)
 *     COMPANY: IdeiasX
 *   REVISIONS: 2011-02-19, HB, 1.000.000 - Creation of this file;
 *                                                                (c) IdeiasX
 *----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
 * Clear all styles - refresh
 *---------------------------------------------------------------------------*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	/*background: white;*/
}
ol, ul {
	list-style: none;
}

table {
	/*border-collapse: separate;*/
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*-----------------------------------------------------------------------------
 * Site's styles
 *---------------------------------------------------------------------------*/

#body_type1
{
	color: black;
	font-family: Verdana, Arial, sans;
	font-size: 10px;
	text-align:justify;
	/*background-image:url('../imgs/top_bar.gif');
	background-repeat:repeat-x;*/
	background-color:#FFFFFF;
}

#work_area
{
	width: 884px;
	color:#317f0a;
}

#main_zone1
{
	margin:auto;
	width:884px;
}

#main_zone2
{
	margin:auto;
	width:884px;
	background-color:#66cc33;
	background-image:url('../imgs/top_bar.gif');
	background-repeat:repeat-x;
}

#logo1
{
	margin-top:40px;
	width:214px;
	height:57px;
	float:left;
}

#main_menus1
{
	width:518px;
	height:37px;
	float:right;
	margin-top:50px;
	margin-right:100px;
}

#main_menu_line1
{
	 float:left;
	 margin-left:3px;
	 margin-right:3px;
}

#option_type1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:normal;
	color:#318805;
	height:37px;
	/*width:125px;*/
	float:right;
	text-align:center;
	margin-top:10px;
	/*padding-top:10px;*/
}

#option_type1 a,
#option_type1 a:visited
{
    margin: 0 2px 2px 0;
    padding: 10px 10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#318805;
}

#option_type1 a:hover,
#option_type1 a:active
{
    margin: 0 2px 2px 0;
    padding: 10px 10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#66cc33;
}

#main_area_title
{
	margin-top:10px;
	font-size:30px;
	color:#317f0a;
	font-weight:bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
}

#line_footer
{
	color:maroon;
}

#footer_area
{
	color:#ffd105;
}

#company
{
	float:left;
	font-weight:bold;
}

#ideasx
{
	float:right;
	font-weight:bold;
}

#link_type1,
#link_type1 a,
#link_type1 a:visited,
#link_type1 a:hover,
#link_type1 a:active
{
    font: bold 10px Verdana, Arial, sans;
    color: #FFFFFF;
    text-decoration: none;
}

#main_area_txt
{
	margin-top:10px;
	font-size:14px;
	color:#949498;
	font-weight:normal;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}

/*-----------------------------------------------------------------------------
 * MENUS STYLE
 *---------------------------------------------------------------------------*/
.FooterArea
{
	background-color:#66cc33;
	color:#ffffff;
	height:50px;
	margin-top:20px;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
}

/*-----------------------------------------------------------------------------
 * MENUS STYLE
 *---------------------------------------------------------------------------*/
#menus
{
    font: bold 13px Arial, sans, Verdana;
    text-align: left;
    color: #000000;
    vertical-align: top;
/*    line-height: 150%;*/
    background-color:#e6bd05;
}

#menus_list
{
	list-style:square;
	margin-left: 25px;
}

#menu_item
{
	padding-top: 5px;
	padding-bottom: 5px;
}

#menu_item a,
#menu_item a:visited
{
    margin: 0 2px 2px 0;
    padding: 5px 5px;
	text-decoration:none;
	color:#000000;
}

#menu_item a:hover,
#menu_item a:active
{
    margin: 0 2px 2px 0;
    padding: 5px 5px;
	text-decoration:none;
	color:#ffd105;
	background-color:#58585a;
}

/*-----------------------------------------------------------------------------
 * FORM'S STYLE
 *---------------------------------------------------------------------------*/

.Title1
{
	font-size:18pt; 
	margin-bottom:5px;
	text-align:center;
} 

.Title2
{
	font-size:12pt;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
}

.Inputbox1
{
	border:1px; 
	background-color:#317f0a; 
	color:#FFFFFF; 
	padding:10px 10px 10px 10px; 
	width:844px;
}

.Inputbox2
{
	border:1px; 
	background-color:#317f0a; 
	color:#FFFFFF; 
	padding:10px 10px 10px 10px; 
	width:844px;
	height:100px;
}

.Inputbox3
{
	border:1px;
	border-style:solid;
	background-color:#317f0a; 
	color:#ffffff; 
	border-color:#000000;
}

.Button1
{
	border-style:solid;
	background-color:#317f0a;
	width:60px; 
	height:40px; 
	color:#FFFFFF; 
	font-weight:bold;
	cursor:pointer;
	border:1px;
}

.Button2
{
	border-style:solid;
	background-color:#317f0a;
	width:100px; 
	height:40px; 
	color:#FFFFFF; 
	font-weight:bold;
	cursor:pointer;
	border:1px;
}

.Button3
{
	background-color:#66cc33;
	width:60px; 
	height:40px; 
	color:#317f0a; 
	font-weight:bold;
	cursor:pointer;
	border:1px #000000 solid;
}

.Button4
{
	background-color:#66cc33;
	width:100px; 
	height:40px; 
	color:#317f0a; 
	font-weight:bold;
	cursor:pointer;
	border:1px #000000 solid;
}

.Option1
{
	cursor:pointer;
	background-image:url('../imgs/option.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:22px;
	height:22px;
	margin-bottom: 5px;
}

.Option1 input[type=radio] 
{
    display:none; 
    margin:10px;
}

.Option1 input[type=radio] + label 
{
	cursor:pointer;
	background-image:url('../imgs/option.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:22px;
	height:22px;
	display:inline-block;
}

.Option1 input[type=radio]:checked + label 
{ 
	cursor:pointer;
	background-image:url('../imgs/option.png');
	background-repeat:no-repeat;
	display:inline-block;
	background-position:-22px 0px;
}

.Option1 span
{
	margin-left:5px; 
	margin-top:5px; 
	position:absolute;
}

/*-----------------------------------------------------------------------------
 * CONTACT's STYLE
 *---------------------------------------------------------------------------*/

#td_area_type1
{
    margin: 0;
    padding-right: 10px;
    font: bold 12px Verdana, Arial, sans;
    text-align: right;
    color: #000000;
    vertical-align: top;
    background-color:#ffffff;

}

#td_area_type2
{
    margin: 0;
    font: bold 12px Verdana, Arial, sans;
    text-align: left;
    color: #000000;
    vertical-align: top;
    line-height: 150%;
    background-color:#ffffff;

}

.td_area_type3
{
	background-color:#ffffff;
	border: 1px #317f0a dotted;
	text-align:center;
}

#td_area_type4
{
    margin: 0;
    font: bold 12px Verdana, Arial, sans;
    text-align: left;
    color: #317f0a;
    vertical-align: top;
    line-height: 150%;
    background-color:#ffffff;

}

.text_err_type1
{
	font-size:12pt;
	color:red;
}

#map_style1
{
    border:thin;
    border-color:maroon;
    border-collapse:collapse;
    border-style:solid;
}

#work_area2
{
	font: normal 12px Verdana, Arial, sans;
	color:#66cc33;
	padding-left: 15px;
	line-height:20px;
	background-color:#317f0a;
	border: 1px #317f0a solid;
}

#work_area2 p
{
	margin-top:10px;
}

#work_area2_title
{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}

#work_area2 a,
#work_area2 a:visited,
#work_area2 a:hover,
#vwork_area2 a:active
{
    font-weight:bold;
    color: #55fe00;
    text-decoration: none;
}
#work_area2 ul
{
    list-style: square;
    margin-left:25px;
    margin-right:25px;
    line-height: 150%;
}

#sub_title
{
	color: #ffffff;
	font-weight: bold;
}

/*-----------------------------------------------------------------------------
 * BUTTON'S STYLE
 *---------------------------------------------------------------------------*/

.remove_style
{
    clear: both;
}

/*-----------------------------------------------------------------------------
 * IMAGE ROTATOR
 *---------------------------------------------------------------------------*/
/* rotator in-page placement */
div.rotator
{
	position:relative;
	height:317px;
	margin-left: 0px;
	display: none;
}

/* rotator css */
div.rotator ul li
{
	float:left;
	position:absolute;
	list-style: none;
}

/* rotator image style */	
div.rotator ul li img
{
	/*border:1px solid #ccc;*/
	/*padding: 4px;*/
	/*background: #FFF;*/
	/*background-image: url('../images/bg_gradient.gif');*/
}

div.rotator ul li.show
{
	z-index:500
}