.center {
    text-align: center;
    margin-auto;
}

.wide {
    width: 100%;
}

.mid {
    width: 95%;
    display: inline-block;
}

.margin_auto {
    margin: auto;
}

.warning {
    padding:10px;
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../ico/warning.png');
    background-repeat:no-repeat;
    background-position: 10px center;
    border:1px solid #9F6000;
    margin:10px;
}
.error {
    padding:10px;
    padding-left:50px;
    font-size:14px;
    color: #570e0e;
    font-weight:bold;
    background-color: #FFBABA;
    background-image: url('../ico/error.png');
    background-repeat:no-repeat;
    background-position: 10px center;
    border:1px solid #D8000C;
    margin:10px;
}
.sucesso {
    padding:10px;
    padding-left:50px;
    font-size:14px;
    color: #154d1a;
    font-weight:bold;
    background-color: #60f18f;
    background-image: url('../imgs/sucesso.png');
    background-repeat:no-repeat;
    background-position: 10px center;
    border:1px solid #197e0a;
    margin:10px;
}

    .error a, .warning a {
        color:#0835b1;
    }

h2 {
    letter-spacing: 1px;
    line-height: 35px;
    font-size: 30px;
    margin: 2px 0px 10px 0px;
}

i {
    color: #fa9c08;
}

li {
    margin-left: 18px;
    margin-top: 10px;
}

.info {
    color: #e7510e;
    font-size: 80%;
}

#switcher-demo-panel {
    margin-top: 30px;
    margin-left: 29px;
    margin-right: 29px;
    padding-bottom: 30px;
}

#switcher-panel {
    margin-top: 30px;
    margin-left: 29px;
    margin-right: 29px;
    height: 400px;
}

#switcher-panel2 {
    margin-top: 30px;
    margin-left: 29px;
    margin-right: 29px;
    height: 400px;
}

.nav_buttons {
    position: relative;
    top: 13px;
    left: 15px;
    height: 30px;
    font-weight:bold;
    font-size:18px;
    border-bottom:1px solid black;
}
    .nav_buttons * {
        padding:5px 10px 5px 10px;
        background-color:#e6e3e3;
        border-radius: 15px;
    }

    .nav_buttons a {
        margin: 0px 10px;
    }

.header {
    height: 50px;
    width: 100%;
    position: relative;
    top: 0px;
    background: transparent url(imgs/navbg.png) repeat-x bottom left;
    color: #888;
}

.block {
    background: transparent url(imgs/block_bg.png) repeat top left;
    -moz-border-radius: 20px;
    azimuth-webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    min-height: 400px;
    height: 400px;
    margin-top: 20px;
}

a.link.active { color:blue; }

#produtos_p1 {
    text-align:left;
    padding:20px;
/*background-color:#e4e4e4;*/
background-color:#c5e4ff;
-moz-border-radius: 20px;
    azimuth-webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    
}

#produtos_p1 input[type='text'] {
    width:250px;
    border:1px solid black;
}

 .Initial
  {
     font-size:15px;
    display: block;
    padding: 4px 18px 4px 18px;
    float: left;
    /*background: url("../Images/InitialImage.png") no-repeat right top;*/
    color: Black;
    font-weight: bold;
    margin:5px;
  }
  .Initial:hover
  {
     
     font-size:15px;
    margin:5px;
    color: grey;
    /*background: url("../Images/SelectedButton.png") no-repeat right top;*/
  }
  .Clicked
  {
    
     font-size:15px;
    margin:5px;
    float: left;
    display: block;
    /*background: url("../Images/SelectedButton.png") no-repeat right top;*/
    padding: 4px 18px 4px 18px;
    color: Black;
    font-weight: bold;
    color: blue;
  }

.ui-datepicker {
    font-size:12px;
}

.obrigatorio {
    border:1px solid #a45f37;
}

table.componentes {

    border:0;
    width:100%;
    text-align:left;
    padding:20px;
background-color:#e4e4e4;
-moz-border-radius: 20px;
    azimuth-webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}





.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .boxy-top-left,
	.boxy-wrapper .boxy-top-right,
	.boxy-wrapper .boxy-bottom-right,
	.boxy-wrapper .boxy-bottom-left { width: 10px; height: 10px; padding: 0 }
	
	:root .boxy-wrapper .boxy-top-left { background: url('../images/boxy-nw.png'); }
	:root .boxy-wrapper .boxy-top-right { background: url('../images/boxy-ne.png'); }
	:root .boxy-wrapper .boxy-bottom-right { background: url('../images/boxy-se.png'); }
	:root .boxy-wrapper .boxy-bottom-left { background: url('../images/boxy-sw.png'); }
	
	/* IE6-8 hacks for the border. IE7+8 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .boxy-top-left {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png')";
	}
	.boxy-wrapper .boxy-top-right {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png')";
	}
	.boxy-wrapper .boxy-bottom-right {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png')";
	}
	.boxy-wrapper .boxy-bottom-left {
		#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png')";
	}
	
	.boxy-wrapper .boxy-top,
	.boxy-wrapper .boxy-bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .boxy-left,
	.boxy-wrapper .boxy-right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { overflow: hidden; background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }