/* documento */
body {
	margin:0px;
	background-color:#FFFFFF;
}

/* textos */
.titulosecoes {
	font-family:"Trebuchet MS", Arial;
	font-size:13px;
	color:#526d73;
	font-weight:bold;
}
.textocopyright {
	font-family:"Trebuchet MS", Arial;
	font-size:11px;
	color:#FFFFFF;
}
.textoazul {
	font-family:"Trebuchet MS", Arial;
	font-size:12px;
	color:#526d73;
}

/* inputs */

input {
	font-family: verdana;
	font-size:12px;
	color:#000000;
	padding-top:2px;	
	vertical-align:middle;
	height:23px;
	/*border:1px solid #7f9db9;*/
	background-repeat:repeat-x;

}
input:hover {
	border:1px solid color:#526d73;
}
input:focus {
	border:1px solid color:#990000;
}
.inputfocus {
	border:1px solid color:#990000;
}

textarea {
	font-family: Arial;
	font-size:12px;
	color:#000000;	
	/*border:1px solid #7f9db9;*/
	background-repeat:repeat-x;
	padding:4px;
}

.accordion_toggle {
            display: block;
            height: 30px;
            width: 500px;
            background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
            padding: 0 10px 0 10px;
            line-height: 30px;
            color: #ffffff;
            font-weight: normal;
            text-decoration: none;
            outline: none;
            font-size: 12px;
            color: #000000;
            border-bottom: 1px solid #cde99f;
            cursor: pointer;
            margin: 0 0 0 0;
        }
        
        .accordion_toggle_active {
            background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
            color: #ffffff;
            border-bottom: 1px solid #f68263;
        }
        
        .accordion_content {
            background-color: #ffffff;
            color: #444444;
            overflow: hidden;
        }
            
            .accordion_content h2 {
                margin: 15px 0 5px 10px;
                color: #0099FF;
            }
            
            .accordion_content p {
                line-height: 150%;
                padding: 5px 10px 15px 10px;
            }
            
        .vertical_accordion_toggle {
            display: block;
            height: 30px;
            width: 600px;
            background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
            padding: 0 10px 0 10px;
            line-height: 30px;
            color: #ffffff;
            font-weight: normal;
            text-decoration: none;
            outline: none;
            font-size: 12px;
            color: #000000;
            border-bottom: 1px solid #cde99f;
            cursor: pointer;
            margin: 0 0 0 0;
        }

        .vertical_accordion_toggle_active {
            background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
            color: #ffffff;
            border-bottom: 1px solid #f68263;
        }

        .vertical_accordion_content {
            background-color: #ffffff;
            color: #444444;
            overflow: hidden;
        }

            .vertical_accordion_content h2 {
                margin: 15px 0 5px 10px;
                color: #0099FF;
            }

            .vertical_accordion_content p {
                line-height: 150%;
                padding: 5px 10px 15px 10px;
            }
              
        /*
            Horizontal Accordion
        */
        
        .horizontal_accordion_toggle {
            /* REQUIRED */
            float: left;    /* This make sure it stays horizontal */
            /* REQUIRED */

            display: block;
            height: 100px;
            width: 30px;
            background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
            color: #ffffff;
            text-decoration: none;
            outline: none;
            border-right: 1px solid #cde99f;
            cursor: pointer;
            margin: 0 0 0 0;
        }
        
        .horizontal_accordion_toggle_active {
            background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
            border-right: 1px solid #f68263;
        }
        
        .horizontal_accordion_content {
            /* REQUIRED */
            height: 100px;    /* We need to define a height for the accordion as it stretches the width */
            float: left;    /* This make sure it stays horizontal */
            /* REQUIRED */
            
            overflow: hidden;
            background-color: #ffffff;
            color: #444444;
        }
            
            .horizontal_accordion_content p {
                width: 450px;
                line-height: 150%;
                padding: 5px 10px 15px 10px;
            }
                    
                    
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }